Skip to content

Instantly share code, notes, and snippets.

@euclio

euclio/doge.css

Last active August 29, 2015 13:57
Show Gist options
  • Save euclio/9821985 to your computer and use it in GitHub Desktop.
Save euclio/9821985 to your computer and use it in GitHub Desktop.
Download ZIP
Easily see the doge faces used for doge2048.com
Raw
doge.css
.tile {
position: relative;
float: left;
}
.tile p {
color: #fff;
text-shadow: 2px 2px 2px #000;
font-size: 12px;
}
Raw
doge.js
for (var i = 2; i <= 2048; i *= 2) {
var tile = document.createElement('div');
tile.className = 'tile tile-' + i;
var innerTile = document.createElement('div');
innerTile.className = 'tile-inner';
tile.appendChild(innerTile);
var text = document.createElement('p');
text.textContent = 'Doge for ' + i;
innerTile.appendChild(text);
document.getElementById('doges').appendChild(tile);
}
Raw
doge2048.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://doge2048.com/style/main.css">
<link rel="stylesheet" type="text/css" href="doge.css">
<body id="doges">
<h1>Doge Faces for Each Tile of <a href="http://doge2048.com">doge2048</a>. Wow.</h1>
</body>
<script src="doge.js"></script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment