hitchens-theme 0.6.1 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 00199f768dd2a8884cbdee668583704070033d9f
-  data.tar.gz: 60c49ecfe38ffdb679dd82760d6ff685e1403802
+SHA256:
+  metadata.gz: 2e844b3f6fe70e18374f9f9e25a60d738c2222bf525bda13241c6e46fcf931ae
+  data.tar.gz: a9bcc6ce3ebe128742d3ca4661f033aa7bfbfcab1dcaf1dfeb87b6413c3688ce
 SHA512:
-  metadata.gz: e93df35f9f9ed9bbda8897a509fed14cc1e9d847473a2080ec0d4845594633294c9ee4acf77a826918a4902995c4d4b56d1ea92a7d2afb7d439b193c3c52c867
-  data.tar.gz: 113501e825b201c901ccbf71d02e47e24c6c8e06811f07df7366bea60ce84e0a9c342c5ab3bfb443c53d5c0be6900d7bf31d0f5f939ca833d4e657d844680d3d
+  metadata.gz: 7962cd43f7857678d2e944deaefbfd230bf94301a4847fd34c70fa22df53d0a19823a1f205f34a9ac431ede6a0436bf1711806c872d64020a98bc4fed52cc5fc
+  data.tar.gz: d9d1b8e50c45c60553db5fc9e4db67ebe933a7b2b721535d789c3a9eab10fc2f95f816902604ada3ed7a80ade45b95bfefcf24b887cdf739087b70a17acf2a67

data/README.md

@@ -20,26 +20,33 @@ To get started quickly, follow the instructions below:
 3. Scroll down to the `GitHub Pages` section;
 4. Under `Source`, select the `Master` branch;
 5. Hit `Save`.
+6. Follow [Jekyll's instructions to configure your new Jekyll site](https://jekyllrb.com/docs/configuration/).
 
 ## Manual Installation
 
-If you're comfortable in the command line, add this line to your Jekyll site's `Gemfile`:
+If you've already created your Jekyll site or are comfortable with the command line, you can follow [Jekyll's Quickstart instructions](https://jekyllrb.com/docs/) add this line to your Jekyll site's `Gemfile`:
 
 ```ruby
 gem "hitchens-theme"
 ```
 
-And add this line to your Jekyll site's `_config.yml`:
+And add the following lines to your Jekyll site's `_config.yml`:
 
 ```yaml
 theme: hitchens-theme
 ```
 
-And then execute:
+Depending on your site's configuration, you may also need to add:
+
+```yaml
+ignore_theme_config: true
+```
+
+And then on the command line, execute:
 
     $ bundle
 
-Or install it yourself as:
+Or install the theme yourself as:
 
     $ gem install hitchens-theme
 
@@ -47,13 +54,13 @@ Or install it yourself as:
 
 ### Home Layout
 
-The `home` layout presents a list of articles ordered chronologically. All articles are presented in one page, similar to a book's table of contents.
+The `home` layout presents a list of articles ordered chronologically. The theme uses [Jekyll's built-in pagination](https://jekyllrb.com/docs/pagination/#enable-pagination) which can be configured in your `_config.yml` file.
 
 The masthead of the home page is derived from the `title` and `description` set in your site's `_config.yml` file.
 
 #### Navigation
 
-To include navigation in your site's masthead:
+To include a navigation menu in your site's masthead and footer:
 
 1. Create a `_data` directory in the root of your site.
 2. Add a `menu.yml` file to the `_data` directory.
@@ -154,7 +161,7 @@ hide_credits: true
 
 ### Search
 
-The theme uses a [custom DuckDuckGo Search Form](https://patdryburgh.com/blog/adding-a-custom-duckduckgo-search-bar-to-your-site/) that can be turned off by including the following line in your site's `_config.yml` file: 
+The theme uses a [custom DuckDuckGo Search Form](https://ddg.patdryburgh.com) that can be turned off by including the following line in your site's `_config.yml` file: 
 
 ```
 hide_search: true
@@ -182,7 +189,7 @@ The theme is setup just like a normal Jekyll site. To test the theme, run `bundl
 
 ## License
 
-The code for this theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT). 
+The code for this theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
 
 The font, EB Garamond, is Copyright 2017 The EB Garamond Project Authors and licensed under the [SIL Open Font License Version 1.1](https://github.com/patdryburgh/hitchens/blob/master/assets/fonts/OFL.txt).
 

data/_layouts/default.html

@@ -8,6 +8,8 @@
     
     <title>{{ site.title }}{% if page.title and page.title != "" %} &mdash; {{ page.title }}{% endif %}</title>
 
+    {% if site.description %}<meta name="description" content="{{ site.description }}">{% endif %}  
+
     <link rel="stylesheet" href="{{ '/assets/css/main.css' | absolute_url }}?{{ site.time | date: '%s%N' }}">
 
     <link rel="apple-touch-icon" href="{{ site.icon }}">

data/_layouts/home.html

@@ -8,6 +8,7 @@ layout: default
   {% include back-link.html %}
 {% else %}
   <header class="site-masthead">
+    {% include menu.html %}
     {% if site.title %}
       <h1>
         {{ site.title }}
@@ -18,7 +19,6 @@ layout: default
         {{ site.description }}
       </h2>
     {% endif %}
-    {% include menu.html %}
   </header>
 {% endif %}
 

data/_sass/_article.scss

@@ -1,3 +1,11 @@
+.post {
+  background: white;
+  margin: 2em auto;
+  max-width: 60rem;
+  padding: 2em 0;
+  box-shadow: 12px 18px 24px rgba(darken($brand-color, 50%), .1);
+}
+
 .post > * {
   margin-left: auto;
   margin-right: auto;

data/_sass/_base.scss

@@ -1,4 +1,5 @@
 body {
+  background: $brand-color;
   color: $text-color;
   font-family: $font-family;
   font-size: 1.3125em;
@@ -151,7 +152,6 @@ figcaption {
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
-  transition: all .125s ease-in-out;
   &:hover,
   &:focus {
     background: lighten($brand-color, 2.5%);

data/_sass/_font.scss

@@ -3,6 +3,7 @@
   font-family: 'EB Garamond';
   font-style: normal;
   font-weight: 400;
+  font-display: auto;
   src: url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.eot'); /* IE9 Compat Modes */
   src: local('EB Garamond Regular'), local('EBGaramond-Regular'),
        url('#{$asset_url}/fonts/eb-garamond-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

data/_sass/_masthead.scss

@@ -1,23 +1,14 @@
 .site-masthead {
-  background: $brand-color;
   box-sizing: border-box;
-  min-height: 50vh;
-  padding: 2em;
   position: relative;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
   text-align: center;
-  @media screen and (min-width: $on-laptop) {
-    padding: 6em 2em;
-  } 
 }
 
 .site-masthead h1 {
   font-size: 3em;
   margin-bottom: 0;
-  margin-top: 0;
+  margin-top: 1em;
+  padding: 0 2rem;
   @media (min-width: $on-tablet) {
     font-size: 6em;
   }
@@ -27,6 +18,7 @@
   color: $muted-text-color;
   font-size: 1.25em;
   margin: 0;
+  padding: 0 2rem;
   @media (min-width: $on-tablet) {
     font-size: 3em;
   }

data/_sass/_menu.scss

@@ -1,6 +1,12 @@
 .site-navigation {
   margin-top: 2rem;
   padding: 0 1rem;
+  &:hover,
+  &:focus-within {
+    a {
+      opacity: .7;
+    }
+  }
 }
 
 .site-navigation ul {
@@ -24,8 +30,9 @@
   display: block;
   padding: .25em .5em;
   text-decoration: none;
+  transition: opacity .125s ease-in-out;
   &:hover,
   &:focus {
-    text-decoration: underline;
+    opacity: 1;
   }
 }

data/_sass/_post-list.scss

@@ -1,6 +1,12 @@
 .post-list {
   margin: 1em 0;
   list-style: none;
+  &:hover,
+  &:focus-within {
+    .post-link {
+      opacity: .6;
+    }
+  }
 }
 
 .post-list li {
@@ -13,9 +19,10 @@
   flex-direction: column-reverse;
   text-decoration: none;
   padding: .25em;
+  transition: opacity .125s ease-in-out;
   &:hover,
   &:focus {
-    background: $highlight;
+    opacity: 1 !important;
   }
   @media (min-width: $on-tablet) {
     display: flex;
@@ -56,12 +63,19 @@
     flex-basis: 0;
     padding: 1em 0;
   }
+  &:hover,
+  &:focus-within {
+    a {
+      opacity: .6;
+    }
+  }
   a {
     text-decoration: none;
     text-transform: uppercase;
+    transition: opacity .125s ease-in-out;
     &:hover,
     &:focus {
-      text-decoration: underline;
+      opacity: 1;
     }
   }
 }

data/_sass/_search.scss

@@ -5,6 +5,7 @@
 }
 
 #search__input {
+  background: transparent;
   border: 0;
   font: 1em $font-family;
   padding: .5em;
@@ -17,4 +18,17 @@
 
 #search button[type="submit"] {
   display: none;
+}
+
+::-webkit-input-placeholder {
+  color: $muted-text-color;
+}
+::-moz-placeholder {
+  color: $muted-text-color;
+}
+:-ms-input-placeholder {
+  color: $muted-text-color;
+}
+:-moz-placeholder {
+  color: $muted-text-color;
 }

data/_sass/_variables.scss

@@ -1,10 +1,10 @@
-$brand-color:         #f2e300;
+$brand-color:         #fede00;
 $highlight:           lighten($brand-color, 35%);
 $text-color:          #0b0404;
-$muted-text-color:    #79785b;
+$muted-text-color:    #64644B;
 $font-family:         "EB Garamond", Garamond, "Times New Roman", serif;
 
 $on-bigphone:         375px;
 $on-tablet:           768px;
-$on-laptop:           928px;
-$on-desktop:          1024px;
+$on-laptop:           960px;
+$on-desktop:          1200px;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hitchens-theme
 version: !ruby/object:Gem::Version
-  version: 0.6.1
+  version: 0.8.0
 platform: ruby
 authors:
 - Pat Dryburgh
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2018-10-25 00:00:00.000000000 Z
+date: 2020-10-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -16,28 +16,28 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.8'
+        version: '4.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.8'
+        version: '4.0'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.16'
+        version: '2.1'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.16'
+        version: '2.1'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -52,7 +52,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '12.0'
-description: 
+description:
 email:
 - hello@patdryburgh.com
 executables: []
@@ -97,7 +97,7 @@ homepage: https://github.com/patdryburgh/hitchens
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -112,9 +112,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.5.1
-signing_key: 
+rubygems_version: 3.1.4
+signing_key:
 specification_version: 4
 summary: An inarguably well-designed theme for Jekyll.
 test_files: []