116 lines
4.5 KiB
Plaintext
Executable File
116 lines
4.5 KiB
Plaintext
Executable File
<% if(theme.materialcdn.use === true) { %>
|
|
<link rel="stylesheet" href="<%= theme.materialcdn.base %>/css/gallery.min.css">
|
|
<%}else{%>
|
|
<%- css('css/gallery.min') %>
|
|
<%}%>
|
|
|
|
<body>
|
|
<!-- Wrapper -->
|
|
<div id="wrapper">
|
|
|
|
<!-- Header -->
|
|
<header id="header">
|
|
<h1>
|
|
<a href="<%= config.root %>"><strong><%- config.title %></strong></a> - <%= page.title %>
|
|
</h1>
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href="#footer" class="icon fa-info-circle">
|
|
© <%- config.author %>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- Main -->
|
|
<div id="main">
|
|
<% if (site.data.gallery) { %>
|
|
<% for (var i in site.data.gallery) { %>
|
|
<article class="thumb">
|
|
<a href="<%= site.data.gallery[i].full_link %>" class="image lazy" data-original="<%= site.data.gallery[i].thumb_link %>"><img class="lazy" data-original="<%= site.data.gallery[i].thumb_link %>" alt="<%= i %>" /></a>
|
|
<h2><%= i %></h2>
|
|
<p><%= site.data.gallery[i].descr %></p>
|
|
</article>
|
|
<% } %>
|
|
<% } %>
|
|
</div>
|
|
<!-- Footer -->
|
|
<!--
|
|
<footer id="footer" class="panel">
|
|
<div class="inner split">
|
|
<div>
|
|
<section>
|
|
<h2>Magna feugiat sed adipiscing</h2>
|
|
<p>Nulla consequat, ex ut suscipit rutrum, mi dolor tincidunt erat, et scelerisque turpis ipsum eget quis orci mattis aliquet. Maecenas fringilla et ante at lorem et ipsum. Dolor nulla eu bibendum sapien. Donec non pharetra dui. Nulla consequat, ex ut suscipit rutrum, mi dolor tincidunt erat, et scelerisque turpis ipsum.</p>
|
|
</section>
|
|
<section>
|
|
<h2>Follow me on ...</h2>
|
|
<ul class="icons">
|
|
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
|
|
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
|
|
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
|
|
<li><a href="#" class="icon fa-github"><span class="label">GitHub</span></a></li>
|
|
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
|
|
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
|
|
<li><a href="#" class="icon fa-telegram"><span class="label">Telegram</span></a></li>
|
|
</ul>
|
|
</section>
|
|
<p class="copyright">
|
|
© Design: <a href="#">Gallery</a>.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<section>
|
|
<h2>Get in touch</h2>
|
|
<form method="post" action="#">
|
|
<div class="field half first">
|
|
<input type="text" name="name" id="name" placeholder="Name" />
|
|
</div>
|
|
<div class="field half">
|
|
<input type="text" name="email" id="email" placeholder="Email" />
|
|
</div>
|
|
<div class="field">
|
|
<textarea name="message" id="message" rows="4" placeholder="Message"></textarea>
|
|
</div>
|
|
<ul class="actions">
|
|
<li><input type="submit" value="Send" class="special" /></li>
|
|
<li><input type="reset" value="Reset" /></li>
|
|
</ul>
|
|
</form>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
-->
|
|
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<% if(theme.materialcdn.use === true) { %>
|
|
<%- js(theme.materialcdn.base + "/js/jquery.min.js") %>
|
|
<%- js(theme.materialcdn.base + "/js/gallery/gallery.js") %>
|
|
<%- js(theme.materialcdn.base + "/js/lazyload.min.js") %>
|
|
<%}else{%>
|
|
<%- js('js/jquery.min') %>
|
|
<%- js('js/gallery/gallery') %>
|
|
<%- js('js/lazyload.min') %>
|
|
<%}%>
|
|
|
|
<script>
|
|
queue.offer(function(){
|
|
$('.lazy').lazyload({
|
|
effect: 'fadeIn',
|
|
event: 'scrollstop'
|
|
});
|
|
})
|
|
<!-- Start Queue -->
|
|
$(document).ready(function(){
|
|
setInterval(function(){
|
|
queue.execNext();
|
|
},200);
|
|
});
|
|
</script>
|
|
</body>
|