jekyll-theme-mint 1.1.0 → 1.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 72fba37aeb7c0a32546d11b56d91ffe4867871b1f3f446f3e83276ae22fc4f63
-  data.tar.gz: fdd70aae96f4f879ddc8f47b2b81d6faca3da5930689ad0af5b58a59a4b20c5c
+  metadata.gz: 227ac8045e814711fa71511a114d05783efea04dd686d52e88e9bea38461b365
+  data.tar.gz: 57b2042c7ee22e5a0d93fc5c14f7cd31be571eee5c05e86bc7b351d0ea79bdf6
 SHA512:
-  metadata.gz: fe56561aaab9412dce1af9bbe67fef697f35c9f2547c5e278b522e929030610db57d803481420b25796ad13530d1d55d22bbd65204060c0b1f12cfc57550a80e
-  data.tar.gz: aec2dc324745d57eaf31fadad90a0ffc7b63f7bae7c7b0d2860c9decfbda2aa8e0c2d770d9598c191f672ed23480981122122f6c254fe10cc57b6e4df5a68eaa
+  metadata.gz: 42ad1d17896398a92cf74a7c5d732c104ababcad4f51bbce907acf5b39a51cafa2190ad7672d01021ceab31968c2a8532b6b13e4e05a28ac3cfd1d65d55c4f28
+  data.tar.gz: 1b755b11260d42bd8918a2b58dc56cac10bb9f7bd9d574cdc385d355c6e35b670d4b0fa110e97fcdfe88c740fe892885b5db14f499c8df46b1f571b9f2bd6726

data/README.md

@@ -44,6 +44,16 @@ blog_theme: dark # use dark theme
 blog_theme: auto # auto change the theme when your system and browser supported
 ```
 
+### Accent color of theme
+
+Edit `_config.yml` file to change accent color of theme.
+
+```yaml
+light-theme-accent-color: '#333'
+
+dark-theme-accent-color: '#eee'
+```
+
 ### Add social links
 
 Edit `_config.yml` file to add your social links.
@@ -81,6 +91,13 @@ Edit `_config.yml` file to add your google analytics tracking id and you can ena
 google_analytics: your_google_analystics_tracker_id
 ```
 
+### Footer page
+
+Normally, the links to the pages is displayed in the site header. If you want to display the page link on the footer, you can add this to the front matter of page.
+
+``` yaml
+is_footer: true
+```
 
 ## Development
 
@@ -90,13 +107,6 @@ For test, you can run `bundle exec jekyll serve` and open your browser at `http:
 
 For more information you can see here <https://jekyllrb.com/docs/themes/>.
 
-You can also use docker-compose to set up development environment.
-
-Just like this:
-
-    $ docker-compose run --rm app bundle
-    $ docker-compose up
-
 ## Build gem
 
     $ gem build jekyll-theme-mint.gemspec 

data/_includes/footer.html

@@ -1,5 +1,17 @@
 <footer class='footer'>
-  <ul class='footer__list'>
+  {% assign site_footer_pages = site.pages | where: 'is_footer', true %}
+
+  {% if site_footer_pages.size > 0 %}
+    <ul class='footer__list'>
+      {% for site_footer_page in site_footer_pages %}
+        <li class='footer__item'>
+          <a href='{{ site_footer_page.url | relative_url }}'>{{ site_footer_page.title | escape }}</a>
+        </li>
+      {% endfor %}
+    </ul>
+  {% endif %}
+
+  <ul class='footer__list footer__list--social'>
     {% if site.author %}
       {% if site.email %}
         <li class='footer__item'>

data/_includes/head.html

@@ -13,6 +13,18 @@
       <link rel='stylesheet' href='{{ '/assets/dark.css' | relative_url }}' media="(prefers-color-scheme: dark)">
   {% endcase %}
 
+  <style type='text/css' media='screen'>
+     :root {
+      {% if site.light-theme-accent-color %}
+        --light-theme-accent-color: {{ site.light-theme-accent-color }};
+      {% endif %}
+
+      {% if site.dark-theme-accent-color %}
+        --dark-theme-accent-color: {{ site.dark-theme-accent-color }};
+      {% endif %}
+     }
+  </style>
+
   {% feed_meta %}
   {% include google_analytics.html %}
 </head>

data/_includes/header.html

@@ -1,9 +1,11 @@
 <header class='header'>
+  <a class='header__title' href='{{ '/' | relative_url }}'>{{ site.title | escape }}</a>
   <nav class='header__nav'>
-    <a class='header__nav__item header__nav__item--title' href='{{ '/' | relative_url }}'>{{ site.title | escape }}</a>
-    {% for page in site.pages %}
-      {% if page.title %}
-        <a class='header__nav__item' href='{{ page.url | relative_url }}'>{{ page.title | escape }}</a>
+    {% assign site_pages = site.pages | where_exp: 'page', 'page.is_footer != true' %}
+
+    {% for site_page in site_pages %}
+      {% if site_page.title %}
+        <a class='header__nav__item {% if page.url == site_page.url %} is-active {% endif %}' href='{{ site_page.url | relative_url }}'>{{ site_page.title | escape }}</a>
       {% endif %}
     {% endfor %}
   </nav>

data/_sass/_layout.scss

@@ -21,6 +21,9 @@ body {
 }
 
 .header {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
   padding: 50px 0;
 }
 
@@ -29,20 +32,29 @@ body {
 }
 
 .header__nav {
-  display: flex;
-  align-items: baseline;
+  white-space: nowrap;
+  overflow: auto;
+  margin-top: 12px;
 }
 
-.header__nav__item {
-  display: inline-block;
+.header__nav__item,
+.header__title {
   text-decoration: none;
   font-size: 1rem;
   font-family: $serif-fonts;
-  color: $header-nav-color;
+  color: $header-color;
+}
+
+.header__nav__item {
+  margin-right: 20px;
+}
+
+.header__nav__item.is-active {
+  font-weight: bold;
 }
 
-.header__nav__item--title {
-  font-size: 1.55rem;
+.header__title {
+  font-size: 1.6rem;
   margin-right: 40px;
   font-weight: bold;
 }
@@ -78,6 +90,9 @@ body {
 }
 
 .footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   padding: 25px 0;
   font-size: .9rem;
   font-style: italic;
@@ -102,7 +117,20 @@ body {
   text-decoration: none;
 }
 
-.footer__item:nth-child(2):before {
+.footer__list .footer__item:after {
+  content: '|';
+  margin-left: 10px;
+}
+
+.footer__list .footer__item:last-child:after {
+  display: none;
+}
+
+.footer__list--social .footer__item:after {
+  display: none;
+}
+
+.footer__list--social .footer__item:nth-child(2):before {
   content: '|';
   margin-right: 10px;
 }

data/_sass/_post.scss

@@ -17,7 +17,7 @@
 }
 
 .post h1 {
-  font-size: 1.5em;
+  font-size: 1.6em;
   margin: 1.3em 0;
   line-height: 1.1em;
 }

data/_sass/_responsive.scss

@@ -9,6 +9,10 @@
 }
 
 @media screen and (max-width: 480px) {
+  .main {
+    margin: 40px 0 100px;
+  }
+
   .header {
     padding: 30px 0;
   }
@@ -21,4 +25,20 @@
   .header__nav__item--title {
     margin-right: 25px;
   }
+
+  .footer {
+    display: block;
+  }
+
+  .footer__list--social {
+    margin-top: 10px;
+  }
+
+  .header__nav__item {
+    margin-right: 15px;
+  }
+
+  .header__title {
+    margin-right: 30px;
+  }
 }

data/_sass/dark.scss

@@ -25,7 +25,7 @@ $black: #101010;
 // specific colors for page
 
 $body-bg-color: $black;
-$header-nav-color: $green;
+$header-color: var(--dark-theme-accent-color);
 $footer-color: $grey;
 $icon-color: $grey;
 
@@ -43,6 +43,10 @@ $post-blockquote-color: $white-darkest;
 $post-block-color: $white-dark;
 $post-block-bg-color: $grey-darkest;
 
+:root {
+  --dark-theme-accent-color: #{$green};
+}
+
 @import 'normalize';
 @import 'settings';
 @import 'layout';

data/_sass/light.scss

@@ -25,7 +25,7 @@ $white: #fff;
 // specific colors for page
 
 $body-bg-color: $white;
-$header-nav-color: $green;
+$header-color: var(--light-theme-accent-color);
 $footer-color: $grey;
 $icon-color: $grey;
 
@@ -44,6 +44,10 @@ $post-blockquote-color: $black-lightest;
 $post-block-color: $black-light;
 $post-block-bg-color: $grey-lightest;
 
+:root {
+  --light-theme-accent-color: #{$green};
+}
+
 @import 'normalize';
 @import 'settings';
 @import 'layout';

metadata

@@ -1,77 +1,77 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-mint
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.2.0
 platform: ruby
 authors:
 - aidewoode
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2019-07-09 00:00:00.000000000 Z
+date: 1980-01-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.8'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '3.8'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: jekyll-feed
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.11.0
+        version: 0.15.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.11.0
+        version: 0.15.0
 - !ruby/object:Gem::Dependency
   name: jekyll-seo-tag
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 2.5.0
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.5.0
+        version: 2.7.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 2.5.0
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.5.0
+        version: 2.7.0
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.16'
+        version: 2.1.4
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.16'
+        version: 2.1.4
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -86,7 +86,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '12.0'
-description: 
+description:
 email:
 - aidewoode@gmail.com
 executables: []
@@ -124,7 +124,7 @@ homepage: https://github.com/aidewoode/jekyll-theme-mint
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -139,8 +139,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.1
-signing_key: 
+rubygems_version: 3.1.3
+signing_key:
 specification_version: 4
 summary: A clean and responsive jekyll theme
 test_files: []