You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
971 B
31 lines
971 B
<%
|
|
// the gallery photos of theme _config.yml.
|
|
var gallery = theme.myGallery.data;
|
|
%>
|
|
<div id="myGallery" class="my-gallery">
|
|
<div class="title center-align" data-aos="zoom-in-up">
|
|
<i class="far fa-image"></i> <%- __('gallery') %>
|
|
</div>
|
|
<div class="row">
|
|
<% if (gallery) { %>
|
|
<% Object.keys(gallery).forEach(function(photo) { %>
|
|
<div class="photo col s12 m6 l4" data-aos="fade-up">
|
|
<div class="img-item" data-src="<%- gallery[photo] %>">
|
|
<img src="<%- theme.jsDelivr.url %><%- url_for(gallery[photo]) %>" class="responsive-img">
|
|
</div>
|
|
</div>
|
|
<% }); %>
|
|
<% } %>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(function () {
|
|
let animateClass = 'animated pulse';
|
|
$('#myGallery .photo').hover(function () {
|
|
$(this).addClass(animateClass);
|
|
}, function () {
|
|
$(this).removeClass(animateClass);
|
|
});
|
|
});
|
|
</script>
|
|
|