Skip to content

Instantly share code, notes, and snippets.

@johnscheible

johnscheible/googleio_dogester_egg

Created April 22, 2014 08:43
Show Gist options
  • Save johnscheible/11170494 to your computer and use it in GitHub Desktop.
Save johnscheible/11170494 to your computer and use it in GitHub Desktop.
Download ZIP
After all the code hunting, I figured I'd try and make the I/O 2014 Easter Egg landing page something to smile at again...
Raw
googleio_dogester_egg
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
background-color: rgb(0, 0, 0);
}
#login {
color: rgb(60, 181, 124);
font-family: 'Droid Sans Mono', Consolas, monaco, monospace, sans-serif;
font-size: 14px;
}
#dogeputer {
color: rgb(121, 169, 247);
font-family: 'Courier New', Courier, sans;
font-size: 14px;
font-weight: 600;
}
.message {
background-color: rgb(60, 181, 124);
box-shadow: rgb(60, 181, 124) -7px 0px 0px 0px;
color: rgb(0, 0, 0);
font-family: 'Droid Sans Mono', Consolas, monaco, monospace, sans-serif;
font-size: 14px;
font-weight: 600;
padding-bottom: 2.0999999046325684px;
padding-left: 0px;
padding-right: 7px;
padding-top: 0.699999988079071px;
}
.doge0 {
font-family: "Comic Sans MS";
color: orange;
}
.doge1 {
font-family: "Comic Sans MS";
color: magenta;
}
.doge2 {
font-family: "Comic Sans MS";
color: yellow;
}
.doge3 {
font-family: "Comic Sans MS";
color: cyan;
}
.doge4 {
font-family: "Comic Sans MS";
color: lime;
}
.doge5 {
font-family: "Comic Sans MS";
color: red;
}
</style>
</head>
<body>
<div id="login">
Last login: Fri May 17 2013 04:41:02 from console <br>
37.7847313° N, -122.4019778° W
</div>
<br><br>
<div id="dogeputer">
&nbsp;&nbsp;:@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:&nbsp;&nbsp;&nbsp;<br>
&nbsp;@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&nbsp;<br>
@@:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▄&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▄&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▌▒█&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▄▀▒▌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▌▒▒█&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▄▀▒▒▒▐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▐▄▀▒▒▀▀▀▀▄▄▄▀▒▒▒▒▒▐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▄▄▀▒░▒▒▒▒▒▒▒▒▒█▒▒▀&nbsp;▒▐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▄▀▒▒▒░░░▒▒▒░░░▒▒▒▄&nbsp;&nbsp;▄▒▌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▐▒▒▒▀▀▒▒▒▒░░░▒▒▒▒▒▒▒▀▄▒▒▌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▌░░▐&nbsp;▄▒▒▒▒▒▀▄&nbsp;▀▒▒▒▒▒▒▒█▒▐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▐░░░▒▒▒▒▒▒▒▒▐&nbsp;&nbsp;▄▒▒░░░▒▒▒▀▄▌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▌░▒▀&nbsp;&nbsp;▀▒▒▒▒▒▒▒▒▒░░░░░░▒▒▒▒▌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▌▒▄▌▀&nbsp;▀&nbsp;▐▀░▄▒▒░░░░░░░░░░▒▒▒▐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▐▒▒▌▄▌▄▒░▀▀▒▀▒▒▒▒▒▒░▒░▒░▒▒▒▒▌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▐▒▒▒▄▄▀▀▒▒▒▀▒▒▒▒▒▒▒▒░▒░▒░▒▒▐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▌▒▒▒▒▒▒▄▄▄▒▒▒▒▒▒░▒░▒░▒░▒▒▒▌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▐▒▒▒▒▒▒▒▒▒▒▒▒▒▒░▒░▒░▒▒▄▒▒▐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▀▄▒▒▒▒▒▒▒▒▒▒▒░▒░▒░▒▄▒▒▒▒▌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▀▄▒▒▒▒▒▒▒▒▒▒▄▄▄▀▒▒▒▒▄▀&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▀▄▄▄▄▄▄▀▀▀▒▒▒▒▒▄▄▀&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;▒▒▒▒▒▒▒▒▒▒▀▀&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;@@<br>
@@:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:@@<br>
&nbsp;@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&nbsp;<br>
&nbsp;&nbsp;:@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:&nbsp;&nbsp;<br><br>
&nbsp;__&nbsp;&nbsp;&nbsp;&nbsp;__&nbsp;&nbsp;&nbsp;_______&nbsp;&nbsp;__&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;__&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;______&nbsp;&nbsp;&nbsp;<br>
|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;|&nbsp;&nbsp;&nbsp;____||&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;__&nbsp;&nbsp;\&nbsp;&nbsp;<br>
|&nbsp;&nbsp;|__|&nbsp;&nbsp;|&nbsp;|&nbsp;&nbsp;|__&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;<br>
|&nbsp;&nbsp;&nbsp;__&nbsp;&nbsp;&nbsp;|&nbsp;|&nbsp;&nbsp;&nbsp;__|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;<br>
|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;&nbsp;|&nbsp;|&nbsp;&nbsp;|____&nbsp;|&nbsp;&nbsp;`----.|&nbsp;&nbsp;`----.|&nbsp;&nbsp;`--'&nbsp;&nbsp;|&nbsp;<br>
|__|&nbsp;&nbsp;|__|&nbsp;|_______||_______||_______|&nbsp;\______/&nbsp;&nbsp;<br>
</div>
<br><br>
<span class="message">
Welcome to the Icarus Dogessa Terminal. <br>
</span>
<br>
<span class="message">
<span class="doge0">Wow!</span> <span class="doge1">Such snaps!</span> <span class="doge2">Much sorry!</span> <span class="doge3">So unsucessful space adventure!</span> <span class="doge4">Very invalid!</span> <br>
</span>
<br>
<span class="message">
<span class="doge3">Such not lost!</span> <span class="doge4">Many leads!</span> <span class="doge5">Very credentials!</span> <span class="doge1">Plz come back...</span><br>
</span>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment