bay_jekyll_theme 1.0.10 → 1.0.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a9d8b9f380c8ae7ca01235ff799d5502985686c3f918bfbaf80e5a3f1ee09e2b
-  data.tar.gz: 60b2a48c9acbc5a9c5acca2e9a3ec594a88090bddb013c7d6f0260e436f06cd3
+  metadata.gz: 62306bd24ecf4690e4743065bfac83da9132b53f89937833c38db8c021cc0830
+  data.tar.gz: c1aa63b6a7989bce66c561e3ccfac1caeb69eb73681434e495630f2022cdd3a7
 SHA512:
-  metadata.gz: fc50f91ecb3423655c33f37222337d81b49ba47afdf5c7749a7482bbf32eaadbe4b851c1bd80892487c55537e42b752d21878ffeb864f08357ea73bba3ffb55c
-  data.tar.gz: 1bfa55ad29b88af57d3b96a0e9304eef74a2db88c0cc5cb907016cd55444a102d8a1529ae397b3101f2a5f1c227fc23b88968aee26ded59ed47e4c6acb53c3a7
+  metadata.gz: b0cad75e0a7fd463e3f0aaacda8cf0dbe7586c7a8797d14654f8db1c4adda7915e3a6b6bdb488e3c6f898938f06453798f45edf0537b64aa84d329c2bd08f7eb
+  data.tar.gz: 075d46ed8043f05a023d63f11909da82d1d2027cc9576d6da58f9cad9ed85de0eefa6f1182cf87a10b38f8ccdd1f515ff87793b55454a969529a16ae7de318bf

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

@@ -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

@@ -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/_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.10
+  version: 1.0.15
 platform: ruby
 authors:
 - Eliott Vincent
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-12-31 00:00:00.000000000 Z
+date: 2020-12-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -68,6 +68,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 +95,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