Skip to content

Instantly share code, notes, and snippets.

@alexmuller
Created October 2, 2012 16:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save alexmuller/3820466 to your computer and use it in GitHub Desktop.
Save alexmuller/3820466 to your computer and use it in GitHub Desktop.
<title>Feel Good</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<body>
<style type="text/css">
body {
background: #333;
margin: 10px;
}
#v {
background: white;
border: 1px solid #000;
width: 640px;
font-family: sans-serif;
height: 320px;
margin-bottom: 12px;
text-align: center;
padding: 12px;
}
img {
border: 2px solid #999;
opacity: 0.65;
}
img#me {
border: 2px solid #ddd;
opacity: 1.0;
}
</style>
<script type="text/javascript">
var multiplier = 0.95;
var origheight = 120;
$(function() {
$("img").each(function() {
this.height = origheight * (0.93+(Math.random()*0.065));
origheight = this.height;
$(this).css("-webkit-transform", "rotate(" + ((Math.random()*12)-6) + "deg)");
});
});
</script>
<div id="v">Live</div>
<img src="http://api.twitter.com/1/users/profile_image/jalada?size=bigger" />
<img src="http://api.twitter.com/1/users/profile_image/bejaig?size=bigger" />
<img src="http://api.twitter.com/1/users/profile_image/mitch_olsen?size=bigger" />
<img src="http://api.twitter.com/1/users/profile_image/alexmuller?size=bigger" id="me" />
<img src="http://api.twitter.com/1/users/profile_image/petermacrobert?size=bigger" />
<img src="http://api.twitter.com/1/users/profile_image/seanlecky?size=bigger" />
<img src="http://api.twitter.com/1/users/profile_image/rupertmurdoch?size=bigger" />
<img src="http://api.twitter.com/1/users/profile_image/tomwhitwell?size=bigger" />
<img src="http://api.twitter.com/1/users/profile_image/mikewhills?size=bigger" />
</body>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment