bofh/fetsite
9
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

added header image to infoscreen

Browse Source
This commit is contained in:
peter
2017-05-31 22:07:11 +02:00
parent 4ca664a091
commit 2e4a0680df
1 changed files with 63 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
app/views/home/infoscreen.html.erb
View File

@@ -9,23 +9,24 @@
</head> </head>
<body> <body>
<img scr="/assets/infoscreen_header_provisorisch.png" > <%#header picture/animation %>
<%= image_tag "infoscreen_header_provisorisch.png" %>
<!--<div id ="jmpress">
<% i=1 %>
<% @neuigkeiten.each do |n| %>
<div class="step contentbox" id="step-<%=i%>" data-x="<%= i *2000 %>" data-y="<%= Random.rand(0..5)*200 %>" data-rotate="<%= Random.rand(0..18)*10 %>" style="width:1160px; height:650px; <%#padding: 50px;%> padding-top: 50px; display:block" data-duration="10000"><% @toolbar_elements=[];@questions=[] %> <%= image_tag "infoscreen_header_provisorisch.png" %> <%#header picture/animation %>
<div padding-top:200px; padding-bottom:100px>
<div id ="jmpress">
<% i=1 %>
<% @neuigkeiten.each do |n| %>
<div class="step contentbox" id="step-<%=i%>" data-x="<%= i *2000 %>" data-y="<%= Random.rand(0..5)*200 %>" data-rotate="<%= Random.rand(0..18)*10 %>" style="width:1160px; height:650px; <%#padding: 50px; padding-top: 50px;%> display:block" data-duration="10000"><% @toolbar_elements=[];@questions=[] %>
<div class="media" style="width: 660px; height:340px; transform: scale(1.5) translate(120px,50px)" > <div class="media" style="width: 660px; height:340px; transform: scale(1.5) translate(120px,50px)" >
<div class="pull-left" href="#" style="max-width:200px;"> <div class="pull-left" href="#" style="max-width:200px;">
<% unless n.picture_robust.big_thumb.to_s.empty? %> <% unless n.picture_robust.big_thumb.to_s.empty? %>
<p> <p>
<br><%= link_to image_tag(n.picture_robust.big_thumb),n.picture_robust.try(:url) %> <br><%= link_to image_tag(n.picture_robust.big_thumb),n.picture_robust.try(:url) %>
</p> </p>
<% end %> <% end %>
<h3> <h3>
<% if n.has_calentries? %> <% if n.has_calentries? %>
<div href="#"> <div href="#">
<%= fa_icon("calendar 2x") %> <%= fa_icon("calendar 2x") %>
@@ -56,18 +57,18 @@
</div> </div>
<% i = i+1 %> <% i = i+1 %>
<% end %> <% end %>
</div> </div>
<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" style="height:10px; z-index: 2000; left: 5px; right: 5px; bottom: 5px; height: 10px; position:absolute"> <div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" style="height:10px; z-index: 2000; left: 5px; right: 5px; bottom: 5px; height: 10px; position:absolute">
<div id="" class="ui-progressbar-value ui-widget-header ui-corner-left" style=""></div> <div id="" class="ui-progressbar-value ui-widget-header ui-corner-left" style=""></div>
</div> </div>
<script> <script>
$(function () { $(function () {
$('#jmpress').jmpress({ $('#jmpress').jmpress({
duration: { duration: {
barPropertyStart: '0', barPropertyStart: '0',
barSelector: '.ui-progressbar-value' barSelector: '.ui-progressbar-value'
@@ -77,13 +78,14 @@ $('#jmpress').jmpress({
} }
}); });
setTimeout(function(){ setTimeout(function(){
window.location.reload(); window.location.reload();
/* or window.location = window.location.href; */ /* or window.location = window.location.href; */
}, 100000); }, 100000);
}); });
</script> --> </script>
</div>
</body> </body>