bay_jekyll_blog 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 725b1fce683f514f3ec009a9e68b337f7cb626db312354d54cbad8d5f7c2bef9
+  data.tar.gz: 3a59175a5f1dfebf3bdc79013fe5824cab9bfc426859851ba77ba5c7a580d401
+SHA512:
+  metadata.gz: 8cbb4d10d647583eadcfd9bc7f2f6ddd23100594fdb9d016aab0a7037071ea0fedda8fa6a07392b1472a49a6ad767dc0491424eb14386f43cd0179711df3eb59
+  data.tar.gz: 80aff69702fd0add32a00f30616b48c66a753a82b86a5c7294e0e6c24d7792a59938ce7d0477d635af3e2cbe55ea1e9ece5636a6bc4eae86e8af721858c3f3c8

data/CHANGELOG.md

@@ -0,0 +1,87 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+### [1.0.19](https://github.com/eliottvincent/bay/compare/v1.0.18...v1.0.19) (2022-10-19)
+
+### Bug Fixes
+
+- Ensure `<strong>` tags are correctly rendered in Firefox
+
+### [1.0.18](https://github.com/eliottvincent/bay/compare/v1.0.17...v1.0.18) (2022-08-30)
+
+### Bug Fixes
+
+- Fix hamburger size
+- Update dependencies
+
+### [1.0.17](https://github.com/eliottvincent/bay/compare/v1.0.16...v1.0.17) (2021-06-05)
+
+### Features
+
+- Remove support for Retina-sized images
+
+### [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 ([1f1384b](https://github.com/eliottvincent/bay/commit/1f1384b2cfc07bc152cb8e44756e5a0fcbfbef11)), closes [#5](https://github.com/eliottvincent/bay/issues/5)
+
+### [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/LICENSE.md

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2019, Eliott Vincent
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

data/README.md

@@ -0,0 +1,147 @@
+# Bay
+
+[![Version](https://img.shields.io/gem/v/bay_jekyll_theme)](https://rubygems.org/gems/bay_jekyll_theme)
+[![Downloads](https://img.shields.io/gem/dt/bay_jekyll_theme)](https://rubygems.org/gems/bay_jekyll_theme)
+
+Bay is a simple theme for Jekyll. [[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)
+
+### 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
+```
+
+Open `Gemfile` and replace the line:
+```
+gem "minima"
+```
+with:
+```
+gem "bay_jekyll_theme"
+```
+
+Open `_config.yml` and replace the line:
+```
+theme: minima
+```
+with:
+```
+theme: bay_jekyll_theme
+```
+or, for GitHub Pages:
+```
+remote_theme: eliottvincent/bay
+```
+
+Finally, install the dependencies:
+```
+bundle install
+```
+
+and build the website!
+```
+jekyll serve
+```
+
+
+The website will look somewhat empty at first. That's normal. Follow the next instructions to complete the header and footer components, and the home and blog pages.
+
+### Header
+Open the `_config.yml` file and add the following:
+```yml
+header:
+  pages:
+    - name: Home
+      slug: /     # <-- index.md
+    - name: Blog  # <-- blog.md
+    - name: Whatever  # <-- whatever.md
+```
+Re-run `jekyll serve` to see the header updated.
+
+### Footer
+Open the `_config.yml` file and add the following:
+```yml
+footer:
+  show_powered_by: true
+  contact:
+    - name: Email
+      value: yourmail@domain.com
+      link: mailto:yourmail@domain.com
+    - name: WeChat
+      value: YourWeChatUsername
+      link: "#"
+  follow:
+    - name: Twitter
+      link: http://twitter.com/YourTwitterUsername
+      username: "@YourTwitterUsername"
+    - name: Facebook
+      link: http://facebook.com/YourFacebookUsername
+    - name: LinkedIn
+      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.
+
+### Home page
+Create (or edit) the `index.markdown` file and add the following:
+```yml
+---
+layout: home
+profile_picture:
+  src: /assets/img/profile-pic.jpg
+  alt: website picture
+---
+
+<p>
+  Welcome to mysite!
+</p>
+```
+
+### Blog page
+Create `blog.markdown` file and add the following:
+```yml
+---
+layout: blog
+title: Blog
+slug: /blog
+---
+
+This is an example of a "Blog" page, displaying a list of posts.
+<br />
+```
+
+
+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/draft-banner.html

@@ -0,0 +1,8 @@
+<div class="draft-banner">
+  <strong>
+    &#x26D4;&nbsp;
+    This is a draft of a post coming to
+    <a href="{{ site.url }}">{{ site.url }}</a>. Please do not share yet.
+    &nbsp;&#x26D4;
+  </strong>
+</div>

data/_includes/foot.html

@@ -0,0 +1,2 @@
+<script type="text/javascript" src="{{ "/assets/js/vendor/cash-4.1.5.min.js" | absolute_url }}"></script>
+<script type="text/javascript" src="{{ "/assets/js/site.js" | absolute_url }}"></script>

data/_includes/footer.html

@@ -0,0 +1,65 @@
+<footer class="site-footer">
+  <div class="wrapper">
+    <div class="footer-col-wrapper">
+      <div class="footer-col footer-col-1">
+        <h4>CONTACT</h4>
+
+        <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>
+            </div>
+
+          {% endfor %}
+        </div>
+      </div>
+
+      <div class="footer-col footer-col-2">
+        <h4>FOLLOW</h4>
+
+        <div class="social-links follow-links">
+          {% for follow in site.footer.follow %}
+            <div class="social-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>
+            </div>
+
+          {% endfor %}
+        </div>
+      </div>
+
+      {% 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> | {{ 'now' | date: "%Y" }}
+          </p>
+        </div>
+      {% endif %}
+    </div>
+  </div>
+</footer>
+
+{% include wechat-widget.html %}

data/_includes/head.html

@@ -0,0 +1,76 @@
+<head>
+  <meta charset="utf-8"/>
+  <meta name="viewport" content="width=device-width initial-scale=1" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+
+  {% assign page_is_article = false %}
+  {% if page.layout == "post" %}{% assign page_is_article = true %}{% endif %}
+
+  {% assign page_title = "" %}
+  {% if page.draft %}{% assign page_title = page_title | append: "[DRAFT] " %}{% endif %}
+  {% if page.title %}
+    {% assign page_title = page_title | append: site.title | append: " | " | append: page.title %}
+  {% else %}
+    {% assign page_title = site.title %}
+  {% endif %}
+
+  {% assign page_description = "" %}
+  {% if page.draft %}{% assign page_description = page_description | append: "[DRAFT] " %}{% endif %}
+  {% if page.blurb %}
+    {% assign page_description = page_description | append: page.blurb %}
+  {% else %}
+    {% assign page_description = site.description %}
+  {% endif %}
+
+  {% assign page_url = page.url | replace: "index.html","" | replace: ".html","" | prepend: site.baseurl | prepend: site.url %}
+
+  {% assign page_image = site.og_image | prepend: site.baseurl | prepend: site.url %}
+  {% if page.og_image %}
+    {% assign page_image = site.url + page.og_image %}
+  {% endif %}
+
+  {% for follow in site.footer.follow %}
+    {% if follow.name == 'Twitter' %}
+      {% assign twitter_username = follow.username %}
+      {% break %}
+    {% endif %}
+  {% endfor %}
+
+  <!-- Primary Meta Tags -->
+  <title>{{ page_title }}</title>
+  <meta name="title" content="{{ page_title }}"/>
+  <meta name="description" content="{{ page_description }}"/>
+
+  <!-- Open Graph / Facebook -->
+  <meta property="og:site_name" content="{{ page_title }}"/>
+  <meta property="og:type" content="{% if page_is_article %}article{% else %}website{% endif %}"/>
+  <meta property="og:url" content="{{ page_url }}"/>
+  <meta property="og:title" content="{{ page_title }}"/>
+  <meta property="og:description" content="{{ page_description }}"/>
+  <meta property="og:image" content="{{ page_image }}"/>
+
+  <!-- Twitter -->
+  <meta property="twitter:card" content="summary_large_image"/>
+  <meta property="twitter:url" content="{{ page_url }}"/>
+  <meta property="twitter:title" content="{{ page_title }}"/>
+  <meta property="twitter:description" content="{{ page_description }}"/>
+  <meta property="twitter:image" content="{{ page_image }}"/>
+  {% if twitter_username %}
+    <meta property="twitter:creator" content="{{ twitter_username }}"/>
+    <meta property="twitter:site" content="{{ twitter_username }}"/>
+  {% endif %}
+
+  <link rel="stylesheet" href="{{ "/assets/css/main.css" | absolute_url }}"/>
+  <link rel="canonical" href="{{ page_url }}"/>
+  <link rel="shortcut icon" href="{{ "/favicon.ico" | absolute_url }}" type="image/x-icon"/>
+
+  <!-- Google Analytics -->
+  <script>
+    window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
+    ga('create', "{{ site.google_analytics }}", "auto");
+    ga('send', "pageview");
+  </script>
+  <script async src="https://www.google-analytics.com/analytics.js"></script>
+
+
+</head>

data/_includes/header.html

@@ -0,0 +1,25 @@
+<header class="site-header">
+  <div class="wrapper">
+    <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="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 | absolute_url %}
+          <a class="page-link" href="{{ page_link }}">
+            {{ page.name }}
+          </a>
+        {% endfor %}
+      </div>
+    </nav>
+  </div>
+</header>

data/_includes/wechat-widget.html

@@ -0,0 +1,16 @@
+{% for contact in site.footer.contact %}
+  {% if contact.name == 'WeChat' %}
+    {% assign wechat_username = contact.value %}
+    {% break %}
+  {% endif %}
+{% endfor %}
+
+{% 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/blog.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  {% include head.html %}
+
+  <body>
+    {% include header.html %}
+
+    <div class="page-content">
+      <div class="wrapper">
+        <div class="blog">
+          <h1 class="page-heading">{{ page.title }}</h1>
+          {{ content }}
+
+          <p class="blog-post-list">
+            {% for post in site.posts %}
+
+              {% if post.draft != true %}
+                <span class="blog-post-date">{{ post.date | date: "%-m/%-d/%y" }}</span>
+                <a href="{{ post.url | replace:".html","" | prepend: site.baseurl }}" class="blog-post-title">
+                  {{ post.title }}
+                </a>
+                <br />
+
+              {% endif %}
+
+            {% endfor %}
+          </p>
+        </div>
+      </div>
+    </div>
+
+    {% include footer.html %}
+
+    {% include foot.html %}
+  </body>
+</html>

data/_layouts/default.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  {% include head.html %}
+
+  <body>
+    {% include header.html %}
+
+    <div class="page-content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </div>
+
+    {% include footer.html %}
+    
+    {% include foot.html %}
+  </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  {% include head.html %}
+
+  <body>
+    {% include header.html %}
+
+    <div class="page-content">
+      <div class="wrapper">
+        <div class="home">
+          <img
+            src="{{ page.profile_picture.src | absolute_url }}"
+            alt="{{ page.profile_picture.alt }}"
+            class="profile-pic"
+          />
+
+          {{ content }}
+        </div>
+      </div>
+    </div>
+
+    {% include footer.html %}
+
+    {% include foot.html %}
+  </body>
+</html>

data/_layouts/post.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+  {% include head.html %}
+
+  <body>
+    {% include header.html %}
+
+    <div class="page-content">
+      <div class="wrapper">
+        <div class="post">
+
+          <header class="post-header">
+
+            {% if page.draft %}
+              {% include draft-banner.html %}
+            {% endif %}
+
+            <h1 class="post-title">
+            {% if page.headline_formatted_title %}
+              {{ page.headline_formatted_title | newline_to_br }}
+            {% else %}
+              {{ page.title }}
+            {% endif %}
+            </h1>
+
+            {% if page.subtitle %}<h1 class="post-subtitle">{{ page.subtitle }}</h1>{% endif %}
+            <p class="post-meta"><span class="post-date">{{ page.date | date: "%B %-d, %Y" }}
+            </span>{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
+          </header>
+
+          <article class="post-content">
+            {{ content }}
+          </article>
+
+          {% if page.draft %}
+              {% include draft-banner.html %}
+          {% endif %}
+
+      </div>
+      </div>
+    </div>
+
+    {% include footer.html %}
+
+    {% include foot.html %}
+  </body>
+</html>

data/_layouts/work.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  {% include head.html %}
+
+  <body>
+    {% include header.html %}
+
+    <div class="page-content">
+      <div class="wrapper">
+        <div class="work">
+          <h1 class="page-heading">{{ page.title }}</h1>
+          {{ content }}
+
+          {% for item in page.items %}
+          <div class="work-item">
+            <img
+              src="{{ item.image.src | absolute_url }}"
+              alt="{{ item.image.alt }}"
+              class="work-bubble"
+            />
+            <span class="work-text">
+              <strong>{{ item.title }}</strong>
+              &mdash;
+              {{ item.description }}
+            </span>
+          </div>
+          {% endfor %}
+        </div>
+      </div>
+    </div>
+
+    {% include footer.html %}
+
+    {% include foot.html %}
+  </body>
+</html>

data/_sass/_404.scss

@@ -0,0 +1,12 @@
+.not-found-container {
+  margin: 10px auto;
+  max-width: 600px;
+  text-align: center;
+}
+
+h1.not-found-title {
+  margin: 30px 0;
+  font-size: 4em;
+  line-height: 1;
+  letter-spacing: -1px;
+}