jekyll-bulma 0.1 → 0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8c8aacf2025ae3d8907dfe1dd2d801c41ae8cdb5da190dff3e87b2e63adf2a9a
-  data.tar.gz: 8bde2386410c493ccc99bfa2fcedcde0a9f18f1c83def13d0fbd5d2dfd5b5486
+  metadata.gz: a3e0d60c18d43bb5312bcd0cee1431279074feeda3ca0d6822be83b4034ccd09
+  data.tar.gz: daf9202d687df9b77ef23a38924ab30cb6ebdb6824b353e69387378fae61c560
 SHA512:
-  metadata.gz: c89a1e07651ea5066147a2030c52ecebf26714e60030bc4f5b9ae5acaea95a6688086ccbb7168289184912b88f63c34102f19fe2700ce1401a842c6bc43e49d5
-  data.tar.gz: f70650ea93363c949b290d530959ec8d47f785f6d2053f5224009cc2eebbd05d89b139bd850bb5ebbcd949e360037d37dec9dc0a4dc4d3016bdf3a4a5de9d903
+  metadata.gz: bfaefad9f2360f1817f51146c683f25f65902d3cb3dff55c7a6557db7b4a4309d21d6d70d95ed4f13e0969faf84aebd9963ed39a08d121ef6a79b800d7362a2b
+  data.tar.gz: 5aabb433671a07a2973b76da46720561645365c1223ec556f5ffaa890f69b70df394c40a306378a3bf9bbd79ed3d125c6bbefe51645ddb6c7e8d411f6ba47260

data/_includes/footer.html

@@ -1,26 +1,28 @@
 <footer class="footer">
   <div class="columns">
     <div class="column">
-      <h1 class="is-title">Meta</h1>
+      <h1 class="title is-size-4">Meta</h1>
       <a href="#">Imprint</a>
     </div>
 
     <div class="column">
-      <h1 class="is-title">Latest Posts</h1>
-      {%- for post in site.posts limit:5 -%}
-        <a href="{{ post.url | prepend: site.baseurl }}">
-          {{ post.title | truncate: 35 }}
-        </a>
-      {%- endfor -%}
+      <h1 class="title is-size-4">Latest Posts</h1>
+      <ul>
+        {%- for post in site.posts limit:5 -%}
+          <li href="{{ post.url | prepend: site.baseurl }}">
+            {{ post.title | truncate: 35 }}
+          </li>
+        {%- endfor -%}
+      </ul>
     </div>
 
     <div class="column">
-      <h1 class="is-title">Title</h1>
+      <h1 class="title title is-size-4">Title</h1>
       <a href="#">Link</a>
     </div>
 
     <div class="column">
-      <h1 class="is-title">Title</h1>
+      <h1 class="title title is-size-4">Title</h1>
       <ul>
         <li>
           <span class="icon">

data/_includes/head.html

@@ -25,4 +25,6 @@
         type="application/rss+xml"
         title="{{ site.title }}"
         href="{{ '/feed.xml' | prepend: site.baseurl | prepend: site.url }}">
+
+  <script src="{{ '/assets/js/dropdown.js' | prepend: site.baseurl | prepend: site.url }}"></script>
 </head>

data/_includes/header.html

@@ -4,14 +4,18 @@
       <img src="https://bulma.io/images/bulma-logo.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
     </a>
 
-    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
+    <a role="button"
+       class="navbar-burger"
+       data-target="navMenu"
+       aria-label="menu"
+       aria-expanded="false">
       <span aria-hidden="true"></span>
       <span aria-hidden="true"></span>
       <span aria-hidden="true"></span>
     </a>
   </div>
 
-  <div class="navbar-menu">
+  <div class="navbar-menu" id="navMenu">
     <div class="navbar-start">
       <div class="navbar-item">
         <a href="#">A link</a>

data/_sass/_presets.scss

@@ -0,0 +1 @@
+// No presets so far

data/assets/css/main.scss

@@ -6,4 +6,8 @@
 $font-family-base: Ubuntu, Helvetica, Arial, sans-serif;
 
 $spacing-unit: 30px;
-@import "bulma", "syntax-highlighting", "font-awesome", "overrides";
+@import "presets",
+        "bulma",
+        "syntax-highlighting",
+        "font-awesome",
+        "overrides";

data/assets/js/dropdown.js

@@ -0,0 +1,13 @@
+document.addEventListener('DOMContentLoaded', function () {
+  var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+  if ($navbarBurgers.length > 0) {
+    $navbarBurgers.forEach(function ($el) {
+      $el.addEventListener('click', function () {
+        var target = $el.dataset.target;
+        var $target = document.getElementById(target);
+        $el.classList.toggle('is-active');
+        $target.classList.toggle('is-active');
+      });
+    });
+  }
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-bulma
 version: !ruby/object:Gem::Version
-  version: '0.1'
+  version: '0.2'
 platform: ruby
 authors:
 - Stefan Haslinger
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-07-06 00:00:00.000000000 Z
+date: 2018-07-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -69,6 +69,7 @@ files:
 - _layouts/page.html
 - _layouts/post.html
 - _sass/_overrides.scss
+- _sass/_presets.scss
 - _sass/_syntax-highlighting.scss
 - _sass/base/_all.sass
 - _sass/base/generic.sass
@@ -120,6 +121,7 @@ files:
 - assets/css/main.scss
 - assets/fonts/ubuntu/ubuntu-v11-latin-ext_latin-regular.woff
 - assets/fonts/ubuntu/ubuntu-v11-latin-ext_latin-regular.woff2
+- assets/js/dropdown.js
 - assets/main.scss
 - assets/webfonts/fa-brands-400.eot
 - assets/webfonts/fa-brands-400.svg