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

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

@@ -9,81 +9,83 @@
</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="media" style="width: 660px; height:340px; transform: scale(1.5) translate(120px,50px)" > <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="pull-left" href="#" style="max-width:200px;"> <div class="media" style="width: 660px; height:340px; transform: scale(1.5) translate(120px,50px)" >
<% unless n.picture_robust.big_thumb.to_s.empty? %>
<p>
<br><%= link_to image_tag(n.picture_robust.big_thumb),n.picture_robust.try(:url) %>
</p>
<% end %>
<h3>
<% if n.has_calentries? %>
<div href="#">
<%= fa_icon("calendar 2x") %>
<%= n.relevant_calentry.text %>
</div>
<% elsif n.has_meeting? %>
<div href="#">
<%= fa_icon("calendar 2x") %>
<%= n.meeting.calentry.text unless n.meeting.calentry.nil? %>
</div>
<% end %> <div class="pull-left" href="#" style="max-width:200px;">
</h3> <% unless n.picture_robust.big_thumb.to_s.empty? %>
</div> <p>
<br><%= link_to image_tag(n.picture_robust.big_thumb),n.picture_robust.try(:url) %>
</p>
<% end %>
<h3>
<% if n.has_calentries? %>
<div href="#">
<%= fa_icon("calendar 2x") %>
<%= n.relevant_calentry.text %>
</div>
<% elsif n.has_meeting? %>
<div href="#">
<%= fa_icon("calendar 2x") %>
<%= n.meeting.calentry.text unless n.meeting.calentry.nil? %>
</div>
<div class="media-body"> <% end %>
<h1 itemprop="name"> </h3>
<%= raw(n.title) %> <%#= link_to fa_icon("edit"), edit_rubrik_neuigkeit_path(n.rubrik, n), remote: true if can? :edit, n %> </div>
</h1>
<div itemprop="articleBody" style="font-size:large"> <div class="media-body">
<%= raw(n.text_infoscreen_words) %> <h1 itemprop="name">
<%= raw(n.title) %> <%#= link_to fa_icon("edit"), edit_rubrik_neuigkeit_path(n.rubrik, n), remote: true if can? :edit, n %>
</h1>
<div itemprop="articleBody" style="font-size:large">
<%= raw(n.text_infoscreen_words) %>
</div> </div>
</div>
</div>
</div>
<% i = i+1 %>
<% end %>
</div>
</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 id="" class="ui-progressbar-value ui-widget-header ui-corner-left" style=""></div>
</div>
</div> <script>
<% i = i+1 %> $(function () {
<% end %> $('#jmpress').jmpress({
duration: {
barPropertyStart: '0',
barSelector: '.ui-progressbar-value'
},
initStep: function(element, eventData) {
console.log('We\'re changing to step: #' + $(element).attr('id') + '!');
}
</div> });
setTimeout(function(){
<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"> window.location.reload();
<div id="" class="ui-progressbar-value ui-widget-header ui-corner-left" style=""></div> /* or window.location = window.location.href; */
</div>
<script> }, 100000);
$(function () {
$('#jmpress').jmpress({
duration: {
barPropertyStart: '0',
barSelector: '.ui-progressbar-value'
},
initStep: function(element, eventData) {
console.log('We\'re changing to step: #' + $(element).attr('id') + '!');
}
}); });
setTimeout(function(){ </script>
</div>
window.location.reload();
/* or window.location = window.location.href; */
}, 100000);
});
</script> -->
</body> </body>