App-sitelenmute
view release on metacpan or search on metacpan
share/album/index.css view on Meta::CPAN
body
{
padding: 0;
margin: 0;
border: 0;
background: #111;
color: #fff;
}
h2
{
margin: 1em;
font-family: monospace;
}
#albums .album
share/view/index.css view on Meta::CPAN
overflow: hidden; /* IE<9 */
padding: 0;
margin: 0;
border: 0;
height: 100.1% /* IOS>7.1 meta viewport minimal-ui to hide menu + bars */
}
body
{
overflow: scroll;
background-color: #eee;
}
img
{
border: none;
}
/* Main gallery elements */
#gallery h2
{
share/view/index.css view on Meta::CPAN
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111;
}
#gallery.no-cursor *
{
cursor: none !important;
}
#gallery a, #gallery a:active, #gallery a:focus
{
outline: none;
}
#gallery #background
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#gallery #noise
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(noise.png);
background-repeat: repeat;
}
#gallery #content
{
position: absolute;
top: 0;
left: 0;
}
#gallery #flash
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
}
/* Main image */
#gallery #content img.current
{
box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.5);
}
share/view/index.css view on Meta::CPAN
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
display: none;
position: absolute;
top: 0;
left: 0;
color: #fff;
background: #111; /* IE<9 */
background: rgba(0, 0, 0, 0.7);
font-family: sans-serif;
font-size: 80%;
padding: 0.5em;
}
#gallery #content #header > :not(:first-child)
{
padding-left: 0.5em;
}
share/view/index.css view on Meta::CPAN
}
#gallery #content #header a:hover
{
text-decoration: underline;
}
/* Caption */
#caption
{
background: #111; /* IE<9 */
background: rgba(0, 0, 0, 0.7);
background: linear-gradient(to left,
rgba(0, 0, 0, 0.7) 60%,
rgba(0, 0, 0, 0.5) 75%,
rgba(0, 0, 0, 0.1) 93%,
rgba(0, 0, 0, 0));
font-family: sans-serif;
text-align: right;
color: #fff;
display: none;
position: absolute;
right: 0;
share/view/index.css view on Meta::CPAN
#gallery #content #right img
{
right: 25%;
}
/* Thumbnail list */
#gallery #list
{
position: absolute;
background: rgba(255, 255, 255, 0.1);
padding-top: 0.5em;
padding-left: 0.5em;
box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
}
#gallery #list:focus
{
share/view/index.css view on Meta::CPAN
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#gallery #list .thumb.cut-left .ovr
{
background: url(cut-left.png) top left repeat-y;
}
#gallery #list .thumb.cut-right .ovr
{
background: url(cut-right.png) repeat-y top right;
}
#gallery #list .thumb.cut-left.cut-right .ovr
{
background: url(cut-left.png) top left repeat-y, url(cut-right.png) repeat-y top right;
}
#gallery #list .thumb.cut-top .ovr
{
background: url(cut-top.png) top left repeat-x;
}
#gallery #list .thumb.cut-bottom .ovr
{
background: url(cut-right.png) repeat-x bottom left;
}
#gallery #list .thumb.cut-top.cut-bottom .ovr
{
background: url(cut-left.png) top left repeat-x, url(cut-right.png) repeat-x bottom left;
}
#gallery #list .thumb.movie .ovr
{
background: url(cut-mov.png) top left repeat-y, url(cut-mov.png) top right repeat-y;
}
/* noscript style */
#wrapper {
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
line-height: 0;
}
share/view/index.js view on Meta::CPAN
var slidedelay = 5000; // slide show delay
var prefetch = 1;
var minupscale = 640 * 480;
var thumbrt = 16/9 - 5/3;
var cutrt = 0.15;
var capdelay = 5000;
var rdwdelay = 500;
// state variables
var emain; // main object
var eback; // background
var enoise; // additive noise
var eflash; // flashing object
var ehdr; // header
var ecap; // caption
var capst; // caption status
var captm; // caption timeout
var elist; // thumbnail list
var fscr; // thumbnail list scroll fx
var econt; // picture container
var ebuff; // picture buffer
share/view/index.js view on Meta::CPAN
maxh = imgs.thumb.min[1];
maxw = Math.round(maxh * (crop[0] / crop[1]));
maxw = Math.max(maxw, imgs.thumb.min[0]);
maxw = Math.min(maxw, imgs.thumb.max[0]);
}
x.eimg.setStyles(
{
'width': Math.round(maxw * sr),
'height': Math.round(maxh * sr),
'background-size':
Math.round(crop[0] * sr) + 'px ' + Math.round(crop[1] * sr) + 'px'
});
// center cropped thumbnail
var dx = maxw - crop[0];
var cx = size[0] * center[0] - offset[0];
cx = Math.round(crop[0] / 2 - cx + dx / 2);
cx = Math.max(Math.min(0, cx), dx);
var dy = maxh - crop[1];
var cy = size[1] * center[1] - offset[1];
cy = Math.round(crop[1] / 2 - cy + dy / 2);
cy = Math.max(Math.min(0, cy), dy);
x.eimg.setStyle('background-position',
Math.round(cx * sr) + 'px ' + Math.round(cy * sr) + 'px');
// border styles
var classes = ['cut-left', 'cut-right', 'cut-top', 'cut-bottom'];
classes.each(function(c) { x.ethumb.removeClass(c); });
var wx = Math.round(size[0] * cutrt);
if((offset[0] - cx) > wx) x.ethumb.addClass('cut-left');
if((cx - offset[0] + size[0] - maxw) > wx) x.ethumb.addClass('cut-right');
share/view/index.js view on Meta::CPAN
});
}
eimg.set('tween', fx);
fx.start('opacity', 1);
var rp = Math.floor(Math.random() * 100);
eback.src = '';
if (imgs.data[eidx].blur)
{
eback.src = encodeURI(imgs.data[eidx].blur);
enoise.setStyle('background-position', rp + 'px ' + rp + 'px');
}
tthr = resetTimeout(tthr);
idle.start();
if(slideshow != 'on') showHdr();
centerThumb(d);
// prefetch next image
if(prefetch && sdir != 0)
{
share/view/index.js view on Meta::CPAN
}
function change()
{
load(getLocationIndex());
}
function loadThumb(i)
{
var x = imgs.data[i];
x.eimg.setStyle('background-image', 'url("' + x.thumb[0] + '")');
x.thumbLoaded = true;
}
function initGallery(data)
{
// prepare the data
imgs = data;
if(imgs.name) document.title = imgs.name;
imgs.captions = false;
capst = 'normal';
share/view/index.js view on Meta::CPAN
{
imgs.captions = true;
break;
}
}
// build the dom
emain = $('gallery');
emain.setStyle('display', 'none');
eback = new Element('img', { id: 'background' });
eback.inject(emain);
enoise = new Element('div', { id: 'noise' });
enoise.inject(emain);
econt = new Element('div', { id: 'content' });
econt.inject(emain);
ebuff = new Element('div');
ebuff.inject(econt);
share/view/index.js view on Meta::CPAN
if(slideshow == 'on')
elist.setStyle('display', 'none');
}
function initFailure()
{
emain = $('gallery');
emain.set('html', "<h2>Cannot load gallery data :'(</h2>");
emain.setStyles(
{
'background': 'inherit',
'display': 'block'
});
}
function init()
{
if(!("devicePixelRatio" in window))
window.devicePixelRatio = 1;
// read the data
share/view/mootools-core-1.4.js view on Meta::CPAN
}:function(l){var k=l.retrieve("$opacity");if(k==null){k=(l.style.visibility=="hidden"?0:1);}return k;}));var b=(i.style.cssFloat==null)?"styleFloat":"cssFloat";
Element.implement({getComputedStyle:function(m){if(this.currentStyle){return this.currentStyle[m.camelCase()];}var l=Element.getDocument(this).defaultView,k=l?l.getComputedStyle(this,null):null;
return(k)?k.getPropertyValue((m==b)?"float":m.hyphenate()):null;},setStyle:function(l,k){if(l=="opacity"){if(k!=null){k=parseFloat(k);}f(this,k);return this;
}l=(l=="float"?b:l).camelCase();if(typeOf(k)!="string"){var m=(Element.Styles[l]||"@").split(" ");k=Array.from(k).map(function(o,n){if(!m[n]){return"";
}return(typeOf(o)=="number")?m[n].replace("@",Math.round(o)):o;}).join(" ");}else{if(k==String(Number(k))){k=Math.round(k);}}this.style[l]=k;if((k==""||k==null)&&c&&this.style.removeAttribute){this.style.removeAttribute(l);
}return this;},getStyle:function(q){if(q=="opacity"){return g(this);}q=(q=="float"?b:q).camelCase();var k=this.style[q];if(!k||q=="zIndex"){k=[];for(var p in Element.ShortStyles){if(q!=p){continue;
}for(var o in Element.ShortStyles[p]){k.push(this.getStyle(o));}return k.join(" ");}k=this.getComputedStyle(q);}if(k){k=String(k);var m=k.match(/rgba?\([\d\s,]+\)/);
if(m){k=k.replace(m[0],m[0].rgbToHex());}}if(Browser.opera||Browser.ie){if((/^(height|width)$/).test(q)&&!(/px$/.test(k))){var l=(q=="width")?["left","right"]:["top","bottom"],n=0;
l.each(function(r){n+=this.getStyle("border-"+r+"-width").toInt()+this.getStyle("padding-"+r).toInt();},this);return this["offset"+q.capitalize()]-n+"px";
}if(Browser.ie&&(/^border(.+)Width|margin|padding/).test(q)&&isNaN(parseFloat(k))){return"0px";}}return k;},setStyles:function(l){for(var k in l){this.setStyle(k,l[k]);
}return this;},getStyles:function(){var k={};Array.flatten(arguments).each(function(l){k[l]=this.getStyle(l);},this);return k;}});Element.Styles={left:"@px",top:"@px",bottom:"@px",right:"@px",width:"@px",height:"@px",maxWidth:"@px",maxHeight:"@px",mi...
Element.ShortStyles={margin:{},padding:{},border:{},borderWidth:{},borderStyle:{},borderColor:{}};["Top","Right","Bottom","Left"].each(function(q){var p=Element.ShortStyles;
var l=Element.Styles;["margin","padding"].each(function(r){var s=r+q;p[r][s]=l[s]="@px";});var o="border"+q;p.border[o]=l[o]="@px @ rgb(@, @, @)";var n=o+"Width",k=o+"Style",m=o+"Color";
p[o]={};p.borderWidth[n]=p[o][n]=l[n]="@px";p.borderStyle[k]=p[o][k]=l[k]="@";p.borderColor[m]=p[o][m]=l[m]="rgb(@, @, @)";});})();(function(){Element.Properties.events={set:function(b){this.addEvents(b);
}};[Element,Window,Document].invoke("implement",{addEvent:function(f,h){var i=this.retrieve("events",{});if(!i[f]){i[f]={keys:[],values:[]};}if(i[f].keys.contains(h)){return this;
}i[f].keys.push(h);var g=f,b=Element.Events[f],d=h,j=this;if(b){if(b.onAdd){b.onAdd.call(this,h,f);}if(b.condition){d=function(k){if(b.condition.call(this,k,f)){return h.call(this,k);
}return true;};}if(b.base){g=Function.from(b.base).call(this,f);}}var e=function(){return h.call(j);};var c=Element.NativeEvents[g];if(c){if(c==2){e=function(k){k=new DOMEvent(k,j.getWindow());
if(d.call(j,k)===false){k.stop();}};}this.addListener(g,e,arguments[2]);}i[f].values.push(e);return this;},removeEvent:function(e,d){var c=this.retrieve("events");
if(!c||!c[e]){return this;}var h=c[e];var b=h.keys.indexOf(d);if(b==-1){return this;}var g=h.values[b];delete h.keys[b];delete h.values[b];var f=Element.Events[e];
if(f){if(f.onRemove){f.onRemove.call(this,d,e);}if(f.base){e=Function.from(f.base).call(this,e);}}return(Element.NativeEvents[e])?this.removeListener(e,g,arguments[2]):this;
},addEvents:function(b){for(var c in b){this.addEvent(c,b[c]);}return this;},removeEvents:function(b){var d;if(typeOf(b)=="object"){for(d in b){this.removeEvent(d,b[d]);
share/view/mootools-core-1.4.js view on Meta::CPAN
}return((a=a.match(/(\d+),\s*(\d+),\s*(\d+)/)))?[a[1],a[2],a[3]]:false;},compute:function(c,b,a){return c.map(function(e,d){return Math.round(Fx.compute(c[d],b[d],a));
});},serve:function(a){return a.map(Number);}},Number:{parse:parseFloat,compute:Fx.compute,serve:function(b,a){return(a)?b+a:b;}},String:{parse:Function.from(false),compute:function(b,a){return a;
},serve:function(a){return a;}}};Fx.Tween=new Class({Extends:Fx.CSS,initialize:function(b,a){this.element=this.subject=document.id(b);this.parent(a);},set:function(b,a){if(arguments.length==1){a=b;
b=this.property||this.options.property;}this.render(this.element,b,a,this.options.unit);return this;},start:function(c,e,d){if(!this.check(c,e,d)){return this;
}var b=Array.flatten(arguments);this.property=this.options.property||b.shift();var a=this.prepare(this.element,this.property,b);return this.parent(a.from,a.to);
}});Element.Properties.tween={set:function(a){this.get("tween").cancel().setOptions(a);return this;},get:function(){var a=this.retrieve("tween");if(!a){a=new Fx.Tween(this,{link:"cancel"});
this.store("tween",a);}return a;}};Element.implement({tween:function(a,c,b){this.get("tween").start(a,c,b);return this;},fade:function(d){var e=this.get("tween"),g,c=["opacity"].append(arguments),a;
if(c[1]==null){c[1]="toggle";}switch(c[1]){case"in":g="start";c[1]=1;break;case"out":g="start";c[1]=0;break;case"show":g="set";c[1]=1;break;case"hide":g="set";
c[1]=0;break;case"toggle":var b=this.retrieve("fade:flag",this.getStyle("opacity")==1);g="start";c[1]=b?0:1;this.store("fade:flag",!b);a=true;break;default:g="start";
}if(!a){this.eliminate("fade:flag");}e[g].apply(e,c);var f=c[c.length-1];if(g=="set"||f!=0){this.setStyle("visibility",f==0?"hidden":"visible");}else{e.chain(function(){this.element.setStyle("visibility","hidden");
this.callChain();});}return this;},highlight:function(c,a){if(!a){a=this.retrieve("highlight:original",this.getStyle("background-color"));a=(a=="transparent")?"#fff":a;
}var b=this.get("tween");b.start("background-color",c||"#ffff88",a).chain(function(){this.setStyle("background-color",this.retrieve("highlight:original"));
b.callChain();}.bind(this));return this;}});Fx.Morph=new Class({Extends:Fx.CSS,initialize:function(b,a){this.element=this.subject=document.id(b);this.parent(a);
},set:function(a){if(typeof a=="string"){a=this.search(a);}for(var b in a){this.render(this.element,b,a[b],this.options.unit);}return this;},compute:function(e,d,c){var a={};
for(var b in e){a[b]=this.parent(e[b],d[b],c);}return a;},start:function(b){if(!this.check(b)){return this;}if(typeof b=="string"){b=this.search(b);}var e={},d={};
for(var c in b){var a=this.prepare(this.element,c,b[c]);e[c]=a.from;d[c]=a.to;}return this.parent(e,d);}});Element.Properties.morph={set:function(a){this.get("morph").cancel().setOptions(a);
return this;},get:function(){var a=this.retrieve("morph");if(!a){a=new Fx.Morph(this,{link:"cancel"});this.store("morph",a);}return a;}};Element.implement({morph:function(a){this.get("morph").start(a);
return this;}});Fx.implement({getTransition:function(){var a=this.options.transition||Fx.Transitions.Sine.easeInOut;if(typeof a=="string"){var b=a.split(":");
a=Fx.Transitions;a=a[b[0]]||a[b[0].capitalize()];if(b[1]){a=a["ease"+b[1].capitalize()+(b[2]?b[2].capitalize():"")];}}return a;}});Fx.Transition=function(c,b){b=Array.from(b);
var a=function(d){return c(d,b);};return Object.append(a,{easeIn:a,easeOut:function(d){return 1-c(1-d,b);},easeInOut:function(d){return(d<=0.5?c(2*d,b):(2-c(2*(1-d),b)))/2;
}});};Fx.Transitions={linear:function(a){return a;}};Fx.Transitions.extend=function(a){for(var b in a){Fx.Transitions[b]=new Fx.Transition(a[b]);}};Fx.Transitions.extend({Pow:function(b,a){return Math.pow(b,a&&a[0]||6);
},Expo:function(a){return Math.pow(2,8*(a-1));},Circ:function(a){return 1-Math.sin(Math.acos(a));},Sine:function(a){return 1-Math.cos(a*Math.PI/2);},Back:function(b,a){a=a&&a[0]||1.618;
share/view/noscript.css view on Meta::CPAN
overflow: hidden; /* IE<9 */
padding: 0;
margin: 0;
border: 0;
height: 100.1% /* IOS>7.1 meta viewport minimal-ui to hide menu + bars */
}
body
{
overflow: scroll;
background-color: #eee;
}
#photos {
/* Prevent vertical gaps */
line-height: 0;
-webkit-column-count: 8;
-webkit-column-gap: 0px;
-moz-column-count: 8;
-moz-column-gap: 0px;
column-count: 8;
share/view/overview.css view on Meta::CPAN
overflow: hidden; /* IE<9 */
padding: 0;
margin: 0;
border: 0;
height: 100.1% /* IOS>7.1 meta viewport minimal-ui to hide menu + bars */
}
body
{
overflow: scroll;
background-color: #eee;
}
#overview
{
margin: 1em;
}
.overview-img-div
{
display: inline-block;
share/view/overview.css view on Meta::CPAN
.overview-img, .overview-img-div
{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.overview-img-div {
display: inline-block;
background: black;
padding: 0;
box-shadow: 5px 5px 15px #888;
}
.overview-img-div img {
display: block;
-webkit-transition: all 0.05s linear;
-moz-transition: all 0.05s linear;
-ms-transition: all 0.05s linear;
share/view/overview.js view on Meta::CPAN
}))))
});
};
function initFailure()
{
emain = $('overview');
emain.set('html', "<h2>Cannot load gallery data :'(</h2>");
emain.setStyles(
{
'background': 'inherit',
'display': 'block'
});
}
window.addEvent("domready", function() {
new Request.JSON(
{
url: datafile,
onRequest: function()
{
( run in 1.190 second using v1.01-cache-2.11-cpan-f56aa216473 )