]> git.r.bdr.sh - rbdr/r.bdr.sh/blobdiff - jekyll/_layouts/default.html
Add progressive webapp optimizations
[rbdr/r.bdr.sh] / jekyll / _layouts / default.html
index 5cc26406d45e1bc0569f6116e9410bc7affbc040..55eff9c66ea66de4f26a99551469d5646f23a5f6 100644 (file)
@@ -1,60 +1,36 @@
 <!DOCTYPE HTML>
 
-<html>
+<html lang="en">
   <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <meta name="author" content="Ben Beltran" />
-    <meta name="description" content="{{ page.description }}" />
-    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" />
-    <link rel="stylesheet" type="text/css" href="/css/bootstrap-responsive.min.css" />
-    <link rel="stylesheet" type="text/css" href="/css/prism.css" />
-    <link rel="stylesheet" type="text/css" href="/css/application.css" />
-    <title>Unlimited &#127829; {{ page.title }}</title>
-    <link href='http://fonts.googleapis.com/css?family=Lato:100,300,700,300italic,700italic|Oswald:400,300' rel='stylesheet' type='text/css'>
-    <link href="/atom.xml" type="application/atom+xml" rel="alternate" title="N, S o Vocal — The ATOM!">
-    <script src="/js/prism.min.js" type="text/javascript"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
-    <script src="https://cdn.firebase.com/js/client/1.0.21/firebase.js"></script>
-    <script src="/js/vendor/neon/neon.js"></script>
-    <script src="/js/vendor/neon/stdlib/node_support.js"></script>
-    <script src="/js/vendor/neon/stdlib/custom_event.js"></script>
-    <script src="/js/vendor/neon/stdlib/custom_event_support.js"></script>
-    <script src="/js/vendor/neon/stdlib/widget.js"></script>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="author" content="Rubén Beltrán del Río">
+    <meta name="description" content="{{ page.description }}">
+
+    <meta name="theme-color" content="#db5945">
 
-    <script src="js/unlimited_pizza.js"></script>
-    <script src="js/unlimited_pizza/melty_cheese.js"></script>
-    <script type="text/javascript">
+    <title>Unlimited &#127829; {{ page.title }}</title>
 
-      window.addEventListener('load', function () {
-        UnlimitedPizza.instance({
-          element : $('body')
-        }).activate();
-      });
+    <link rel="manifest" href="/manifest.webmanifest">
 
-      var _gaq = _gaq || [];
-      _gaq.push(['_setAccount', 'UA-20018878-4']);
-      _gaq.push(['_trackPageview']);
+    <link rel="stylesheet" type="text/css" href="/css/application.css" media="none" onload="if (media!=='all') { media = 'all'; }">
+    <noscript>
+      <link rel="stylesheet" type="text/css" href="/css/application.css">
+    </noscript>
 
-      (function() {
-        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-      })();
+    <script src="/js/offline_support.js" defer></script>
 
-    </script>
-</head>
+    <!--
+        /\
+       / O\ U N L I M I T E D
+      /O o \    P I Z Z A
+     |______|
+    -->
+  </head>
   <body>
-    <header>
-      <a class="logo" href="/"><span>N, S o Vocal</span></a>
-    </header>
-    <nav>
-      <ul class="mainmenu">
-        <li><a href="/">Blog</a></li>
-        <li><a href="/projects.html">Proj</a></li>
-        <li><a href="/about.html">????</a></li>
-        <!-- <li><a href="/guestbook.html">Guestbook</a></li> -->
-      </ul>
-    </nav>
+    <h1>
+      <a class="logo" href="/">Unlimited 🍕  Pizza</a>
+    </h1>
     <div class="main-container">
       <section>
         {{ content }}