overkyll-jekyll-theme 0.5 → 0.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: bf000749f0f0d801143b9d2d8d5b87f0a61d0d28
-  data.tar.gz: cadfc3b06ded63c4082f6ae272ce22021e7232a0
+  metadata.gz: 077463d5e282da0fa25c28cd9e127114cefa7308
+  data.tar.gz: 6606a14ddcb690337ad554dc92b17151d058c3c9
 SHA512:
-  metadata.gz: 716ad7b3a34d7e8d77d2f9c6c937c9e4436059cc8c090523017cc667d47b741cce316fb79c975b75113578795e7fca0bd662e949e3e351d3a8d74888537d916a
-  data.tar.gz: 7a462259b9f206919d3f6e13be32886437306ab64c4223195514672e9a78bea1938a2e42fb1f1906740c0e21375b1d32b26d6dddfe7939597cb6c4c126fef9fd
+  metadata.gz: d36ccc42a7263a14520cfab28305bac0a6a2b0300f090557bf381f3a71787def541eb897ae0c267aa34483de7d5bcf7cc69786a7542f45a2dff900b3b0ec57a4
+  data.tar.gz: e3e25db6c5626ac86e585ef92f0835af55e0434430d2da48f272cf69b41a9c4636be823384a111eb71e0d3bb54a1a862f04dedf25a15129e8f318ef143262e43

data/README.md

@@ -1,5 +1,22 @@
 # Overkyll Jekyll Theme
 
+![Screenshot of Overkyll](screenshot.png)
+
+## Presentation
+
+Fast and light, it can be use for a small blog or as a theme for starting a bigger site. Find the code of [overkyll on Github](https://github.com/bertrandkeller/overkyll-jekyll-theme)
+
+It implements this differents technologies :
+
+ 1. [ITCSS](http://itcss.io/) architecture.
+ 2. [Modular scale](http://www.modularscale.com/) typography 
+ 3. [Unison JS](http://bjork24.github.io/Unison/) Unifying named breakpoints across CSS, JS, and HTML
+ 4. [LocalFont](https://jaicab.com/localFont/) Implement localStorage web font caching in seconds
+ 5. [LoadingCSS](https://github.com/filamentgroup/loadCSS) A function for loading CSS asynchronously
+ 6. [Overpass](http://overpassfont.org/) An open source webfont family inspired by Highway Gothic
+ 7. [Open Color](https://yeun.github.io/open-color/) Color optimized for UI like font, background, border, etc.
+ 8. [Css lock](https://fvsch.com/code/css-locks/) Progressive increasing fontsize - in canal and river navigation
+
 ## Install as Gem Theme
 
 Jekyll requires Ruby so make sure Ruby is installed before you begin.
@@ -8,7 +25,7 @@ Jekyll requires Ruby so make sure Ruby is installed before you begin.
 - Install Jekyll and Bundler
   - `gem install jekyll bundler`
 - Create a New Site
-  - `jekyl new mysite`
+  - `jekyll new mysite`
 - Move into that directory
   - `cd mysite`
 - Verify
@@ -34,7 +51,7 @@ Jekyll requires Ruby so make sure Ruby is installed before you begin.
   - Open `_config.yml` and change the line `theme: minima` to this:
     - `theme: overkyll-jekyll-theme`
 
-# Jekyll 2.x Method
+## Jekyll 2.x Method
 Jekyll requires Ruby so make sure Ruby is installed before you begin.
 
 - Download this site

data/_includes/header.html

@@ -1,9 +1,14 @@
 <div class="skip-links">
-  <a href="#main">Main content</a>
+  <a href="#main">Contenu principal</a>
 </div>
+{% for page in site.html_pages %}
+  {% if page.navigation %}
+    {% assign loopindex = loopindex | plus: 1 %}
+  {% endif %}
+{% endfor %}
 <header class="site-header" role="banner">
 
-  <div class="wrapper">
+  <div class="wrapper {% if loopindex <= 3 %}wrapper--flex{% endif %}">
 
     <div class="site-logo">
       <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
@@ -11,9 +16,9 @@
 
     <nav class="nav-main" role="navigation">
       <ul>
-        {% for page in site.pages %}
+        {% for page in site.html_pages %}
           {% if page.navigation %}
-          <li><a class="page-link" href="{{ page.url | relative_url }}">{{ page.title }}</a></li>
+          <li><a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a></li>
           {% endif %}
         {% endfor %}
       </ul>

data/_includes/localfont.js

@@ -1 +1 @@
-!function(){"use strict";function e(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent&&e.attachEvent("on"+t,n)}function t(e){return window.localStorage&&localStorage.font_css_cache&&localStorage.font_css_cache_file===e}function n(){if(window.localStorage&&window.XMLHttpRequest)if(t(o))c(localStorage.font_css_cache);else{var n=new XMLHttpRequest;n.open("GET",o,!0),e(n,"load",function(){4===n.readyState&&(c(n.responseText),localStorage.font_css_cache=n.responseText,localStorage.font_css_cache_file=o)}),n.send()}else{var a=document.createElement("link");a.href=o,a.rel="stylesheet",a.type="text/css",document.getElementsByTagName("head")[0].appendChild(a),document.cookie="font_css_cache"}}function c(e){var t=document.createElement("style");t.innerHTML=e,document.getElementsByTagName("head")[0].appendChild(t)}var o="/assets/css/font.css";window.localStorage&&localStorage.font_css_cache||document.cookie.indexOf("font_css_cache")>-1?n():e(window,"load",n)}();
+!function(){"use strict";function e(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent&&e.attachEvent("on"+t,n)}function t(e){return window.localStorage&&localStorage.font_css_cache&&localStorage.font_css_cache_file===e}function n(){if(window.localStorage&&window.XMLHttpRequest)if(t(o))c(localStorage.font_css_cache);else{var n=new XMLHttpRequest;n.open("GET",o,!0),e(n,"load",function(){4===n.readyState&&(c(n.responseText),localStorage.font_css_cache=n.responseText,localStorage.font_css_cache_file=o)}),n.send()}else{var a=document.createElement("link");a.href=o,a.rel="stylesheet",a.type="text/css",document.getElementsByTagName("head")[0].appendChild(a),document.cookie="font_css_cache";}}function c(e){var t=document.createElement("style");t.innerHTML=e,document.getElementsByTagName("head")[0].appendChild(t),document.getElementsByTagName("html")[0].className+=' font-loaded'}var o="/assets/css/font.css";window.localStorage&&localStorage.font_css_cache||document.cookie.indexOf("font_css_cache")>-1?n():e(window,"load",n)}();

data/_layouts/default.html

@@ -7,14 +7,12 @@ layout: default
 
   {% include head.html %}
 
-  <body itemscope itemtype="http://schema.org/WebPage">
+  <body class="page" itemscope itemtype="http://schema.org/WebPage">
 
     {% include header.html %}
 
-    <main id="main" class="page">
-      <div class="wrapper">
-        {{ content }}
-      </div>
+    <main id="main">
+      {{ content }}
     </main>
     <script src={{ "/assets/js/instantclick.min.js" | relative_url }}  data-no-instant></script>
     <script data-no-instant>

data/_layouts/home.html

@@ -0,0 +1,13 @@
+---
+layout: default
+---
+
+{% assign post = site.posts.first %}
+
+<section class="post wrapper">
+  <h1><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h1>
+  <p class="post-meta">{{ post.date | date: "%d/%m/%Y" }}</p>
+  {{ post.content | markdownify }}
+</section>
+
+{% include pagination.html %}

data/_layouts/page.html

@@ -2,12 +2,7 @@
 layout: default
 ---
 
-<h1>{{ page.title }}</h1>
-
-{{ content }}
-
-
-
-
-
-
+<div class="wrapper">
+  <h1>{{ page.title }}</h1>
+  {{ content }}
+</div>

data/_layouts/post.html

@@ -2,10 +2,12 @@
 layout: default
 ---
 
-<article class="post">
-  <h1 class="post-title">{{ page.title }}</h1>
-  <p class="post-meta">{{ page.date | date: "%d/%m/%Y" }}</p>
-  {{ content | markdownify }}
-</article>
+<div class="wrapper">
+  <article class="post">
+    <h1 class="post-title">{{ page.title }}</h1>
+    <p class="post-meta">{{ page.date | date: "%d/%m/%Y" }}</p>
+    {{ content | markdownify }}
+  </article>
 
-{% include pagination.html %}
+  {% include pagination.html %}
+</div>

data/assets/css/main.scss

@@ -1,4 +1,4 @@
 ---
 ---
 
-@import "{{ site.theme }}"; 
+@import "overkyll"; 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: overkyll-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: '0.5'
+  version: '0.8'
 platform: ruby
 authors:
 - bertrandkeller
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-10-27 00:00:00.000000000 Z
+date: 2017-06-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: '3.5'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: '3.5'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -44,14 +44,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '11.0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '10.0'
+        version: '11.0'
 description: 
 email:
 - bertrand.keller@gmail.com
@@ -74,25 +74,9 @@ files:
 - _includes/pagination.html
 - _layouts/compress.html
 - _layouts/default.html
+- _layouts/home.html
 - _layouts/page.html
 - _layouts/post.html
-- _sass/base/_base.scss
-- _sass/base/_font.scss
-- _sass/base/_layout.scss
-- _sass/base/_normalize.scss
-- _sass/config/_colors.scss
-- _sass/config/_mediaqueries.scss
-- _sass/config/_typography.scss
-- _sass/generic/_broken-images.scss
-- _sass/generic/_normalize-opentype.scss
-- _sass/generic/_print.scss
-- _sass/generic/_skiplink.scss
-- _sass/generic/_syntax-highlighting.scss
-- _sass/object/_header.scss
-- _sass/object/_pagination.scss
-- _sass/object/_posts.scss
-- _sass/overkyll-jekyll-theme.scss
-- _sass/tool/_utilities.scss
 - assets/css/font.css
 - assets/css/main.scss
 - assets/favicons/android-chrome-192x192.png
@@ -184,7 +168,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.7
+rubygems_version: 2.6.10
 signing_key: 
 specification_version: 4
 summary: A simple starter theme with an ITCSS Sass files organisation, a flexbox grid

data/_sass/base/_base.scss

@@ -1,168 +0,0 @@
-////
-/// Very basic styles
-////
-
-html,
-body {
-  box-sizing: border-box;
-}
-
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
-
-a {
-  text-decoration: underline;
-  color: $color-primary;
-}
-
-// a[href]:not([class]) {
-//   text-decoration: underline;
-//   color: $color-primary;
-// }
-
-
-
-// Images
-// -------------------------
-
-img {
-  max-width: 100%;
-  vertical-align: middle;
-}
-
-
-// Figures
-// -------------------------
-
-figure > img {
-  display: block;
-}
-
-figcaption {
-  font-size: $small;
-}
-
-// Links
-// -------------------------
-
-a {
-  text-decoration: underline;
-  color: palette(primary);
-  &:visited {
-    color: palette(primary);
-  }
-  &:hover {
-    text-decoration: underline;
-    color: palette(primary, dark);
-  }
-}
-
-// Lists
-// -------------------------
-
-ul,ol {
-  margin-bottom: $base-line;
-  li {
-    margin-bottom: 0.5rem;
-  }
-}
-
-// List options
-// -------------------------
-
-// Unstyled keeps list items block level, just removes default browser padding and list-style
-.list-unstyled {
-  padding-left: 0;
-  list-style: none;
-}
-
-// Inline turns list items into inline-block
-.list-inline {
-  @extend .list-unstyled;
-  margin-left: -5px;
-
-  > li {
-    display: inline-block;
-    padding-left: 5px;
-    padding-right: 5px;
-  }
-}
-
-// Description Lists
-// -------------------------
-
-dl {
-  margin-top: 0; // Remove browser default
-  margin-bottom: $line-height-computed;
-}
-dt,
-dd {
-  line-height: $line-height-base;
-}
-dt {
-  font-weight: bold;
-}
-dd {
-  margin-left: 0; // Undo browser default
-}
-
-// Blockquotes
-// -------------------------
-
-blockquote {
-  padding-left: $base-line / 2;
-  font-size: $base-em * $ms1;
-  letter-spacing: -1px;
-  color: $grey-color;
-  border-left: 4px solid $grey-color;
-  > :last-child {
-    margin-bottom: 0;
-  }
-}
-
-
-// Code formatting
-// -------------------------
-
-pre,
-code {
-  font-size: 15px;
-  border: 1px solid $grey-color-light;
-  border-radius: 3px;
-  background-color: #eef;
-}
-
-code {
-  padding: 1px 5px;
-}
-
-pre {
-  overflow-x: scroll;
-  padding: 8px 12px;
-  > code {
-    padding-right: 0;
-    padding-left: 0;
-    border: 0;
-  }
-}
-
-table {
-  width: 100%;
-  table-layout: fixed;
-  border: 1px solid #ccc;
-  > thead, > tbody, > tfoot {
-    > tr {
-      > th, > td {
-        border: 1px solid #ccc;
-      }
-    }
-  }
-  > thead > tr {
-    > th, > td {
-      border-bottom-width: 2px;
-    }
-  }
-}

data/_sass/base/_font.scss

@@ -1,31 +0,0 @@
-/* Webfont: Overpass-Bold */
-@font-face {
-    font-family: 'Overpass';
-    src: url('../fonts/Overpass-Bold.woff2') format('woff2');
-    font-style: normal;
-    font-weight: bold;
-}
-
-/* Webfont: Overpass-BoldItalic */
-@font-face {
-    font-family: 'Overpass';
-    src: url('../fonts/Overpass-Italic.woff2') format('woff2');
-    font-style: italic;
-    font-weight: normal;
-}
-
-/* Webfont: Overpass-Light */
-@font-face {
-    font-family: 'Overpass';
-    src: url('../fonts/Overpass-Light.woff2') format('woff2');
-    font-style: normal;
-    font-weight: normal;
-}
-
-/* Webfont: Overpass-ExtraLight */
-@font-face {
-    font-family: 'Overpass';
-    src: url('../fonts/Overpass-ExtraLight.woff2') format('woff2');
-    font-style: normal;
-    font-weight: 300;
-}