bay_jekyll_theme 1.0.11 → 1.0.16

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 841a30f0f812c5c7eaecf9b6876d9241a8e41a77a0cfa2122ac8809b378fe472
-  data.tar.gz: 72b3a8251b9b3cbb299ddb38ed103446b1a2d861f2c868f1bed07093c676907b
+  metadata.gz: e2a5e37a43d8ac48c7559be29084110f641db7e7f150fe013861b33d53e8cb9a
+  data.tar.gz: 12bdeff5c8116293db2eed32840dc8bc31485ba738de993049b3c1ef85d1710e
 SHA512:
-  metadata.gz: 7c420949c967ed55868476b4e220bf2cfd3afff3adf89ecb51b60737552b29742a89aa315ca60ed02e952baef06eb37597ea06ca506edd8e158e49290c8d6009
-  data.tar.gz: bf1dff56ce0ed16736d6ac02e324caa563f7d0044de20026bdc1b64068e18a29c4bdff0e2a1bf7dde324ec1d4a7f25d480256bbf2206432099a8dd152b81601c
+  metadata.gz: 785ac2065ce023d8df20a518b6d5a38d480774667e1150e460f4ebcbc7d99fa905478952def2381a9aca8c924ba336c0609c8f6b88073c346f9da34b063dabd2
+  data.tar.gz: 4c1b536c86c41e6ec4501c2b7f06184a62fc1418b0423c538f08631b73eb8042428cc7a94ed3654d8c215d09f516b53feb282e03e19796317d5e99dbb9ef28a5

data/CHANGELOG.md

@@ -0,0 +1,68 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+### [1.0.16](https://github.com/eliottvincent/bay/compare/v1.0.15...v1.0.16) (2021-02-23)
+
+### Bug Fixes
+
+- Rework footer's elements sizing ([638970b](https://github.com/eliottvincent/bay/commit/638970bf93ee6567f05cbcd92037bc92cebc3550)), closes [#2](https://github.com/eliottvincent/bay/issues/2)
+
+### [1.0.15](https://github.com/eliottvincent/bay/compare/v1.0.14...v1.0.15) (2020-12-21)
+
+### Features
+
+- Add Dribbble to supported "follow" list items
+
+### Bug Fixes
+
+- Fix `remote_theme` value in configuration (for GitHub Pages)
+
+### [1.0.14](https://github.com/eliottvincent/bay/compare/v1.0.13...v1.0.14) (2020-09-02)
+
+### Bug Fixes
+
+- Fix WeChat widget not moving anymore
+
+### [1.0.13](https://github.com/eliottvincent/bay/compare/v1.0.12...v1.0.13) (2020-08-12)
+
+### Bug Fixes
+
+- Update dependencies
+
+### [1.0.12](https://github.com/eliottvincent/bay/compare/v1.0.11...v1.0.12) (2020-08-05)
+
+### Bug Fixes
+
+- Make sure menu doesn't disappear ([ff45445](https://github.com/eliottvincent/bay/commit/ff45445761314a9b4a9b1e53f04c040ab2b62e3f)), closes [#1](https://github.com/eliottvincent/bay/issues/1)
+- Fix WeChat widget not moving anymore
+
+### [1.0.11](https://github.com/eliottvincent/bay/compare/v1.0.10...v1.0.11) (2020-08-01)
+
+### Bug Fixes
+
+- Fix work item spacing
+- Year displayed in footer is now dynamic
+
+### [1.0.10](https://github.com/eliottvincent/bay/compare/v1.0.9...v1.0.10) (2019-10-31)
+
+### Bug Fixes
+
+- Add GA
+
+### [1.0.9](https://github.com/eliottvincent/bay/compare/v1.0.8...v1.0.9) (2019-10-28)
+
+### Bug Fixes
+
+- Render WeChat widget only if necessary
+
+### [1.0.8](https://github.com/eliottvincent/bay/compare/v1.0.7...v1.0.8) (2019-10-27)
+
+### Bug Fixes
+
+- Update configuration to support GitHub Pages deployment
+- Load assets through absolute path
+
+### 1.0.7 (2019-10-27)
+
+Initial version.

data/README.md

@@ -8,6 +8,10 @@ Inspired by [dangrover.com](http://dangrover.com/). Current theme used at [eliot
 
 ### Installation
 
+
+The easiest solution is to [fork this repo](https://github.com/eliottvincent/bay/fork).
+If you want to start from a clean website, follow the steps bellow:
+
 Create a new Jekyll website:
 ```
 jekyll new mysite
@@ -30,6 +34,10 @@ with:
 ```
 theme: bay_jekyll_theme
 ```
+or, for GitHub Pages:
+```
+remote_theme: eliottvincent/bay
+```
 
 Finally, install the dependencies:
 ```
@@ -78,8 +86,12 @@ footer:
       link: http://linkedin.com/in/YourLinkedInUsername
     - name: GitHub
       link: http://github.com/YourGitHubUsername
+    - name: Dribbble
+      link: https://dribbble.com/YourDribbbleUsername
     - name: Weibo
       link: http://weibo.com/u/YourWeiboUsername
+    - name: RSS
+      link: /feed.xml
 ```
 Re-run `jekyll serve` to see the footer updated.
 
@@ -117,6 +129,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/footer.html

@@ -1,53 +1,54 @@
 <footer class="site-footer">
   <div class="wrapper">
     <div class="footer-col-wrapper">
-      <div class="footer-col footer-col-1 social-links">
+      <div class="footer-col footer-col-1">
         <h4>CONTACT</h4>
 
-        {% for contact in site.footer.contact %}
+        <div class="social-links">
+          {% for contact in site.footer.contact %}
+            <div class="social-link contact-links">
 
-          {% assign contact_icon_path = "/assets/img/icons/" | append: contact.name | downcase | append: ".png" | absolute_url %}
-          <img
-            src="{{ contact_icon_path }}"
-            alt="{{ contact.name | downcase }}"
-          />
-          <a href="{{ contact.link }}" id="{{ contact.name | downcase }}-link">
-            {% if contact.value and contact.value != "" and contact.value != nil %}
-              {{ contact.value }}
-            {% else %}
-              {{ contact.name }}
-            {% endif %}
-          </a>
-          <br />
+              {% assign contact_icon_path = "/assets/img/icons/" | append: contact.name | downcase | append: ".png" | absolute_url %}
+              <img
+                src="{{ contact_icon_path }}"
+                alt="{{ contact.name | downcase }}"
+              />
+              <a href="{{ contact.link }}" id="{{ contact.name | downcase }}-link">
+                {% if contact.value and contact.value != "" and contact.value != nil %}
+                  {{ contact.value }}
+                {% else %}
+                  {{ contact.name }}
+                {% endif %}
+              </a>
+            </div>
 
-        {% endfor %}
+          {% endfor %}
+        </div>
       </div>
 
-      <div class="footer-col footer-col-2 social-links">
+      <div class="footer-col footer-col-2">
         <h4>FOLLOW</h4>
 
-        {% for follow in site.footer.follow %}
-          <span class="wrap-link">
-
-            {% assign follow_icon_path = "/assets/img/icons/" | append: follow.name | downcase | append: ".png" | absolute_url %}
-            <img
-              src="{{ follow_icon_path }}"
-              alt="{{ follow.name | downcase }}"
-            />
-            <a href="{{ follow.link }}">
-              {% if follow.value and follow.value != "" and follow.value != nil %}
-                {{ follow.value }}
-              {% else %}
-                {{ follow.name }}
-              {% endif %}
-            </a>
-          </span>
+        <div class="social-links follow-links">
+          {% for follow in site.footer.follow %}
+            <div class="social-link">
 
-          {% assign mod = forloop.index | modulo: 2 %} {% if mod == 0 %}
-            <br />
-          {% endif %}
+              {% assign follow_icon_path = "/assets/img/icons/" | append: follow.name | downcase | append: ".png" | absolute_url %}
+              <img
+                src="{{ follow_icon_path }}"
+                alt="{{ follow.name | downcase }}"
+              />
+              <a href="{{ follow.link }}">
+                {% if follow.value and follow.value != "" and follow.value != nil %}
+                  {{ follow.value }}
+                {% else %}
+                  {{ follow.name }}
+                {% endif %}
+              </a>
+            </div>
 
-        {% endfor %}
+          {% endfor %}
+        </div>
       </div>
 
       {% if site.footer.show_powered_by == true %}

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;
   }
 }
@@ -136,12 +132,16 @@
   width: calc(33% - (#{$spacing-unit} / 2));
 }
 
+.follow-links > .social-link {
+  flex: 0 50%;
+}
+
 .powered-by {
-  font-size: 13px;
+  font-size: 13px !important;
   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,41 +3,44 @@
   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;
   }
 }
 
-.social-links {
+.footer-col {
   font-size: 12px;
-  line-height: 30px;
-
-  @include media-query($on-palm) {
-    font-size: 14px;
-    line-height: 38px;
-  }
-
-  img {
-    margin-right: 3px;
-    vertical-align: middle;
-    margin-top: -2px;
-  }
 
   h4 {
     margin-bottom: 0;
-    font-size: 12px;
     margin-top: 0;
+    line-height: 30px;
   }
 
-  span.wrap-link {
-    width: 45%;
-    float: left;
-    display: block;
-    margin-right: 2px;
-    text-wrap: none;
-    min-width: 7em;
+  .social-links {
+    display: flex;
+    flex-wrap: wrap;
+
+    .social-link {
+      display: flex;
+      width: 100%;
+      align-items: flex-start;
+      line-height: 16px;
+      margin-top: 6.5px;
+      margin-bottom: 10px;
+
+      a {
+        margin-left: 6px;
+        word-break: break-all;
+      }
+    }
+
+    @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,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.11
+  version: 1.0.16
 platform: ruby
 authors:
 - Eliott Vincent
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-08-01 00:00:00.000000000 Z
+date: 2021-02-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -45,6 +45,7 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- CHANGELOG.md
 - LICENSE.md
 - README.md
 - _includes/draft-banner.html
@@ -68,6 +69,8 @@ files:
 - assets/css/main.scss
 - assets/img/content/post-example/Banner.jpg
 - assets/img/content/post-example/Banner@2x.jpg
+- assets/img/icons/dribbble.png
+- assets/img/icons/dribbble@2x.png
 - assets/img/icons/email.png
 - assets/img/icons/email@2x.png
 - assets/img/icons/facebook.png
@@ -93,6 +96,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