minor fix
This commit is contained in:
Tom Canac
parent
2a069b7dc3
commit
b12d3a288a
2 changed files with 155 additions and 150 deletions
6
js/lazy.js
Normal file
6
js/lazy.js
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
/*!
|
||||
[be]Lazy.js - v1.1.3 - 2014.01.21
|
||||
A lazy loading and multi-serving image script
|
||||
(c) Bjoern Klinggaard - @bklinggaard - http://dinbror.dk/blazy
|
||||
*/
|
||||
var Blazy=function(c,h){function g(b){if(!h.querySelectorAll){var d=h.createStyleSheet();h.querySelectorAll=function(b,a,c,e,g){g=h.all;a=[];b=b.replace(/\[for\b/gi,"[htmlFor").split(",");for(c=b.length;c--;){d.addRule(b[c],"k:v");for(e=g.length;e--;)g[e].currentStyle.k&&a.push(g[e]);d.removeRule(0)}return a}}a=b||{};a.src=a.src||"data-src";a.multi=a.multi||!1;a.error=a.error||!1;a.offset=a.offset||100;a.success=a.success||!1;a.selector=a.selector||".b-lazy";a.separator=a.separator||"|";a.container=a.container?h.querySelectorAll(a.container):!1;a.errorClass=a.errorClass||"b-error";a.successClass=a.successClass||"b-loaded";q=a.src;u=1<c.devicePixelRatio;e=v(w,20);r=v(x,50);x();l(a.multi,function(b){if(b.width>=c.screen.width)return q=b.src,!1});y()}function w(){for(var b=0;b<k;b++){var d=m[b],t=-1!==(" "+d.className+" ").indexOf(" "+a.successClass+" "),f=d.getBoundingClientRect(),c=z+a.offset;if(0<=f.left&&f.right<=A+a.offset&&(0<=f.top&&f.top<=c||f.bottom<=c&&f.bottom>=0-a.offset)||t)t||B(d),m.splice(b,1),k--,b--}0===k&&g.prototype.destroy()}function B(b){if(0<b.offsetWidth&&0<b.offsetHeight){var d=b.getAttribute(q)||b.getAttribute(a.src);if(d){var d=d.split(a.separator),c=d[u&&1<d.length?1:0],d=new Image;l(a.multi,function(a){b.removeAttribute(a.src)});b.removeAttribute(a.src);d.onerror=function(){a.error&&a.error(b,"invalid");b.className=b.className+" "+a.errorClass};d.onload=function(){"img"===b.nodeName.toLowerCase()?b.src=c:b.setAttribute("style",'background-image: url("'+c+'");');b.className=b.className+" "+a.successClass;a.success&&a.success(b)};d.src=c}else a.error&&a.error(b,"missing"),b.className=b.className+" "+a.errorClass}}function C(b){b=h.querySelectorAll(b);for(var a=k=b.length;a--;m.unshift(b[a]));}function x(){var b=h.documentElement;z=c.innerHeight||b.clientHeight;A=c.innerWidth||b.clientWidth}function y(){C(a.selector);s&&(s=!1,a.container&&l(a.container,function(b){n(b,"scroll",e)}),n(c,"scroll",e),n(c,"resize",e),n(c,"resize",r));w()}function n(b,a,c){b.attachEvent?b.attachEvent&&b.attachEvent("on"+a,c):b.addEventListener(a,c,!1)}function p(b,a,c){b.detachEvent?b.detachEvent&&b.detachEvent("on"+a,c):b.removeEventListener(a,c,!1)}function l(b,a){if(b&&a)for(var c=b.length,f=0;f<c&&!1!==a(b[f],f);f++);}function v(a,c){var e=0;return function(){var f=+new Date;f-e<c||(e=f,a.apply(this,arguments))}}var q,a,A,z,u,s=!0,k=0,m=[],e,r;g.prototype.revalidate=function(){y()};g.prototype.load=function(b){-1===(" "+b.className+" ").indexOf(" "+a.successClass+" ")&&B(b)};g.prototype.destroy=function(){a.container&&l(a.container,function(a){p(a,"scroll",e)});p(c,"scroll",e);p(c,"resize",e);p(c,"resize",r);k=0;m.length=0;s=!0};return g}(window,document);
|
||||
|
|
@ -10,160 +10,159 @@
|
|||
<script src="<% gallery_root %>js/mootools.js"></script>
|
||||
<script src="<% gallery_root %>js/mediaboxAdv-1.3.4b.js"></script>
|
||||
<link rel="stylesheet" href="<% gallery_root %>css/mediaboxAdvWhite.css" type="text/css" media="screen" />
|
||||
|
||||
<style type="text/css">
|
||||
html{
|
||||
font-size: 62.5%;
|
||||
}
|
||||
.clear{clear:both;}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
font-size: 1.5rem;
|
||||
font-family:Helvetica, Arial, sans-serif;
|
||||
background: #E7E6E0;
|
||||
color: #333333;
|
||||
}
|
||||
a {
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
h1 {
|
||||
margin: 20px 0 0 0;
|
||||
font-family: Georgia, Lucida, serif;
|
||||
font-style: italic;
|
||||
}
|
||||
h1 a{
|
||||
color: #CC2027;
|
||||
}
|
||||
body > header{
|
||||
background-color:#FFF;
|
||||
padding: 1px 0 0 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
#container, #innerheader{
|
||||
max-width: <% gallery_width %>;
|
||||
margin: 0px auto;
|
||||
}
|
||||
header aside{
|
||||
padding: 2rem 0;
|
||||
}
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
nav {
|
||||
font-size: 1.3em;
|
||||
padding-top: 2rem;
|
||||
}
|
||||
body > nav {
|
||||
text-align: center;
|
||||
}
|
||||
#folder_comment
|
||||
{
|
||||
margin-bottom:10px;
|
||||
}
|
||||
#folder_comment a {
|
||||
color: #FFCC11;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#gallery {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#gallery li, #gallery li img {
|
||||
border-radius: 4px;
|
||||
}
|
||||
#gallery li {
|
||||
float: left;
|
||||
position: relative;
|
||||
overflow:hidden;
|
||||
margin: .5%;
|
||||
-webkit-box-shadow: 0px 0px 2px -1px #000;
|
||||
box-shadow: 0px 0px 2px -1px #000;
|
||||
}
|
||||
#gallery li img{
|
||||
width: 100%;
|
||||
}
|
||||
#gallery em {
|
||||
background: #FFF;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
padding: 8px 0px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom:0px;
|
||||
width: 100%;
|
||||
}
|
||||
footer {
|
||||
margin: 25px 0px;
|
||||
text-align: center;
|
||||
}
|
||||
footer a {
|
||||
text-decoration: none;
|
||||
color: #666;
|
||||
}
|
||||
/*----responsive----*/
|
||||
#gallery li {
|
||||
width: 24%;
|
||||
height: 0;
|
||||
padding-bottom: 24%;
|
||||
}
|
||||
@media (max-width: 1000px) {
|
||||
#gallery li {
|
||||
width: 32%;
|
||||
padding-bottom: 32%;
|
||||
<style type="text/css">
|
||||
html{
|
||||
font-size: 62.5%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
#gallery li {
|
||||
width: 48%;
|
||||
padding-bottom: 48%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 450px) {
|
||||
#gallery li {
|
||||
.clear{clear:both;}
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
padding-bottom: 100%;
|
||||
font-size: 1.5rem;
|
||||
font-family:Helvetica, Arial, sans-serif;
|
||||
background: #E7E6E0;
|
||||
color: #333333;
|
||||
}
|
||||
a {
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
h1 {
|
||||
margin: 20px 0 0 0;
|
||||
font-family: Georgia, Lucida, serif;
|
||||
font-style: italic;
|
||||
}
|
||||
h1 a{
|
||||
color: #CC2027;
|
||||
}
|
||||
body > header{
|
||||
background-color:#FFF;
|
||||
padding: 1px 0 0 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
#container, #innerheader{
|
||||
max-width: <% gallery_width %>;
|
||||
margin: 0px auto;
|
||||
}
|
||||
header aside{
|
||||
padding: 2rem 0;
|
||||
}
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
nav {
|
||||
font-size: 1.3em;
|
||||
padding-top: 2rem;
|
||||
}
|
||||
body > nav {
|
||||
text-align: center;
|
||||
}
|
||||
#folder_comment
|
||||
{
|
||||
margin-bottom:10px;
|
||||
}
|
||||
#folder_comment a {
|
||||
color: #FFCC11;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header role="banner">
|
||||
<div id="innerheader">
|
||||
<h1><a href="<% gallery_root %>"><% title %></a></h1>
|
||||
<% messages %>
|
||||
<nav role="navigation"><% breadcrumb_navigation %></nav>
|
||||
<aside><% folder_comment %></aside>
|
||||
</div>
|
||||
</header>
|
||||
#gallery {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#gallery li, #gallery li img {
|
||||
border-radius: 4px;
|
||||
}
|
||||
#gallery li {
|
||||
float: left;
|
||||
position: relative;
|
||||
overflow:hidden;
|
||||
margin: .5%;
|
||||
-webkit-box-shadow: 0px 0px 2px -1px #000;
|
||||
box-shadow: 0px 0px 2px -1px #000;
|
||||
}
|
||||
#gallery li img{
|
||||
width: 100%;
|
||||
}
|
||||
#gallery em {
|
||||
background: #FFF;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
padding: 8px 0px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom:0px;
|
||||
width: 100%;
|
||||
}
|
||||
footer {
|
||||
margin: 25px 0px;
|
||||
text-align: center;
|
||||
}
|
||||
footer a {
|
||||
text-decoration: none;
|
||||
color: #666;
|
||||
}
|
||||
/*----responsive----*/
|
||||
#gallery li {
|
||||
width: 24%;
|
||||
height: 0;
|
||||
padding-bottom: 24%;
|
||||
}
|
||||
@media (max-width: 1000px) {
|
||||
#gallery li {
|
||||
width: 32%;
|
||||
padding-bottom: 32%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
#gallery li {
|
||||
width: 48%;
|
||||
padding-bottom: 48%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 450px) {
|
||||
#gallery li {
|
||||
width: 100%;
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<main id="container">
|
||||
|
||||
<ul id="gallery">
|
||||
<% thumbnails %>
|
||||
</ul>
|
||||
</main>
|
||||
<body>
|
||||
<header role="banner">
|
||||
<div id="innerheader">
|
||||
<h1><a href="<% gallery_root %>"><% title %></a></h1>
|
||||
<% messages %>
|
||||
<nav role="navigation"><% breadcrumb_navigation %></nav>
|
||||
<aside><% folder_comment %></aside>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="clear"></div>
|
||||
<nav role="navigation"><% page_navigation %></nav>
|
||||
<!-- CREDITS - DO NOT REMOVE OR YOU WILL VOID MiniGal Nano TERMS OF USE -->
|
||||
<footer role="contentinfo">
|
||||
Gallery by <% author %>.
|
||||
<a href="https://github.com/tmos/miniboardnano" title="Powered by MiniGal Nano" target="_blank">
|
||||
Made with miniboardNano by Tom Canac.
|
||||
</a>
|
||||
<a href="http://tomcanac.com/miniboardnano/" title="Tom Canac" target="_blank">
|
||||
Board theme by Tom Canac.
|
||||
</a>
|
||||
<a title="<% title %> RSS" href="rss/" />
|
||||
RSS
|
||||
<a>
|
||||
</footer>
|
||||
</body>
|
||||
<main id="container">
|
||||
|
||||
<ul id="gallery">
|
||||
<% thumbnails %>
|
||||
</ul>
|
||||
</main>
|
||||
|
||||
<div class="clear"></div>
|
||||
<nav role="navigation"><% page_navigation %></nav>
|
||||
<!-- CREDITS - DO NOT REMOVE OR YOU WILL VOID MiniGal Nano TERMS OF USE -->
|
||||
<footer role="contentinfo">
|
||||
Gallery by <% author %>.
|
||||
<a href="https://github.com/tmos/miniboardnano" title="Powered by MiniGal Nano" target="_blank">
|
||||
Made with miniboardNano by Tom Canac.
|
||||
</a>
|
||||
<a href="http://tomcanac.com/miniboardnano/" title="Tom Canac" target="_blank">
|
||||
Board theme by Tom Canac.
|
||||
</a>
|
||||
<a title="<% title %> RSS" href="rss/" />
|
||||
RSS
|
||||
<a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in a new issue