includes lorem content and images to answers
This commit is contained in:
BIN
app/assets/images/custom/example_horizontal.jpg
Normal file
BIN
app/assets/images/custom/example_horizontal.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
BIN
app/assets/images/custom/example_vertical.jpg
Normal file
BIN
app/assets/images/custom/example_vertical.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
42
app/views/polls/_gallery.html.erb
Normal file
42
app/views/polls/_gallery.html.erb
Normal file
@@ -0,0 +1,42 @@
|
||||
<div class="orbit margin-bottom" role="region" aria-label="Answer 1" data-orbit data-auto-play="false">
|
||||
<a data-toggle="answer_1" class="zoom-link show-for-medium-up">
|
||||
<span class="icon-search-plus"></span>
|
||||
<span class="show-for-sr"><%= t("polls.show.zoom_plus") %></span>
|
||||
</a>
|
||||
|
||||
<ul class="orbit-container">
|
||||
<li>
|
||||
<button class="orbit-previous">
|
||||
<span class="show-for-sr">Previous Slide</span>◀︎
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button class="orbit-next">
|
||||
<span class="show-for-sr">Next Slide</span>▶︎
|
||||
</button>
|
||||
</li>
|
||||
<!-- each image do -->
|
||||
<li class="is-active orbit-slide">
|
||||
<%= link_to "/assets/example_vertical.jpg", target: "_blank" do %>
|
||||
<%= image_tag "example_horizontal.jpg", class: "orbit-image" %>
|
||||
<% end %>
|
||||
<span class="orbit-caption">Image title 1</span>
|
||||
</li>
|
||||
<!-- end -->
|
||||
<li class="orbit-slide">
|
||||
<%= link_to "/assets/example_vertical.jpg", target: "_blank" do %>
|
||||
<%= image_tag "example_vertical.jpg", class: "orbit-image" %>
|
||||
<% end %>
|
||||
<span class="orbit-caption">Image title 2</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nav class="orbit-bullets">
|
||||
<button class="is-active" data-slide="0">
|
||||
<span class="show-for-sr">Image title 1</span>
|
||||
</button>
|
||||
<button data-slide="1">
|
||||
<span class="show-for-sr">Image title 2</span>
|
||||
</button>
|
||||
</nav>
|
||||
</div>
|
||||
@@ -64,4 +64,31 @@
|
||||
</aside>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="expanded poll-more-info-answers">
|
||||
<div class="row padding">
|
||||
|
||||
<!-- EACH ANSWER DO -->
|
||||
<div class="small-12 medium-6 column end" id="answer_1" data-toggler=".medium-6">
|
||||
|
||||
<!-- REPLACE THIS WITH answer title -->
|
||||
<h3>Answer 1</h3>
|
||||
<!-- /. REPLACE THIS WITH answer title -->
|
||||
|
||||
<!-- If Answer have images render this:
|
||||
Maybe something like <%# render "gallery", gallery: answer.gallery %> -->
|
||||
<%= render "gallery" %>
|
||||
<!-- If Answer have images render this -->
|
||||
|
||||
<!-- REPLACE THIS WITH answer description -->
|
||||
<div class="margin-top">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
<!-- /. REPLACE THIS WITH answer description -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- /. EACH ANSWER DO -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user