bay_jekyll_theme 1.0.9 → 1.0.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6f5120894196146c4be23941d6782403182fcc186ca28e4024f3901a9d111419
-  data.tar.gz: 3e452f892f4b82ddd6ea4c1a8be18ba55784b5eb4913ed2eb575044f2dfcc9b8
+  metadata.gz: aea9558aa7b50a5aef46e29b668779a773367b329d1463fa301b6bfdc1b4068f
+  data.tar.gz: c74a231f34fe8f30cf266047a22ea50a14eb9b0c6ba64c47ab0557d2fcbeba3b
 SHA512:
-  metadata.gz: d7ede622fc5363bc4fc85bbe9b8157a4b2d8c15c8df6dcd74b10cba9d14b59a34a695827ef413839ed9f94eadb4eca30ee0a03900fdc22687398eafe03894680
-  data.tar.gz: 8d7310709496de4db502e6a89b167ef6141931e85cf5f761a772a04907f79ba3155e64d4bf6b05785af6658ea0634b8db2e693fc951b754dac617c1e7c1abec0
+  metadata.gz: f12e2de12f8ca2082578bcf9ca98898fde190eb0a1c640d8639f15951123cbb9be77913aaa0286e8c78e0829e2bc63f195b62cc500d2064e1c241a4d9848d917
+  data.tar.gz: 1cefb8e774105b66bdaf7b2e0e5c0c5a4cf49478dfb4dfd461f0337166c20efc10e4b0828f886235d817dd722f21f69747a404cb746fb67c94855ea8e715ece7

data/README.md

@@ -113,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/_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,30 @@
+/**
+ * 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 });
+
+  w.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.9
+  version: 1.0.14
 platform: ruby
 authors:
 - Eliott Vincent
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-10-28 00:00:00.000000000 Z
+date: 2020-09-02 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