bay_jekyll_theme 1.0.8 → 1.0.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3ac6afadac133be1fd8c163e179444cdd741d36be2ceaaffc4f463e49af06b23
-  data.tar.gz: '08cf39646bd31e9f6b8e19d5a0cb6681fb2ffdaab77fb21eba2c8f5b7633c810'
+  metadata.gz: 409df4f978c800869b245aaba5fbce5149a514ef61e8014efdd0f5769580bad7
+  data.tar.gz: 72e967fff5e1e5c56f9ea15d6e1ee2f0062c15bbf1d5be6e78200fd6d5cdcbc2
 SHA512:
-  metadata.gz: e0389dcbb10b8cb6289ece347be276421af1e76f2b0b7167d08b749c0629083df0fe4a459d31d809fd93f1784b1097b6ef085631f8869bb42bbbc3afead96b06
-  data.tar.gz: 78ebe543c96c49b1966c813960afc1d61f42497031f4f5c7d373aa8e332e0d4e27177b84ffbc4632ca707dbde4d0a1b35415f2a31e938c8eaa01ecdeb764f564
+  metadata.gz: c280474c9f8529f279af2dbd199ae8da62f081e06a3cd3f4e4a62dc399b34b0ad066b5856c91174bae55c8f492342a1ab55a4db5cfcbaac9de48ece0274086c5
+  data.tar.gz: 5f850c2b32ca835a6423bf0b26c4076816a55209440f9ce571f3b4008de624fe4dce5baedc0c015aa2260252e878ad5fcf46489da52cc72f9d065aed47f298dd

data/README.md

@@ -1,9 +1,8 @@
 # bay
-------
 
-A simple theme for Jekyll. Inspired by http://dangrover.com/. Current theme used at https://eliottvincent.com.
+Bay is a simple theme for Jekyll. [[view live]](https://eliottvincent.github.io/bay)
 
-### [View Live →](https://eliottvincent.github.io/bay)  
+Inspired by [dangrover.com](http://dangrover.com/). Current theme used at [eliottvincent.com](http://eliottvincent.com/).
 
 ![](/screenshot.png)
 
@@ -20,7 +19,7 @@ gem "minima"
 ```
 with:
 ```
-gem "bay_jekyll_theme", "~> 1.0.8"
+gem "bay_jekyll_theme"
 ```
 
 Open `_config.yml` and replace the line:
@@ -114,3 +113,20 @@ This is an example of a "Blog" page, displaying a list of posts.
 
 
 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
+```
+
+```sh
+gem push bay_jekyll_theme-1.x.x.gem
+```

data/_includes/footer.html

@@ -53,7 +53,7 @@
       {% if site.footer.show_powered_by == true %}
         <div class="footer-col footer-col-3 powered-by">
           <p>
-            powered by <a href="https://github.com/eliottvincent/bay">Bay</a> | 2019
+            powered by <a href="https://github.com/eliottvincent/bay">Bay</a> | {{ 'now' | date: "%Y" }}
           </p>
         </div>
       {% endif %}

data/_includes/header.html

@@ -1,20 +1,20 @@
 <header class="site-header">
   <div class="wrapper">
-    <a class="site-title" href="{{ site.baseurl }}/">
+    <a class="site-title" href="{{ "" | prepend: site.baseurl | prepend: site.url }}/">
       <img src="{{ "/assets/img/title.png" | absolute_url }}" alt="{{ site.title }}" />
     </a>
 
     <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 %}
           {% else %}
             {% assign page_link = "/" | append: page.name | downcase %}
           {% endif %}
-          {% assign page_link = page_link | prepend: site.baseurl | prepend: site.url %}
+          {% assign page_link = page_link | absolute_url %}
           <a class="page-link" href="{{ page_link }}">
             {{ page.name }}
           </a>

data/_includes/wechat-widget.html

@@ -1,13 +1,16 @@
-<div id="wechat-widget">
-  <p>
-    {% for contact in site.footer.contact %}
-      {% if contact.name == 'WeChat' %}
-        Find me on WeChat with the ID <strong>{{ contact.value }}</strong>,
-        {% break %}
-      {% endif %}
-    {% endfor %}
-    or scan my QR code:
-  </p>
+{% for contact in site.footer.contact %}
+  {% if contact.name == 'WeChat' %}
+    {% assign wechat_username = contact.value %}
+    {% break %}
+  {% endif %}
+{% endfor %}
 
-  <img src="{{ "/assets/img/wechat-qr-code.png" | absolute_url }}" alt="QR code" id="qr-code" />
-</div>
+{% if wechat_username %}
+  <div id="wechat-widget">
+    <p>
+      Find me on WeChat with the ID <strong>{{ wechat_username }}</strong>, or scan my QR code:
+    </p>
+
+    <img src="{{ "/assets/img/wechat-qr-code.png" | absolute_url }}" alt="QR code" id="qr-code" />
+  </div>
+{% endif %}

data/_layouts/work.html

@@ -12,16 +12,18 @@
           {{ content }}
 
           {% for item in page.items %}
-          <p class="work-item">
+          <div class="work-item">
             <img
               src="{{ item.image.src | absolute_url }}"
               alt="{{ item.image.alt }}"
               class="work-bubble"
             />
-            <strong>{{ item.title }}</strong>
-            &mdash;
-            {{ item.description }}
-          </p>
+            <span class="work-text">
+              <strong>{{ item.title }}</strong>
+              &mdash;
+              {{ item.description }}
+            </span>
+          </div>
           {% endfor %}
         </div>
       </div>

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/_sass/_work.scss

@@ -1,11 +1,12 @@
+.work-item {
+  clear: both;
+  overflow: hidden;
+  padding-bottom: 3em;
+}
+
 .work-bubble {
   float: left;
   padding-right: 20px;
   width: 100px;
   height: 100px;
 }
-
-.work-item {
-  clear: both;
-  padding-bottom: 3em;
-}

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.8
+  version: 1.0.13
 platform: ruby
 authors:
 - Eliott Vincent
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-10-27 00:00:00.000000000 Z
+date: 2020-08-12 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