Skip to content

Instantly share code, notes, and snippets.

@etrepum

etrepum/index.html

Created August 18, 2015 01:51
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 etrepum/3b8bc0c48182b0cb7e82 to your computer and use it in GitHub Desktop.
Save etrepum/3b8bc0c48182b0cb7e82 to your computer and use it in GitHub Desktop.
Download ZIP
jPoYOy
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>404 Fig Not Found</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Orbitron:900' rel='stylesheet' type='text/css'>
<style>
body {
background-color: #000;
margin: 0;
}
div.dialog {
width: 95%;
max-width: 33em;
margin: 4em auto 0;
color: #fff;
font-family: 'Orbitron', sans-serif;
font-size: 40px;
text-transform: uppercase;
}
.hand {
position: absolute;
height: 1em;
vertical-align: middle;
margin-left: -1.5em;
margin-top: -0.1em;
animation-name: pointing;
-webkit-animation-name: pointing;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes pointing {
0% { transform: translateX( 0%); }
50% { transform: translateX(-10%); }
100% { transform: translateX( 0%); }
}
@-webkit-keyframes pointing {
0% { transform: translateX( 0%); }
50% { transform: translateX(-10%); }
100% { transform: translateX( 0%); }
}
.continue, .continue:visited {
color: #8450e0;
text-decoration: none;
}
.continue:hover {
color: #563295;
}
.continue:active {
color: #fff;
}
</style>
</head>
<body>
<!-- This file lives in public/404.html -->
<div class="dialog">
<h1>404 / Game Over</h1>
<p>
This page doesn't exist.<br>
<br>
Not to worry.<br>
You can start over by going to www.fig.co<br>
<br>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAfCAYAAAB6Q+RGAAAAAXNSR0IArs4c6QAABCtJREFUWAnFWE1IHEsQ7hlX3aDoQjQxoAmIPvCggoggEUG9qCDqSYwSQRT8iYLJxR8EQYLg1XvwIIboISB6ipJg4smoIaLiOz1h5e3jKYpxddV1J1917MnsOruzO46xYenqqq7qb6qrqrtXYha1mpoa1/r6+gOtuby8POf09PRjLc8MbTOjpNUZHh7OOjs7e7S7u6skJSVJiqIwn8/HXC4X83q90dq5d0Y3NTV9T01NVZaWloDvV3M6nQrxamtr/7UCWMSeHBoaeuzxeF7Jsmy7uLiwn5yc3K+oqGAOh0PFI0kSp8mjVrSIQWLRoomJiW6xeH9/P2tvbxdD3guQ+BA/vtlBWCC7u7vfnZ6epsIzMmItoaenR12voKBApYkYGxtj8LCnqqrqS0JCwrqf8DYHJSUlboox+pWWlorQ0+2zsrKU3Nxcr5V4dD3Z19f3emNjowUopOjoaG9zc7MvJiaGXV5essTERN31R0dH2ebmJnO73QwxK1dXV7vEtgsF2GPEw08RvGB9fn7+s4GBgY8k1wV5dHSUvbq6qtY8JAvLzs4OZo/zMZ8hwzmNsJBWVlYehlQwEGI3nogpUllZ2Y/9/f179JXwFK9zlZWVPsShTXgiOTmZkSdDtb29PYZ6GWoKlwmbRhN7e3s9W1tbtrq6Ooft4ODAjgWi4uPjVSMIeBnxZ2THT45C7je+6QC7aacDgZKVtluy2+0MqG9q11J9rcdttM1WN9r25eVlbla7mHYdPb6Wl5aW9h95kRL3VkAihFh9fb0WU8R0a2trD2ru25mZGf3sjthigEJcXBxraWkJ4P4eTk1NsePjYwVJ++2Kq8CLfluKRP1b1cjJybnMyMjArv+5VlRUpKSnp4d9sMvYdxXwnyS08We0rjU3AKNVAuQEMBKQasEOsHOjIQ4HnjgCSGCPWByOior6Ojg4GNY6usdiWJohJuEWxLa3t6/NEKGFm9NnHLUfrk0IwrDhzkeZFURsjp2SksJ2dnauKbe1tbG5uTniR5QIstUAryHTYeCOcKHDDsq6E5CxsbHGNxENZMsTZ3Z2lp2fnzNUXb6M6GmAS4yzuLjYgxBzaTAYkgTSr9IbahhMwIWZHR4e6s5qaGiYnpycfKkrDMHknqQvF+WAYrSwsJDRC9BMo4cZbuZcVXhxcXGRLSwsmDHHdbgn6VkwPj6uGqFXnlmQehcLelJcgTS1a7by8vIXqF8O/KhmAp/MUGjLGxsbn5InhDeox1OWZOrHGBFra2tsZGSEoSRt4E+EN7h4zBrphC3v6up6L16H2h5FGljDb/Pz8/yFifpofq+BWvfEAbDnnZ2dyZDLgETnu4z/dR7ixvQJNG9G9ZXkeN7udXR0PAX9v9Az04d91OAYi0F5cQM0hQB/sF3RKmgKFQDiJxj1mZmZ/yCb/zIDTKvzE7RdVjAuQbv2AAAAAElFTkSuQmCC" class="hand"><a href="/" class="continue">Continue</a>
</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment