Skip to content

Instantly share code, notes, and snippets.

@alexbaldwin
Created March 2, 2012 04:34
Show Gist options
  • Save alexbaldwin/1955696 to your computer and use it in GitHub Desktop.
Save alexbaldwin/1955696 to your computer and use it in GitHub Desktop.
Fratfolder 404 Page
<!DOCTYPE html>
<html>
<head>
<title>Missing Page - 404</title>
<style type="text/css">
body { color: #fff; text-shadow: 0 1px 2px #000; font-family: "chaparral-pro", 'Helvetica Neue', arial, sans-serif; }
div.dialog {
width: 40%;
padding: 2em;
margin: 2em auto 0 2em;
}
h1 {
font-style:italic;
font-size:40px;
line-height:48px;
margin-bottom:.5em;
}
p {
font-size:20px;
line-height:30px;
}
a {
color:#fff;
font-weight:bold;
text-decoration:none;
border-bottom: 2px solid rgba(255,255,255,.5);
}
a:hover {
border-bottom: 2px solid rgba(255,255,255,1);
}
</style>
<script type="text/javascript" src="http://use.typekit.com/wmp1iin.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body>
<!-- This file lives in public/404.html -->
<div class="dialog">
<h1>Yeah, that shit's gone.</h1>
<p>We've sent a pledge to find what you're looking for, but who knows how long that'll take. You're better off going back to the <a href="http://fratfolder.com" alt="Fratfolder.com">home page</a> or letting our <a href="mailto:[email protected]" alt="E-mail Us">academic chair</a> know about this.</p>
<p>This is a great opportunity to take a quick study break with a beer and reflect on how much ass you're going to kick on that test tomorrow.</p>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//static.elliotjaystocks.com/responsive-background-images/jquery.anystretch.js"></script>
<script type="text/javascript">
$.anystretch("http://i.imgur.com/3mykX.gif", {speed: 150});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment