jekyll-theme-kagami 0.1.9 → 0.1.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9519b985559d00cd17536b8a5765c66340785f2c
-  data.tar.gz: 0ab019dafd70d6d683790d4312a1bd4554195041
+  metadata.gz: c165ac235a2f81854548e79aff7ca920cabc93c7
+  data.tar.gz: 365c5991d6f4bdfeda69de8e6cd333f35fe76009
 SHA512:
-  metadata.gz: 01cb2200b9862b0b286016b97ce6915d25385ba512b87c973f3eff34e80c2821e07931d9daa190a23f1f9be46bdd42b95710bd5add3e0ebe1aaab6f3842d499a
-  data.tar.gz: 1d7e832a297a9a1c1e97218823689ccf50c09c62a14dffd9a59c67c72189d617c331d6f0f7716f1dcb137ba3b784f872e984b651108db99faaf4a91ee585035b
+  metadata.gz: 5ab2936ddf2957ee85b4a8836844246ef97c21dd9bb4d39acb05d8cb034d450b069ddfb42ca5d02b80f8b6a2a0314a8af6e6f68ba383b03811683ddc67effd22
+  data.tar.gz: 2d3b0bba0373b86bd776ad9aac05085419aff48ea916c2bcaf7399acde4c54e40914835bfdff6d30dca0f4734bf0ca0db3b24840dbaa7d14bfb9fbfa981e4e9e

data/README.md

@@ -29,6 +29,19 @@ Or install it yourself as:
 
     $ gem install jekyll-theme-kagami
 
+### GitHub Pages
+
+Jekyll build is integrated with GitHub Pages with limited function. This section is intended for those who
+want to use the theme with GitHub Pages hosted sites.
+
+1. Download latest gem file from https://rubygems.org/gems/jekyll-theme-kagami
+2. Run `gem unpack [path-to-downloaded-gem-file] --target=.` on jekyll site project folder
+3. Delete the line `theme: ...` in `_config.yml`
+
+Zip archive downloaded from release page may not work because GitHub does not pack necessary files from submodules.
+
+Instruction 1 and 2 can also work when you decide to upgrade your installation.
+
 ## Usage
 
 ### Social account links

data/_includes/head.html

@@ -6,9 +6,10 @@
   <title>{% if page.title %}{{ page.title | append: " - " | append: site.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
   <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
 
-  <link rel="stylesheet" href="{{ "/assets/styles/core.css" | relative_url }}">
-  <link rel="stylesheet" href="{{ "/assets/styles/fontello.css" | relative_url }}">
-  <link rel="stylesheet" href="{{ page.color_scheme | default: site.color_scheme | default: "default" | prepend: "/assets/styles/highlighting/" | append: ".css" | relative_url }}">
+  {% assign v = site.time | date: "%Y%m%d%H%M%S" %}
+  <link rel="stylesheet" href="{{ "/assets/styles/core.css?v=" | append: v | relative_url }}">
+  <link rel="stylesheet" href="{{ "/assets/styles/fontello.css?v=" | append: v | relative_url }}">
+  <link rel="stylesheet" href="{{ page.color_scheme | default: site.color_scheme | default: "default" | prepend: "/assets/styles/highlighting/" | append: ".css?v=" | append: v | relative_url }}">
 
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">

data/_includes/header.html

@@ -1,14 +1,6 @@
 <header class="post-header">
   <a class="site-title" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
-  <h1 class="post-title">{{ page.title }}</h1>
-  <nav class="site-nav">
-    <div class="page-list">
-      {% assign sorted_pages = site.pages | where_exp: "page", "page.navlevel == 'header'" | sort: "position" %}
-      {% for my_page in sorted_pages %}
-      <a class="page-link" href="{{ my_page.url | relative_url }}" >{{ my_page.navtitle | default: my_page.title | escape }}</a>
-      {% endfor %}
-    </div>
-  </nav>
+  <h1 class="post-title" itemprop="name headline">{{ page.title | escape | replace: "​", "<wbr>" }}</h1>
 </header>
 
 {% if page.cover_url %}

data/_includes/site-nav.html

@@ -0,0 +1,6 @@
+<nav class="site-nav">
+  {% assign sorted_pages = site.pages | where_exp: "page", "page.navlevel == 'header'" | sort: "position" %}
+  {% for my_page in sorted_pages %}
+  <a class="page-link" href="{{ my_page.url | relative_url }}" >{{ my_page.navtitle | default: my_page.title | escape }}</a>
+  {% endfor %}
+</nav>

data/_layouts/page.html

@@ -2,8 +2,9 @@
 layout: default
 ---
 
-{% include header.html %}
+{% include site-nav.html %}
 
 <article class="page" lang="{{ page.lang | default: site.lang | default: "en" }}" itemscope itemtype="http://schema.org/BlogPosting">
+  {% include header.html %}
   {{ content }}
 </article>

data/_layouts/post-list.html

@@ -2,6 +2,8 @@
 layout: default
 ---
 
+{% include site-nav.html %}
+
 {% include header.html %}
 
 <ul class="post-list">

data/_layouts/post.html

@@ -1,21 +1,10 @@
 ---
 layout: default
 ---
-<article class="post" lang="{{ page.lang | default: site.lang | default: "en" }}" itemscope itemtype="http://schema.org/BlogPosting" >
 
-  <header class="post-header">
-    <a class="site-title" href="{{ "/" | relative_url  }}">{{ site.title | escape  }}</a>
-    <h1 class="post-title" itemprop="name headline">{{ page.title | escape | replace: "​", "<wbr>" }}</h1>
-  </header>
+<article class="post" lang="{{ page.lang | default: site.lang | default: "en" }}" itemscope itemtype="http://schema.org/BlogPosting" >
 
-  {% if page.cover_url %}
-  <div class="post-cover" aria-label="Cover">
-    <div class="post-cover-wrapper">
-      <img src="{{ page.cover_url }}" alt="" />
-    </div>
-    <div class="cover-meta">{{ page.cover_meta | markdownify }}</div>
-  </div>
-  {% endif %}
+  {% include header.html %}
 
   <div class="post-content" itemprop="articleBody">
     {{ content }}

data/_sass/kagami/_layout.scss

@@ -119,8 +119,25 @@ article {
   margin-bottom: $post-footer-spacing;
 }
 
+.site-nav {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: top;
+  justify-content: center;
+  margin-left: -$post-margin-width;
+  margin-right: -$post-margin-width;
+}
+
+@media screen and (min-width: $content-width) {
+  .site-nav {
+    height: 0;
+    justify-content: flex-end;
+  }
+}
+
 .page-link {
-  margin-right: 0.25em;
+  display: block;
+  padding: 0.5em;
 }
 
 .site-footer {

data/_sass/kagami/_typography.scss

@@ -8,6 +8,7 @@ body {
   font-size: font-size();
   font-weight: 300;
   font-kerning: normal;
+  border-top: 2px solid currentColor;
 }
 
 a, a:hover, a:visited {
@@ -126,6 +127,19 @@ article {
 
 .site-nav {
   font-size: 0.875em;
+  font-variant-caps: all-petite-caps;
+  letter-spacing: 0.12em;
+}
+
+.page-link {
+  transition: color 0.2s ease-in;
+}
+
+.site-nav:hover {
+  color: lighten($content-color, 50%);
+  .page-link:hover {
+    color: $content-color;
+  }
 }
 
 .post-title {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-kagami
 version: !ruby/object:Gem::Version
-  version: 0.1.9
+  version: 0.1.10
 platform: ruby
 authors:
 - kamikat
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-05-11 00:00:00.000000000 Z
+date: 2017-05-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -67,6 +67,7 @@ files:
 - _includes/head.html
 - _includes/header.html
 - _includes/retina-image.html
+- _includes/site-nav.html
 - _layouts/blank.html
 - _layouts/default.html
 - _layouts/home.html
@@ -101,7 +102,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.2
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: A peaceful theme for Jekyll and GitHub Pages.