Skip to content

Instantly share code, notes, and snippets.

@vool
Last active January 6, 2017 22:07
Show Gist options
  • Select an option

  • Save vool/6e67c0f213c52c0ab5fd9fbe3ea496ec to your computer and use it in GitHub Desktop.

Select an option

Save vool/6e67c0f213c52c0ab5fd9fbe3ea496ec to your computer and use it in GitHub Desktop.
quick step
http://lab.vool.ie/coisceim/
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Coisceim - Quickstep</title>
<style>
body {
font-family: Arial;
}
.btn {
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
color: #ffffff;
font-size: 20px;
background: #3498db;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
img {
margin: 20px 0;
}
.btn:hover {
background: #3cb0fd;
text-decoration: none;
}
.centered {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
ul {
list-style: none;
padding-left: 0;
}
li {
line-height: 25px;
}
</style>
</head>
<body>
<div class="centered">
<a class="btn" href="javascript:(function(){javascript:(function(){if(location.hostname.match('coisceim.ie')){var audio=new Audio('http://ubumexico.centro.org.mx/sound/celtic_mouth_music/Celtic-Mouth-Music_17-Within-A-Mile-Of-Dublin.mp3');audio.play();var h=document.documentElement.clientHeight;var w=document.documentElement.clientWidth;var max=41;var i=1;(function next(){if(i++>max){i=1;}setTimeout(function(){try{var t=Math.floor(Math.random()*(h-1)+1);var l=Math.floor(Math.random()*(w-1)+1);tpx=t+'px';lpx=l+'px';document.getElementById('Layer'+i).style.top=tpx;document.getElementById('Layer'+i).style.left=lpx;}catch(ignore){}next();},50);})();}})();})();">Quick Step</a>
<div>
<img src="http://www.coisceim.ie/IMAG010.GIF" />
</div>
<ul>
<li>
Drag this bookmarklet to your toolbar
</li>
<li>
Visit <a href="http://www.coisceim.ie/" target="_blank">coisceim.ie</a>
</li>
<li>
Click the bookmark
</li>
</ul>
</div>
</body>
</html>
function() {
if (location.hostname.match('coisceim.ie')) {
var audio = new Audio('http://ubumexico.centro.org.mx/sound/celtic_mouth_music/Celtic-Mouth-Music_17-Within-A-Mile-Of-Dublin.mp3');
audio.play();
var h = document.documentElement.clientHeight;
var w = document.documentElement.clientWidth;
var max = 41;
var i = 1;
(function next() {
if (i++ > max) {
i = 1;
}
setTimeout(function() {
try {
var t = Math.floor(Math.random() * (h - 1) + 1);
var l = Math.floor(Math.random() * (w - 1) + 1);
tpx = t + 'px';
lpx = l + 'px';
document.getElementById('Layer' + i).style.top = tpx;
document.getElementById('Layer' + i).style.left = lpx;
} catch (ignore) {}
next();
}, 50);
})();
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment