2022-02-21 23:00:50 -05:00
|
|
|
<section id="gallery">
|
|
|
|
|
<ul class="gallery">
|
|
|
|
|
<% @media.each do |media_item| %>
|
|
|
|
|
<li class="gallery-item"
|
|
|
|
|
tabindex="0">
|
|
|
|
|
|
|
|
|
|
<% if media_item.media_type == 'VIDEO' %>
|
|
|
|
|
<video class="gallery-image"
|
|
|
|
|
controls>
|
|
|
|
|
<source src="<%= media_item.media_url %>"
|
|
|
|
|
poster="<%= media_item.thumbnail_url %>"/>
|
|
|
|
|
</video>
|
|
|
|
|
<% else %>
|
2022-02-23 16:18:23 -05:00
|
|
|
<a href="<%= media_item.media_url %>">
|
|
|
|
|
<img class="gallery-image"
|
|
|
|
|
src="<%= media_item.media_url %>"
|
|
|
|
|
alt="<%= media_item.caption %>"/>
|
|
|
|
|
</a>
|
2022-02-21 23:00:50 -05:00
|
|
|
<% end %>
|
|
|
|
|
</li>
|
|
|
|
|
<% end %>
|
|
|
|
|
</ul>
|
|
|
|
|
</section>
|
