Add progressive webapp optimizations

[rbdr/r.bdr.sh] / jekyll / _layouts / default.html
diff --git a/jekyll/_layouts/default.html b/jekyll/_layouts/default.html

index fd1774bc89d2151476d57d0e23086b9beae0b935..55eff9c66ea66de4f26a99551469d5646f23a5f6 100644 (file)
--- a/jekyll/_layouts/default.html
+++ b/jekyll/_layouts/default.html
@@ -1,52 +1,40 @@
  <!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/application.css" />
-    <title>N, S o Vocal &bull; {{ page.title }}</title>
-    <link href='http://fonts.googleapis.com/css?family=Signika+Negative:300,600|PT+Sans:400italic,700italic|Signika:300,600|Advent+Pro:100&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
-    <script type="text/javascript">
+    <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 }}">
  
-      var _gaq = _gaq || [];
-      _gaq.push(['_setAccount', 'UA-20018878-2']);
-      _gaq.push(['_setDomainName', 'nsovocal.com']);
-      _gaq.push(['_trackPageview']);
+    <meta name="theme-color" content="#db5945">
  
-      (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);
-      })();
+    <title>Unlimited &#127829; {{ page.title }}</title>
  
-    </script>
-</head>
+    <link rel="manifest" href="/manifest.webmanifest">
+
+    <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>
+
+    <script src="/js/offline_support.js" defer></script>
+
+    <!--
+        /\
+       / 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>
-    <div class="row">
-      <section class="span6 offset2">
+    <h1>
+      <a class="logo" href="/">Unlimited 🍕  Pizza</a>
+    </h1>
+    <div class="main-container">
+      <section>
          {{ content }}
        </section>
-      <aside class="span3 offset1">
-        <h3>Categor&iacute;as</h3>
-        <ul>
-        {% for category in site.categories %}
-        <li{% cycle '', ' class="alt" ' %}><a href="/categories/{{ category | first }}/">{{ category | first }}</a> <span class="counter">{{ category | last | size}}</span></li>
-        {% endfor %}
-        </ul>
-        <h3>Tags</h3>
-        <ul>
-        {% for tag in site.tags %}
-        <li{% cycle '', ' class="alt" ' %}><a href="/tags/{{ tag | first}}" >{{ tag | first }}</a> <span class="counter">{{ tag | last | size }}</span></li>
-        {% endfor %}
-        </ul>
-      </aside>
      </div>
    </body>
  </html>