garth-jekyll-theme 0.1.6 → 0.1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c6c0258f1b17705a4347c0b5716b697cec667e40
-  data.tar.gz: 3634c6b85a31e342f902fd04d3a8a8e6b8c66eba
+  metadata.gz: ef5e9f8ca40863e315aec4f67570a257293e815f
+  data.tar.gz: 5ae09930da05c4381596fa79bca73cc9d500aee9
 SHA512:
-  metadata.gz: be8d3200df5bdb8ad0b1c70814d0bf0d07c940aca1e92970b65dae91485be946ee8a8393ddbc7a6490a02e89e333dee95469ab11f0e1a239e52020466e9cd951
-  data.tar.gz: 947fcf04f53622b0deb46eb4262fd61bbed70509b39465930ea54c6f453fca1b492aa9851e376d394a58f077745366553f201c654555b7917a522b4995f3a9b5
+  metadata.gz: 089a70b24fbce26d5b0a631aa7a63ce2519083da02b21d6b2bdbea9a851ee75e4d312f05ec6f8cacbc3beb46c26711cd8d4e325059d4f5a67ae4f8901767625d
+  data.tar.gz: 26953156b713e39985708500c2ad9fa0e1e3ac6b55fec996687d987da8b01674da424ec81b6b48cf1dc19b40886394ffb43be742c737b91eb99ed6b44285bbba

data/_includes/header.html

@@ -2,10 +2,12 @@
 
 	<a href="{{ page.url }}" title="{{ page.title }}">
 
-			<img class="avatar" src="{{ site.logo | replace: "300", "72" }}" alt="{{ site.title }}" srcset="{{ site.logo | replace: "300", "72" }}  72w, {{ site.logo | replace: "300", "144" }} 144w">
+			<img class="avatar" src="{{ site.logo | replace: "300", "72" }}" alt="{{ site.title }}" srcset="{{ site.logo | replace: "300", "72" }}  72w, {{ site.logo | replace: "300", "144" }} 144w" width="72" height="72">
 
 	</a>
 
+	{% include nav.html %}
+
 	<div class="container">
 
 		<h1>{{ page.title }}</h1>

data/_includes/nav.html

@@ -0,0 +1,14 @@
+<nav class="nav">
+  <button class="button  button--nav">Menu</button>
+  {% if data.nav %}
+    {% for item in data.nav %}
+      <a href="{{ item.url }}" title="{{ item.name }}">{{ item.name }}</a>
+    {% endfor %}
+  {% else %}
+    {% for page in site.pages %}
+      {% if page.title %}
+        <a href="{{ page.url }}" title="{{ page.title }}">{{ page.title }}</a>
+      {% endif %}
+    {% endfor %}
+  {% endif %}
+</nav>

data/_includes/scripts.js

@@ -0,0 +1,14 @@
+// Data attribute switch
+var toggleState	= function (elem, one, two) {
+  var elem	= document.querySelector(elem);
+  elem.setAttribute('data-state', elem.getAttribute('data-state') === one ? two : one);
+};
+
+// Mobile navigation toggle selector
+var buttonMenu = document.querySelector('.button--nav');
+  if (typeof(buttonMenu) != 'undefined' && buttonMenu != null) {
+  	buttonMenu.onclick = function (e) {
+  		toggleState('.nav', 'open', 'closed');
+  		e.preventDefault();
+  	};
+  };

data/_layouts/default.html

@@ -17,5 +17,6 @@
 
 		{{ content }}
 
+		<script src="/js/scripts.js" type="text/javascript"></script>
 	</body>
 </html>

data/_sass/theme.scss

@@ -1,13 +1,8 @@
-html {
-  font-family: sans-serif;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-}
+// Imports
+@import "variables";
+@import "type";
 
+// Layout
 body {
   margin: 0;
 }
-
-h1 {
-  margin-top: 0;
-}

data/_sass/type.scss

@@ -0,0 +1,14 @@
+html {
+  font-family: sans-serif;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+
+body {
+  color: $color--foreground;
+  background: $color--background;
+}
+
+a {
+  color: $color--accent;
+}

data/_sass/variables.scss

@@ -0,0 +1,4 @@
+// Color variables
+$color--background: #ffefc8;
+$color--foreground: #150301;
+$color--accent: #5277c3;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: garth-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.1.7
 platform: ruby
 authors:
 - David Darnes
@@ -19,13 +19,17 @@ files:
 - _includes/favicons.html
 - _includes/footer.html
 - _includes/header.html
+- _includes/nav.html
 - _includes/pagination.html
 - _includes/posts.html
+- _includes/scripts.js
 - _layouts/default.html
 - _layouts/front.html
 - _layouts/page.html
 - _layouts/post.html
 - _sass/theme.scss
+- _sass/type.scss
+- _sass/variables.scss
 homepage: https://github.com/daviddarnes/garth-jekyll-theme
 licenses:
 - MIT