Add 404.html & favicon.ico and update index.html

simonvreeman · simonvreeman · commit a302e86d98fa · 2014-05-05T12:04:21.000+02:00
diff --git a/404.html b/404.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>404 &middot; Simon Vreeman</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
+    <link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css">
+    <meta name="robots" content="noindex,nofollow">
+    <link rel="author" href="https://plus.google.com/+SimonVreeman">
+    <link rel="publisher" href="https://plus.google.com/+Vreeman">
+    <style type="text/css">
+      @media(min-width: 768px){.container{max-width:400px;}}
+    </style>
+  </head>
+  <body>
+    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KWCTDH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KWCTDH');</script>
+    <div class="container">
+      <div class="page-header">
+        <h1 class="text-center">404</h1>
+      </div>
+      <p class="text-center"><a title="Lets go home!" href="http://vreeman.com/"><i class="fa fa-home fa-3x"></i></a></p>
+    </div> <!-- /container -->
+    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
+    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
+  </body>
+</html>
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -12,11 +12,16 @@
     <link rel="canonical" href="http://vreeman.com/">
     <link rel="author" href="https://plus.google.com/+SimonVreeman">
     <link rel="publisher" href="https://plus.google.com/+Vreeman">
+    <style type="text/css">
+      @media(min-width: 768px){.container{max-width:600px;}}
+    </style>
   </head>
   <body>
     <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KWCTDH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KWCTDH');</script>
     <div class="container">
-      <h1>Simon Vreeman</h1>
+      <div class="page-header">
+        <h1>Simon Vreeman</h1>
+      </div>
       <ul class="list-inline">
         <li><a class="text-muted" title="Simon Vreeman on Google+" rel="me nofollow" href="https://plus.google.com/+SimonVreeman?rel=author"><i class="fa fa-google-plus fa-lg"></i></a></li>
         <li><a class="text-muted" title="Simon Vreeman on Linkedin" rel="me nofollow" href="https://www.linkedin.com/in/simonvreeman"><i class="fa fa-linkedin fa-lg"></i></a></li>
