diff --git a/js/lazy.js b/js/lazy.js new file mode 100644 index 0000000..9dc3133 --- /dev/null +++ b/js/lazy.js @@ -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.screen.width)return q=b.src,!1});y()}function w(){for(var b=0;b=0-a.offset)||t)t||B(d),m.splice(b,1),k--,b--}0===k&&g.prototype.destroy()}function B(b){if(0 - - - - -
-
-

<% title %>

- <% messages %> - - -
-
+ #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%; + } + } + + -
- - -
+ +
+
+

<% title %>

+ <% messages %> + + +
+
-
- - - - +
+ + +
+ +
+ + +
+