bay_jekyll_theme 1.0.11 → 1.0.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 841a30f0f812c5c7eaecf9b6876d9241a8e41a77a0cfa2122ac8809b378fe472
-  data.tar.gz: 72b3a8251b9b3cbb299ddb38ed103446b1a2d861f2c868f1bed07093c676907b
+  metadata.gz: 8b569c6203e2a1f7d8d731cbad82073cf5968c302c731e75de0522c43d168975
+  data.tar.gz: 9cb2b0bb20036436b5cacd3016b07ef0b5ea14333de25173dcfb1e5cbb42a853
 SHA512:
-  metadata.gz: 7c420949c967ed55868476b4e220bf2cfd3afff3adf89ecb51b60737552b29742a89aa315ca60ed02e952baef06eb37597ea06ca506edd8e158e49290c8d6009
-  data.tar.gz: bf1dff56ce0ed16736d6ac02e324caa563f7d0044de20026bdc1b64068e18a29c4bdff0e2a1bf7dde324ec1d4a7f25d480256bbf2206432099a8dd152b81601c
+  metadata.gz: 98d0d2b1eeb1d6b5c8a9cfb945395f1fa2f34fa408c75853fc3c00c9a67f83b6dcce6ea70dced0393b7e5f3e975b3c089257c9f444ffc906d09d6c5bd1b4d761
+  data.tar.gz: 7c2f2db01ebf0381b2e45fe2db0e7739a9205c61fb4d862d66f1ac5a62952a1bfa7902e0f44bdb3503c9aa45f410f7a0a6ce68ef344298cfb37da439b4bc9b9c

data/README.md

@@ -117,6 +117,11 @@ Your website is ready!
 
 ### Development
 
+#### Run development instance (with hot-reload)
+```sh
+bundle exec jekyll serve
+```
+
 #### Build and publish the gem
 ```sh
 gem build bay_jekyll_theme.gemspec

data/_includes/header.html

@@ -7,7 +7,7 @@
     <nav class="site-nav">
       <a href="#" class="menu-icon"></a>
 
-      <div class="trigger">
+      <div class="menu">
         {% for page in site.header.pages %}
           {% if page.slug and page.slug != "" and page.slug != nil %}
             {% assign page_link = page.slug %}

data/_sass/_base.scss

@@ -113,7 +113,7 @@ h4 {
 a {
   color: $brand-color;
   text-decoration: none;
-  // 
+  //
   // &:visited {
   //   color: darken($brand-color, 15%);
   // }

data/_sass/_blog.scss

@@ -5,7 +5,7 @@
     display: block;
     float: left;
 
-    @include media-query($on-palm) {
+    @include media-query($on-mobile) {
       display: block;
       float: none;
       color: #333;

data/_sass/_layout.scss

@@ -8,7 +8,7 @@
   padding-top: 10px;
   padding-bottom: 10px;
 
-  @include media-query($on-palm) {
+  @include media-query($on-mobile) {
     padding-top: 0;
     padding-bottom: 0;
   }
@@ -34,6 +34,7 @@
  * Site nav
  */
 .site-nav {
+  z-index: 10;
   float: right;
   line-height: 56px;
 
@@ -51,7 +52,7 @@
     }
   }
 
-  @include media-query($on-palm) {
+  @include media-query($on-mobile) {
     position: absolute;
     top: 12px;
     right: 24px;
@@ -69,20 +70,15 @@
       padding-top: 4px;
       text-align: center;
 
-      background: #ffffff url(/assets/img/menu.png) 6px 4px no-repeat;
+      background: #ffffff url($base-url + '/assets/img/menu.png') 6px 4px no-repeat;
     }
 
-    .trigger {
+    .menu {
       clear: both;
       display: none;
       background-color: #ffffff;
       min-width: 10em;
-    }
-
-    &:hover .trigger {
-      display: block;
       padding-bottom: 5px;
-      background-color: #ffffff;
     }
 
     .page-link {
@@ -100,7 +96,7 @@
   border-top: 1px solid $grey-color-light;
   padding: $spacing-unit 0;
 
-  @include media-query($on-palm) {
+  @include media-query($on-mobile) {
     padding-top: 10px;
   }
 }
@@ -141,7 +137,7 @@
   color: $grey-color;
 }
 
-@include media-query($on-palm) {
+@include media-query($on-mobile) {
   .footer-col {
     float: none;
     width: 100%;

data/_sass/_post.scss

@@ -9,7 +9,7 @@
 
   font-family: $base-font-family;
 
-  @include media-query($on-palm) {
+  @include media-query($on-mobile) {
     font-size: 34px;
   }
 }
@@ -24,7 +24,7 @@
   position: relative;
   top: -0.3em;
 
-  @include media-query($on-palm) {
+  @include media-query($on-mobile) {
     font-size: 24px;
   }
 }
@@ -40,7 +40,7 @@
   h2 {
     font-size: 32px;
 
-    @include media-query($on-palm) {
+    @include media-query($on-mobile) {
       font-size: 28px;
     }
   }
@@ -48,7 +48,7 @@
   h3 {
     font-size: 26px;
 
-    @include media-query($on-palm) {
+    @include media-query($on-mobile) {
       font-size: 22px;
     }
   }
@@ -56,7 +56,7 @@
   h4 {
     font-size: 20px;
 
-    @include media-query($on-palm) {
+    @include media-query($on-mobile) {
       font-size: 18px;
     }
   }

data/_sass/_site.scss

@@ -3,7 +3,7 @@
   border: #ccc 1px solid;
   margin-left: 20px;
 
-  @include media-query($on-palm) {
+  @include media-query($on-mobile) {
     float: none;
     margin-bottom: 20px;
     margin-left: 0px;
@@ -14,7 +14,7 @@
   font-size: 12px;
   line-height: 30px;
 
-  @include media-query($on-palm) {
+  @include media-query($on-mobile) {
     font-size: 14px;
     line-height: 38px;
   }

data/assets/css/main.scss

@@ -5,6 +5,8 @@
 @charset "utf-8";
 
 // Our variables
+$base-url: "{{ site.baseurl }}";
+
 $base-font-family: Charter, Georgia, Helvetica, Arial, sans-serif;
 $base-font-size: 14px;
 $small-font-size: $base-font-size * 0.875;
@@ -20,7 +22,7 @@ $grey-color: #828282;
 $grey-color-light: lighten($grey-color, 40%);
 $grey-color-dark: darken($grey-color, 25%);
 
-$on-palm: 500px;
+$on-mobile: 500px;
 $on-laptop: 800px;
 
 @mixin media-query($device) {

data/assets/js/site.js

@@ -1,11 +1,28 @@
+/**
+ * Menu
+ */
+ $("a.menu-icon").on("click", function(event) {
+   var w = $(".menu");
+
+   w.css({
+     display: w.css("display") === "none"
+      ? "block"
+      : "none"
+   });
+ });
+
+/**
+ * Wechat widget
+ */
 function moveWidget(event) {
-  var w = $("#wechat-widget");
-  w.css({ left: event.pageX - 25, top: event.pageY - w.height() - 60 });
+  $("#wechat-widget").css({
+    left: event.pageX - 25,
+    top: event.pageY - w.height() - 60
+  });
 }
 
 $("a#wechat-link").on("mouseenter", function(event) {
-  var w = $("#wechat-widget");
-  w.css({ display: "block" });
+  $("#wechat-widget").css({ display: "block" });
   moveWidget(event);
 });
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bay_jekyll_theme
 version: !ruby/object:Gem::Version
-  version: 1.0.11
+  version: 1.0.12
 platform: ruby
 authors:
 - Eliott Vincent
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-08-01 00:00:00.000000000 Z
+date: 2020-08-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -93,6 +93,7 @@ files:
 - assets/img/title.png
 - assets/img/title@2x.png
 - assets/img/wechat-qr-code.png
+- assets/img/wechat-qr-code@2x.png
 - assets/img/work/sand.png
 - assets/img/work/sand@2x.png
 - assets/img/work/water.png