(create) |
No edit summary |
||
(40 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<templatestyles src="Polaroids/styles.css" /> | |||
<h1 style="text-align: center;">Lost Boy's Polaroids</h1> | |||
<div id="polaroid-intro" style="text-align: center;"> | <div id="polaroid-intro" style="text-align: center;"> | ||
four quartets and no regrets... <br /> | four quartets and no regrets... <br /> | ||
except for the polaroids i left.... | except for the polaroids i left.... | ||
</div> | </div> | ||
<div id="polaroid-gallery">< | <div id="polaroid-gallery"> | ||
<DPL> | |||
< | namespace = File | ||
< | category = Polaroids | ||
format = ,\n* [[File:%TITLE%|600x600px|thumb|%TITLE%]],, | |||
count = 1000 | |||
< | </DPL> | ||
</div> | |||
<html> | |||
</ | <head> | ||
<script> | |||
var ul = document.querySelector('#polaroid-gallery ul'); | |||
for (var i = ul.children.length; i >= 0; i--) { | |||
ul.appendChild(ul.children[Math.random() * i | 0]); | |||
} | |||
</script> | |||
<script> | |||
$(".thumb").each( function() { | |||
var rNum = (Math.random()*6)-3; | |||
$(this).css( { | |||
'transform': 'rotate('+rNum+'6deg)', | |||
'position': 'relative', | |||
'z-index': '1' | |||
} ); | |||
} ); | |||
</script> | |||
</head> | |||
</html> | |||
__NOTOC__ |