├── .gitignore ├── Gemfile ├── LICENSE ├── README.md ├── _config.yml ├── _includes ├── base.scss ├── favicons.html ├── head.html ├── header.html ├── icon-github.html ├── icon-github.svg ├── icon-twitter.html ├── icon-twitter.svg ├── loadCSS.js ├── localfont.js └── pagination.html ├── _layouts ├── compress.html ├── default.html ├── home.html ├── page.html └── post.html ├── _posts └── 2017-02-09-welcome-to-jekyll.markdown ├── _sass ├── overkyll-jekyll-theme.scss └── overkyll │ ├── base │ ├── _base.scss │ ├── _font.scss │ ├── _layout.scss │ └── _normalize.scss │ ├── config │ ├── _colors.scss │ ├── _mediaqueries.scss │ ├── _open-color.scss │ └── _typography.scss │ ├── generic │ ├── _broken-images.scss │ ├── _normalize-opentype.scss │ ├── _print.scss │ ├── _skiplink.scss │ └── _syntax-highlighting.scss │ ├── object │ ├── _header.scss │ ├── _navigation.scss │ ├── _pagination.scss │ └── _posts.scss │ ├── overkyll.scss │ └── tool │ └── _utilities.scss ├── about.md ├── archives.md ├── assets ├── css │ ├── font.css │ └── main.scss ├── favicons │ ├── android-chrome-192x192.png │ ├── android-icon-144x144.png │ ├── android-icon-192x192.png │ ├── android-icon-36x36.png │ ├── android-icon-48x48.png │ ├── android-icon-72x72.png │ ├── android-icon-96x96.png │ ├── apple-icon-114x114.png │ ├── apple-icon-120x120.png │ ├── apple-icon-144x144.png │ ├── apple-icon-152x152.png │ ├── apple-icon-180x180.png │ ├── apple-icon-57x57.png │ ├── apple-icon-60x60.png │ ├── apple-icon-72x72.png │ ├── apple-icon-76x76.png │ ├── apple-icon-precomposed.png │ ├── apple-icon.png │ ├── browserconfig.xml │ ├── favicon-16x16.png │ ├── favicon-32x32.png │ ├── favicon-96x96.png │ ├── favicon.ico │ ├── manifest.json │ ├── ms-icon-144x144.png │ ├── ms-icon-150x150.png │ ├── ms-icon-310x310.png │ └── ms-icon-70x70.png ├── fonts │ ├── Overpass-Bold-Italic.eot │ ├── Overpass-Bold-Italic.svg │ ├── Overpass-Bold-Italic.ttf │ ├── Overpass-Bold-Italic.woff │ ├── Overpass-Bold-Italic.woff2 │ ├── Overpass-Bold.eot │ ├── Overpass-Bold.svg │ ├── Overpass-Bold.ttf │ ├── Overpass-Bold.woff │ ├── Overpass-Bold.woff2 │ ├── Overpass-ExtraLight-Italic.eot │ ├── Overpass-ExtraLight-Italic.svg │ ├── Overpass-ExtraLight-Italic.ttf │ ├── Overpass-ExtraLight-Italic.woff │ ├── Overpass-ExtraLight.eot │ ├── Overpass-ExtraLight.svg │ ├── Overpass-ExtraLight.ttf │ ├── Overpass-ExtraLight.woff │ ├── Overpass-ExtraLight.woff2 │ ├── Overpass-Italic.eot │ ├── Overpass-Italic.svg │ ├── Overpass-Italic.ttf │ ├── Overpass-Italic.woff │ ├── Overpass-Italic.woff2 │ ├── Overpass-Light-Italic.eot │ ├── Overpass-Light-Italic.svg │ ├── Overpass-Light-Italic.ttf │ ├── Overpass-Light-Italic.woff │ ├── Overpass-Light-Italic.woff2 │ ├── Overpass-Light.eot │ ├── Overpass-Light.svg │ ├── Overpass-Light.ttf │ ├── Overpass-Light.woff │ ├── Overpass-Light.woff2 │ ├── Overpass-Regular.eot │ ├── Overpass-Regular.svg │ ├── Overpass-Regular.ttf │ ├── Overpass-Regular.woff │ ├── Overpass-Regular.woff2 │ └── recommended.css └── js │ └── instantclick.min.js ├── feed.xml ├── index.md └── screenshot.png /.gitignore: -------------------------------------------------------------------------------- 1 | *.gem 2 | *.sublime-project 3 | *.sublime-workspace 4 | .bundle 5 | .DS_Store 6 | .jekyll-metadata 7 | .sass-cache 8 | _asset_bundler_cache 9 | _site 10 | codekit-config.json 11 | Gemfile.lock 12 | node_modules 13 | npm-debug.log* -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | require 'json' 4 | require 'open-uri' 5 | 6 | group :development do 7 | gem 'foreman' 8 | gem 'octopress-autoprefixer' 9 | end 10 | 11 | group :test do 12 | gem 'rake', '~> 11.0.0' 13 | gem 'html-proofer', '~> 3.0.0' 14 | end 15 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Bertrand Keller 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Overkyll Jekyll Theme 2 | 3 | ![Screenshot of Overkyll](https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/gh-pages/screenshot.png 4 | ) 5 | 6 | ## Presentation 7 | 8 | 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) 9 | 10 | It implements this differents technologies : 11 | 12 | 1. [ITCSS](http://itcss.io/) architecture. 13 | 2. [Modular scale](http://www.modularscale.com/) typography 14 | 3. [Unison JS](http://bjork24.github.io/Unison/) Unifying named breakpoints across CSS, JS, and HTML 15 | 4. [LocalFont](https://jaicab.com/localFont/) Implement localStorage web font caching in seconds 16 | 5. [LoadingCSS](https://github.com/filamentgroup/loadCSS) A function for loading CSS asynchronously 17 | 6. [Overpass](http://overpassfont.org/) An open source webfont family inspired by Highway Gothic 18 | 7. [Open Color](https://yeun.github.io/open-color/) Color optimized for UI like font, background, border, etc. 19 | 8. [Css lock](https://fvsch.com/code/css-locks/) Progressive increasing fontsize - in canal and river navigation 20 | 21 | ## Install as Gem Theme 22 | 23 | Jekyll requires Ruby so make sure Ruby is installed before you begin. 24 | 25 | ### Start a New Site 26 | - Install Jekyll and Bundler 27 | - `gem install jekyll bundler` 28 | - Create a New Site 29 | - `jekyll new mysite` 30 | - Move into that directory 31 | - `cd mysite` 32 | - Verify 33 | - Run `bundle exec jekyll serve` 34 | - Browse to [http://localhost:4000](http://localhost:4000) 35 | - Download Overkyll Theme 36 | - Replace the line `gem "minima"` with this: 37 | - `gem "overkyll-jekyll-theme"` 38 | - Run `bundle install` 39 | - Tell Jekyll to use Overkyll Theme 40 | - Open `_config.yml` and change the line `theme: minima` to this: 41 | - `theme: overkyll-jekyll-theme` 42 | 43 | 44 | ### Migrate an Existing Site 45 | **NOTE** This requires you to be upgraded to at least Jekyll 3.3 which added support for themes and assets. 46 | 47 | - Download Overkyll Theme 48 | - Replace the line `gem "minima"` with this: 49 | - `gem "overkyll-jekyll-theme"` 50 | - Run `bundle install` 51 | - Tell Jekyll to use Overkyll Theme 52 | - Open `_config.yml` and change the line `theme: minima` to this: 53 | - `theme: overkyll-jekyll-theme` 54 | 55 | ## Jekyll 2.x Method 56 | Jekyll requires Ruby so make sure Ruby is installed before you begin. 57 | 58 | - Download this site 59 | - `git clone https://github.com/bertrandkeller/overkyll-jekyll-theme.git` 60 | - Move into its directory 61 | - `cd overkyll-jekyll-theme` 62 | - Install Required Gems 63 | - `bundle install` 64 | - Verify 65 | - Run `bundle exec jekyll serve` 66 | - Browse to [http://localhost:4000](http://localhost:4000) 67 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Welcome to Jekyll! 2 | # 3 | # This config file is meant for settings that affect your whole blog, values 4 | # which you are expected to set up once and rarely edit after that. If you find 5 | # yourself editing these this file very often, consider using Jekyll's data files 6 | # feature for the data you need to update frequently. 7 | # 8 | # For technical reasons, this file is *NOT* reloaded automatically when you use 9 | # 'jekyll serve'. If you change this file, please restart the server process. 10 | 11 | # Site settings 12 | # These are used to personalize your new site. If you look in the HTML files, 13 | # you will see them accessed via {{ site.title }}, {{ site.email }}, and so on. 14 | # You can create any custom variable you would like, and they will be accessible 15 | # in the templates via {{ site.myvariable }}. 16 | title: Overkyll 17 | email: your-email@domain.com 18 | description: > # this means to ignore newlines until "baseurl:" 19 | Write an awesome description for your new site here. You can edit this 20 | line in _config.yml. It will appear in your document head meta (for 21 | Google search results) and in your feed.xml site description. 22 | baseurl: "/overkyll-jekyll-theme" # the subpath of your site, e.g. /blog 23 | url: "" # the base hostname & protocol for your site 24 | twitter_username: bertrandkeller 25 | github_username: bertrandkeller 26 | -------------------------------------------------------------------------------- /_includes/base.scss: -------------------------------------------------------------------------------- 1 | //// 2 | /// Very basic style 3 | //// 4 | //// Import partials from `sass_dir` (defaults to `_sass`) 5 | 6 | @import "overkyll/config/open-color"; 7 | @import "overkyll/config/colors"; 8 | @import "overkyll/config/mediaqueries"; 9 | @import "overkyll/config/typography"; 10 | @import "overkyll/base/normalize"; 11 | @import "overkyll/base/base"; 12 | @import "overkyll/base/layout"; 13 | @import "overkyll/base/font"; 14 | @import "overkyll/generic/skiplink"; 15 | @import "overkyll/object/header"; 16 | @import "overkyll/object/navigation"; -------------------------------------------------------------------------------- /_includes/favicons.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} 10 | 11 | 12 | 18 | 23 | 24 | {% include favicons.html %} 25 | 26 | -------------------------------------------------------------------------------- /_includes/header.html: -------------------------------------------------------------------------------- 1 |
2 | Contenu principal 3 |
4 | 22 | -------------------------------------------------------------------------------- /_includes/icon-github.html: -------------------------------------------------------------------------------- 1 | {% include icon-github.svg %}{{ include.username }} 2 | -------------------------------------------------------------------------------- /_includes/icon-github.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /_includes/icon-twitter.html: -------------------------------------------------------------------------------- 1 | {% include icon-twitter.svg %}{{ include.username }} 2 | -------------------------------------------------------------------------------- /_includes/icon-twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /_includes/loadCSS.js: -------------------------------------------------------------------------------- 1 | /* 2 | loadCSS: load a CSS file asynchronously. 3 | [c]2015 @scottjehl, Filament Group, Inc. 4 | Licensed MIT 5 | */ 6 | (function(w){ 7 | "use strict"; 8 | /* exported loadCSS */ 9 | w.loadCSS = function( href, before, media ){ 10 | // Arguments explained: 11 | // `href` [REQUIRED] is the URL for your CSS file. 12 | // `before` [OPTIONAL] is the element the script should use as a reference for injecting our stylesheet before 13 | // By default, loadCSS attempts to inject the link after the last stylesheet or script in the DOM. However, you might desire a more specific location in your document. 14 | // `media` [OPTIONAL] is the media type or query of the stylesheet. By default it will be 'all' 15 | var ss = w.document.createElement( "link" ); 16 | var ref; 17 | if( before ){ 18 | ref = before; 19 | } 20 | else if( w.document.querySelectorAll ){ 21 | var refs = w.document.querySelectorAll( "style,link[rel=stylesheet],script" ); 22 | // No need to check length. This script has a parent element, at least 23 | ref = refs[ refs.length - 1]; 24 | } 25 | else { 26 | ref = w.document.getElementsByTagName( "script" )[ 0 ]; 27 | } 28 | 29 | var sheets = w.document.styleSheets; 30 | ss.rel = "stylesheet"; 31 | ss.href = href; 32 | // temporarily set media to something inapplicable to ensure it'll fetch without blocking render 33 | ss.media = "only x"; 34 | 35 | // Inject link 36 | // Note: the ternary preserves the existing behavior of "before" argument, but we could choose to change the argument to "after" in a later release and standardize on ref.nextSibling for all refs 37 | // Note: `insertBefore` is used instead of `appendChild`, for safety re: http://www.paulirish.com/2011/surefire-dom-element-insertion/ 38 | ref.parentNode.insertBefore( ss, ( before ? ref : ref.nextSibling ) ); 39 | // A method (exposed on return object for external use) that mimics onload by polling until document.styleSheets until it includes the new sheet. 40 | ss.onloadcssdefined = function( cb ){ 41 | var defined; 42 | for( var i = 0; i < sheets.length; i++ ){ 43 | if( sheets[ i ].href && sheets[ i ].href === ss.href ){ 44 | defined = true; 45 | } 46 | } 47 | if( defined ){ 48 | cb(); 49 | } else { 50 | setTimeout(function() { 51 | ss.onloadcssdefined( cb ); 52 | }); 53 | } 54 | }; 55 | 56 | // once loaded, set link's media back to `all` so that the stylesheet applies once it loads 57 | ss.onloadcssdefined(function() { 58 | ss.media = media || "all"; 59 | }); 60 | return ss; 61 | }; 62 | }(this)); 63 | -------------------------------------------------------------------------------- /_includes/localfont.js: -------------------------------------------------------------------------------- 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),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)}(); 2 | -------------------------------------------------------------------------------- /_includes/pagination.html: -------------------------------------------------------------------------------- 1 | {% if page.previous || page.next %} 2 | 3 | 22 | {% endif %} 23 | 24 | 25 | -------------------------------------------------------------------------------- /_layouts/compress.html: -------------------------------------------------------------------------------- 1 | --- 2 | # Jekyll layout that compresses HTML 3 | # v3.0.2 4 | # http://jch.penibelst.de/ 5 | # © 2014–2015 Anatol Broder 6 | # MIT License 7 | --- 8 | 9 | {% capture _LINE_FEED %} 10 | {% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "" %}{% endif %}{% unless _pre_before contains "" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " ;; ;" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %}
Step Bytes
raw {{ content | size }}{% if _profile_endings %}
endings {{ _profile_endings }}{% endif %}{% if _profile_startings %}
startings {{ _profile_startings }}{% endif %}{% if _profile_comments %}
comments {{ _profile_comments }}{% endif %}{% if _profile_collapse %}
collapse {{ _profile_collapse }}{% endif %}{% if _profile_clippings %}
clippings {{ _profile_clippings }}{% endif %}
{% endif %}{% endif %} 11 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% include head.html %} 5 | 6 | 7 | 8 | {% include header.html %} 9 | 10 |
11 | {{ content }} 12 |
13 | 14 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /_layouts/home.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | {% assign post = site.posts.first %} 6 | 7 |
8 |

{{ post.title }}

9 |

{{ post.date | date: "%d/%m/%Y" }}

10 | {{ post.content | markdownify }} 11 |
12 | 13 | {% include pagination.html %} 14 | -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
6 |

{{ page.title }}

7 | {{ content }} 8 |
-------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
6 |
7 |

{{ page.title }}

8 |

{{ page.date | date: "%d/%m/%Y" }}

9 | {{ content | markdownify }} 10 |
11 | 12 | {% include pagination.html %} 13 |
14 | -------------------------------------------------------------------------------- /_posts/2017-02-09-welcome-to-jekyll.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: "Welcome to the overkyll jekyll theme" 4 | date: 2017-02-09 12:16:22 +0200 5 | --- 6 | 7 | Very minimal starter theme for Jekyll. 8 | 9 | ## Overkyll jekyll theme ## 10 | 11 | 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) 12 | 13 | It implements this differents technologies : 14 | 15 | 1. [ITCSS][itcss] architecture. 16 | 2. [Modular scale][modular-scale] typography 17 | 3. [Unison JS][unison] Unifying named breakpoints across CSS, JS, and HTML 18 | 4. [LocalFont][localFont] Implement localStorage web font caching in seconds 19 | 5. [LoadingCSS][loadingCSS] A function for loading CSS asynchronously 20 | 6. [Overpass][overpass] An open source webfont family inspired by Highway Gothic 21 | 7. [Open Color][opencolor] Color optimized for UI like font, background, border, etc. 22 | 8. [Css lock][csslock] Progressive increasing fontsize - in canal and river navigation 23 | 24 | 25 | An Archive page list all the posts by year. 26 | 27 | ## Jekyll 28 | 29 | Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk]. 30 | 31 | [jekyll-docs]: http://jekyllrb.com/docs/home 32 | [jekyll-gh]: https://github.com/jekyll/jekyll 33 | [jekyll-talk]: https://talk.jekyllrb.com/ 34 | [itcss]: http://itcss.io/ 35 | [modular-scale]: http://www.modularscale.com/ 36 | [unison]: http://bjork24.github.io/Unison/ 37 | [localFont]: https://jaicab.com/localFont/ 38 | [loadingCSS]: https://github.com/filamentgroup/loadCSS 39 | [overpass]: http://overpassfont.org/ 40 | [opencolor]: https://yeun.github.io/open-color/ 41 | [csslock]: https://fvsch.com/code/css-locks/ 42 | 43 | -------------------------------------------------------------------------------- /_sass/overkyll-jekyll-theme.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | // Import partials from `sass_dir` (defaults to `_sass`) 4 | 5 | $base-font-name: Overpass; 6 | $title-font-name: Overpass; 7 | 8 | // Configuration 9 | @import "overkyll/overkyll"; 10 | 11 | -------------------------------------------------------------------------------- /_sass/overkyll/base/_base.scss: -------------------------------------------------------------------------------- 1 | //// 2 | /// Very basic styles 3 | //// 4 | 5 | html, 6 | body { 7 | box-sizing: border-box; 8 | margin: 0; 9 | } 10 | 11 | *, 12 | *:before, 13 | *:after { 14 | box-sizing: inherit; 15 | } 16 | 17 | // Images 18 | // ------------------------- 19 | 20 | img { 21 | max-width: 100%; 22 | height: auto; 23 | vertical-align: middle; 24 | border: 0; 25 | -ms-interpolation-mode: bicubic; 26 | } 27 | 28 | // We need to revert these for Google maps cause else it breaks! 29 | %img--no-max, 30 | .img--no-max { 31 | max-width: none; 32 | } 33 | 34 | 35 | // Figures 36 | // ------------------------- 37 | 38 | figure > img { 39 | display: block; 40 | } 41 | 42 | figcaption { 43 | font-size: $smaller; 44 | } 45 | 46 | // iFrame 47 | // ------------------------- 48 | 49 | 50 | iframe, 51 | embed, 52 | object, 53 | video { 54 | max-width: 100%; 55 | } 56 | 57 | // Links 58 | // ------------------------- 59 | 60 | a { 61 | text-decoration: underline; 62 | color: $link-color; 63 | &:visited { 64 | color: $link-color; 65 | } 66 | &:hover { 67 | text-decoration: none; 68 | } 69 | &:focus { 70 | outline: thin dotted; 71 | } 72 | &:hover, &:active { 73 | outline: none; 74 | } 75 | } 76 | 77 | // Lists 78 | // ------------------------- 79 | 80 | ul,ol { 81 | margin-bottom: $base-line; 82 | li { 83 | margin-bottom: 0.5rem; 84 | } 85 | } 86 | 87 | // List options 88 | // ------------------------- 89 | 90 | // Unstyled keeps list items block level, just removes default browser padding and list-style 91 | .list-unstyled { 92 | padding-left: 0; 93 | list-style: none; 94 | } 95 | 96 | // Inline turns list items into inline-block 97 | .list-inline { 98 | @extend .list-unstyled; 99 | 100 | > li { 101 | display: inline-block; 102 | margin: 0 -5px 0 0; 103 | } 104 | } 105 | 106 | // Description Lists 107 | // ------------------------- 108 | 109 | dl { 110 | margin-top: 0; // Remove browser default 111 | margin-bottom: $base-line; 112 | } 113 | 114 | dt, 115 | dd { 116 | line-height: $line-height-base; 117 | } 118 | 119 | dt { 120 | font-weight: bold; 121 | } 122 | 123 | dd { 124 | margin-left: 0; // Undo browser default 125 | } 126 | 127 | // Blockquotes 128 | // ------------------------- 129 | 130 | blockquote, 131 | blockquote p, 132 | q { 133 | color: $color-grey; 134 | } 135 | 136 | blockquote { 137 | padding-left: $base-line / 2; 138 | font-size: $base-em * $ms1; 139 | letter-spacing: -1px; 140 | border-left: 4px solid $color-grey; 141 | > :last-child { 142 | margin-bottom: 0; 143 | } 144 | } 145 | 146 | blockquote cite { 147 | display: block; 148 | color: $color-grey-dark; 149 | } 150 | 151 | blockquote cite:before { 152 | content: "\2014 \0020"; 153 | } 154 | 155 | blockquote cite a, 156 | blockquote cite a:visited { 157 | color: $color-grey-dark; 158 | } 159 | 160 | 161 | // Code formatting 162 | // ------------------------- 163 | 164 | pre, 165 | code { 166 | font-size: 15px; 167 | border: 1px solid $color-grey-light; 168 | border-radius: 3px; 169 | background-color: #eef; 170 | } 171 | 172 | code { 173 | padding: 1px 5px; 174 | } 175 | 176 | pre { 177 | overflow-x: scroll; 178 | padding: 8px 12px; 179 | > code { 180 | padding-right: 0; 181 | padding-left: 0; 182 | border: 0; 183 | } 184 | } 185 | 186 | table { 187 | width: 100%; 188 | table-layout: fixed; 189 | border: 1px solid #ccc; 190 | > thead, > tbody, > tfoot { 191 | > tr { 192 | > th, > td { 193 | border: 1px solid #ccc; 194 | } 195 | } 196 | } 197 | > thead > tr { 198 | > th, > td { 199 | border-bottom-width: 2px; 200 | } 201 | } 202 | } -------------------------------------------------------------------------------- /_sass/overkyll/base/_font.scss: -------------------------------------------------------------------------------- 1 | 2 | /*! system-font.css v1.1.0 | CC0-1.0 License | github.com/jonathantneal/system-font-face */ 3 | 4 | @font-face { 5 | font-family: system; 6 | font-style: normal; 7 | font-weight: 300; 8 | src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); 9 | } 10 | 11 | @font-face { 12 | font-family: system; 13 | font-style: italic; 14 | font-weight: 300; 15 | src: local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma"); 16 | } 17 | 18 | @font-face { 19 | font-family: system; 20 | font-style: normal; 21 | font-weight: 400; 22 | src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma"); 23 | } 24 | 25 | @font-face { 26 | font-family: system; 27 | font-style: italic; 28 | font-weight: 400; 29 | src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); 30 | } 31 | 32 | @font-face { 33 | font-family: system; 34 | font-style: normal; 35 | font-weight: 500; 36 | src: local(".SFNSText-Medium"), local(".HelveticaNeueDeskInterface-MediumP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold"), local("Ubuntu Medium"), local("Roboto-Medium"), local("DroidSans-Bold"), local("Tahoma Bold"); 37 | } 38 | 39 | @font-face { 40 | font-family: system; 41 | font-style: italic; 42 | font-weight: 500; 43 | src: local(".SFNSText-MediumItalic"), local(".HelveticaNeueDeskInterface-MediumItalicP4"), local(".LucidaGrandeUI"), local("Segoe UI Semibold Italic"), local("Ubuntu Medium Italic"), local("Roboto-MediumItalic"), local("DroidSans-Bold"), local("Tahoma Bold"); 44 | } 45 | 46 | @font-face { 47 | font-family: system; 48 | font-style: normal; 49 | font-weight: 700; 50 | src: local(".SFNSText-Bold"), local(".HelveticaNeueDeskInterface-Bold"), local(".LucidaGrandeUI"), local("Segoe UI Bold"), local("Ubuntu Bold"), local("Roboto-Bold"), local("DroidSans-Bold"), local("Tahoma Bold"); 51 | } 52 | 53 | @font-face { 54 | font-family: system; 55 | font-style: italic; 56 | font-weight: 700; 57 | src: local(".SFNSText-BoldItalic"), local(".HelveticaNeueDeskInterface-BoldItalic"), local(".LucidaGrandeUI"), local("Segoe UI Bold Italic"), local("Ubuntu Bold Italic"), local("Roboto-BoldItalic"), local("DroidSans-Bold"), local("Tahoma Bold"); 58 | } -------------------------------------------------------------------------------- /_sass/overkyll/base/_layout.scss: -------------------------------------------------------------------------------- 1 | //// 2 | /// Layout 3 | //// 4 | 5 | $layout-max-width: 40em !default; 6 | $column-gutter: $base-em; 7 | $column-number: 4 !default; 8 | 9 | // Page & Wrapper 10 | // ------------------------- 11 | 12 | .page { 13 | padding-bottom: $base-line*4; 14 | } 15 | 16 | .page, .wrapper { 17 | margin-right: auto; 18 | margin-left: auto; 19 | max-width: 100%; 20 | } 21 | 22 | .wrapper { 23 | padding-right: $base-line; 24 | padding-left: $base-line; 25 | max-width: $layout-max-width; 26 | } 27 | 28 | // Grid 29 | // ------------------------- 30 | 31 | @mixin grid($column-number:$column-number, $column-gutter:$column-gutter) { 32 | display: grid; 33 | grid-template-columns: repeat(auto-fill, minmax($layout-max-width/($column-number+1), 1fr)); 34 | grid-gap: 2vmin; 35 | margin-bottom: $base-line; 36 | } 37 | 38 | .grid { 39 | @include grid(); 40 | } -------------------------------------------------------------------------------- /_sass/overkyll/base/_normalize.scss: -------------------------------------------------------------------------------- 1 | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 2 | 3 | /** 4 | * 1. Set default font family to sans-serif. 5 | * 2. Prevent iOS and IE text size adjust after device orientation change, 6 | * without disabling user zoom. 7 | */ 8 | 9 | html { 10 | font-family: sans-serif; /* 1 */ 11 | -ms-text-size-adjust: 100%; /* 2 */ 12 | -webkit-text-size-adjust: 100%; /* 2 */ 13 | } 14 | 15 | /** 16 | * Remove default margin. 17 | */ 18 | 19 | body { 20 | margin: 0; 21 | } 22 | 23 | /* HTML5 display definitions 24 | ========================================================================== */ 25 | 26 | /** 27 | * Correct `block` display not defined for any HTML5 element in IE 8/9. 28 | * Correct `block` display not defined for `details` or `summary` in IE 10/11 29 | * and Firefox. 30 | * Correct `block` display not defined for `main` in IE 11. 31 | */ 32 | 33 | article, 34 | aside, 35 | details, 36 | figcaption, 37 | figure, 38 | footer, 39 | header, 40 | hgroup, 41 | main, 42 | menu, 43 | nav, 44 | section, 45 | summary { 46 | display: block; 47 | } 48 | 49 | /** 50 | * 1. Correct `inline-block` display not defined in IE 8/9. 51 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 52 | */ 53 | 54 | audio, 55 | canvas, 56 | progress, 57 | video { 58 | display: inline-block; /* 1 */ 59 | vertical-align: baseline; /* 2 */ 60 | } 61 | 62 | /** 63 | * Prevent modern browsers from displaying `audio` without controls. 64 | * Remove excess height in iOS 5 devices. 65 | */ 66 | 67 | audio:not([controls]) { 68 | display: none; 69 | height: 0; 70 | } 71 | 72 | /** 73 | * Address `[hidden]` styling not present in IE 8/9/10. 74 | * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. 75 | */ 76 | 77 | [hidden], 78 | template { 79 | display: none; 80 | } 81 | 82 | /* Links 83 | ========================================================================== */ 84 | 85 | /** 86 | * Remove the gray background color from active links in IE 10. 87 | */ 88 | 89 | a { 90 | background-color: transparent; 91 | } 92 | 93 | /** 94 | * Improve readability of focused elements when they are also in an 95 | * active/hover state. 96 | */ 97 | 98 | a:active, 99 | a:hover { 100 | outline: 0; 101 | } 102 | 103 | /* Text-level semantics 104 | ========================================================================== */ 105 | 106 | /** 107 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 108 | */ 109 | 110 | abbr[title] { 111 | border-bottom: 1px dotted; 112 | } 113 | 114 | /** 115 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 116 | */ 117 | 118 | b, 119 | strong { 120 | font-weight: bold; 121 | } 122 | 123 | /** 124 | * Address styling not present in Safari and Chrome. 125 | */ 126 | 127 | dfn { 128 | font-style: italic; 129 | } 130 | 131 | /** 132 | * Address styling not present in IE 8/9. 133 | */ 134 | 135 | mark { 136 | background: #ff0; 137 | color: #000; 138 | } 139 | 140 | /** 141 | * Address inconsistent and variable font size in all browsers. 142 | */ 143 | 144 | small { 145 | font-size: 80%; 146 | } 147 | 148 | /** 149 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 150 | */ 151 | 152 | sub, 153 | sup { 154 | font-size: 75%; 155 | line-height: 0; 156 | position: relative; 157 | vertical-align: baseline; 158 | } 159 | 160 | sup { 161 | top: -0.5em; 162 | } 163 | 164 | sub { 165 | bottom: -0.25em; 166 | } 167 | 168 | /* Embedded content 169 | ========================================================================== */ 170 | 171 | /** 172 | * Remove border when inside `a` element in IE 8/9/10. 173 | */ 174 | 175 | img { 176 | border: 0; 177 | } 178 | 179 | /** 180 | * Correct overflow not hidden in IE 9/10/11. 181 | */ 182 | 183 | svg:not(:root) { 184 | overflow: hidden; 185 | } 186 | 187 | /* Grouping content 188 | ========================================================================== */ 189 | 190 | /** 191 | * Address margin not present in IE 8/9 and Safari. 192 | */ 193 | 194 | figure { 195 | margin: 1em 40px; 196 | } 197 | 198 | /** 199 | * Address differences between Firefox and other browsers. 200 | */ 201 | 202 | hr { 203 | box-sizing: content-box; 204 | height: 0; 205 | } 206 | 207 | /** 208 | * Contain overflow in all browsers. 209 | */ 210 | 211 | pre { 212 | overflow: auto; 213 | } 214 | 215 | /** 216 | * Address odd `em`-unit font size rendering in all browsers. 217 | */ 218 | 219 | code, 220 | kbd, 221 | pre, 222 | samp { 223 | font-family: monospace, monospace; 224 | font-size: 1em; 225 | } 226 | 227 | /* Forms 228 | ========================================================================== */ 229 | 230 | /** 231 | * Known limitation: by default, Chrome and Safari on OS X allow very limited 232 | * styling of `select`, unless a `border` property is set. 233 | */ 234 | 235 | /** 236 | * 1. Correct color not being inherited. 237 | * Known issue: affects color of disabled elements. 238 | * 2. Correct font properties not being inherited. 239 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 240 | */ 241 | 242 | button, 243 | input, 244 | optgroup, 245 | select, 246 | textarea { 247 | color: inherit; /* 1 */ 248 | font: inherit; /* 2 */ 249 | margin: 0; /* 3 */ 250 | } 251 | 252 | /** 253 | * Address `overflow` set to `hidden` in IE 8/9/10/11. 254 | */ 255 | 256 | button { 257 | overflow: visible; 258 | } 259 | 260 | /** 261 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 262 | * All other form control elements do not inherit `text-transform` values. 263 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 264 | * Correct `select` style inheritance in Firefox. 265 | */ 266 | 267 | button, 268 | select { 269 | text-transform: none; 270 | } 271 | 272 | /** 273 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 274 | * and `video` controls. 275 | * 2. Correct inability to style clickable `input` types in iOS. 276 | * 3. Improve usability and consistency of cursor style between image-type 277 | * `input` and others. 278 | */ 279 | 280 | button, 281 | html input[type="button"], /* 1 */ 282 | input[type="reset"], 283 | input[type="submit"] { 284 | -webkit-appearance: button; /* 2 */ 285 | cursor: pointer; /* 3 */ 286 | } 287 | 288 | /** 289 | * Re-set default cursor for disabled elements. 290 | */ 291 | 292 | button[disabled], 293 | html input[disabled] { 294 | cursor: default; 295 | } 296 | 297 | /** 298 | * Remove inner padding and border in Firefox 4+. 299 | */ 300 | 301 | button::-moz-focus-inner, 302 | input::-moz-focus-inner { 303 | border: 0; 304 | padding: 0; 305 | } 306 | 307 | /** 308 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 309 | * the UA stylesheet. 310 | */ 311 | 312 | input { 313 | line-height: normal; 314 | } 315 | 316 | /** 317 | * It's recommended that you don't attempt to style these elements. 318 | * Firefox's implementation doesn't respect box-sizing, padding, or width. 319 | * 320 | * 1. Address box sizing set to `content-box` in IE 8/9/10. 321 | * 2. Remove excess padding in IE 8/9/10. 322 | */ 323 | 324 | input[type="checkbox"], 325 | input[type="radio"] { 326 | box-sizing: border-box; /* 1 */ 327 | padding: 0; /* 2 */ 328 | } 329 | 330 | /** 331 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain 332 | * `font-size` values of the `input`, it causes the cursor style of the 333 | * decrement button to change from `default` to `text`. 334 | */ 335 | 336 | input[type="number"]::-webkit-inner-spin-button, 337 | input[type="number"]::-webkit-outer-spin-button { 338 | height: auto; 339 | } 340 | 341 | /** 342 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. 343 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. 344 | */ 345 | 346 | input[type="search"] { 347 | -webkit-appearance: textfield; /* 1 */ 348 | box-sizing: content-box; /* 2 */ 349 | } 350 | 351 | /** 352 | * Remove inner padding and search cancel button in Safari and Chrome on OS X. 353 | * Safari (but not Chrome) clips the cancel button when the search input has 354 | * padding (and `textfield` appearance). 355 | */ 356 | 357 | input[type="search"]::-webkit-search-cancel-button, 358 | input[type="search"]::-webkit-search-decoration { 359 | -webkit-appearance: none; 360 | } 361 | 362 | /** 363 | * Define consistent border, margin, and padding. 364 | */ 365 | 366 | fieldset { 367 | border: 1px solid #c0c0c0; 368 | margin: 0 2px; 369 | padding: 0.35em 0.625em 0.75em; 370 | } 371 | 372 | /** 373 | * 1. Correct `color` not being inherited in IE 8/9/10/11. 374 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 375 | */ 376 | 377 | legend { 378 | border: 0; /* 1 */ 379 | padding: 0; /* 2 */ 380 | } 381 | 382 | /** 383 | * Remove default vertical scrollbar in IE 8/9/10/11. 384 | */ 385 | 386 | textarea { 387 | overflow: auto; 388 | } 389 | 390 | /** 391 | * Don't inherit the `font-weight` (applied by a rule above). 392 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 393 | */ 394 | 395 | optgroup { 396 | font-weight: bold; 397 | } 398 | 399 | /* Tables 400 | ========================================================================== */ 401 | 402 | /** 403 | * Remove most spacing between table cells. 404 | */ 405 | 406 | table { 407 | border-collapse: collapse; 408 | border-spacing: 0; 409 | } 410 | 411 | td, 412 | th { 413 | padding: 0; 414 | } 415 | -------------------------------------------------------------------------------- /_sass/overkyll/config/_colors.scss: -------------------------------------------------------------------------------- 1 | //// 2 | /// Colors 3 | //// 4 | 5 | // Better colors for development 6 | //------------------------------------- 7 | 8 | $gray: #495057; 9 | $red: #f03e3e; 10 | $pink: #d6336c; 11 | $grape: #ae3ec9; 12 | $violet: #7048e8; 13 | $indigo: #4263eb; 14 | $blue: #1c7cd6; 15 | $cyan: #1098ad; 16 | $teal: #0ca678; 17 | $green: #37b24d; 18 | $lime: #74b816; 19 | $yellow: #f59f00; 20 | $orange: #f76707; 21 | 22 | 23 | // Site color 24 | //------------------------------------- 25 | 26 | // Choose color among https://yeun.github.io/open-color/ 27 | 28 | $color-primary: color(gray,7) !default; 29 | $color-primary-light: color(gray,2) !default; 30 | $color-primary-dark: color(gray,9) !default; 31 | 32 | $color-secondary: color(red,7) !default; 33 | $color-secondary-light: color(red,2) !default; 34 | $color-secondary-dark: color(red,8) !default; 35 | 36 | $color-grey: color(gray,7) !default; 37 | $color-grey-light: color(gray,2) !default; 38 | $color-grey-dark: color(gray,9) !default; 39 | 40 | $title-color: #000 !default; 41 | $title-link-color: #000 !default; 42 | $text-color: #000 !default; 43 | $link-color: #000 !default; 44 | $background-color: #000 !default; 45 | -------------------------------------------------------------------------------- /_sass/overkyll/config/_mediaqueries.scss: -------------------------------------------------------------------------------- 1 | //// 2 | /// Media queries 3 | //// 4 | 5 | // Media Query breakpoint 6 | // https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862#.59e713wwa 7 | //------------------------------------- 8 | 9 | $screen: "only screen"; 10 | $tiny: 20; /* 320px */ 11 | $small: 37.5; /* 600px */ 12 | $medium: 56.25; /* 900px */ 13 | $large: 75; /* 1200px */ 14 | $xlarge: 112.5; /* 1800px */ 15 | $xxlarge: 150; /* 2400px */ 16 | 17 | 18 | // Media Query Ranges 19 | //------------------------------------- 20 | 21 | $tiny-range : (0em, $tiny * 1em) !default; 22 | $small-range : (0em, $small * 1em - 0.063em) !default; 23 | $medium-range : ($medium * 1em + 0.063em, $large * 1em) !default; 24 | $large-range : ($large * 1em + 0.063em, $xlarge * 1em) !default; 25 | $xlarge-range : ($xlarge * 1em + 0.063em, $xxlarge * 1em) !default; 26 | $xxlarge-range : ($xxlarge * 1em + 0.063em, 99999999em) !default; 27 | 28 | 29 | // Media Query Ranges :: Mixin (from Foundation CSS) 30 | //------------------------------------- 31 | 32 | // functions 33 | 34 | @function lower-bound($range){ 35 | @if length($range) <= 0 { 36 | @return 0; 37 | } 38 | @return nth($range,1); 39 | } 40 | 41 | @function upper-bound($range) { 42 | @if length($range) < 2 { 43 | @return 999999999999; 44 | } 45 | @return nth($range, 2); 46 | } 47 | 48 | // Call functions and declare media range variable 49 | 50 | $landscape : "#{$screen} and (orientation: landscape)"; 51 | $portrait : "#{$screen} and (orientation: portrait)"; 52 | $tiny-only : "#{$screen} and (max-width:#{upper-bound($tiny-range)})"; 53 | $small-up : "#{$screen} and (min-width:#{lower-bound($small-range)})"; 54 | $small-only : "#{$screen} and (max-width:#{upper-bound($small-range)})"; 55 | $medium-up : "#{$screen} and (min-width:#{lower-bound($medium-range)})"; 56 | $medium-only : "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})"; 57 | $large-up : "#{$screen} and (min-width:#{lower-bound($large-range)})"; 58 | $large-only : "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})"; 59 | $xlarge-up : "#{$screen} and (min-width:#{lower-bound($xlarge-range)})"; 60 | $xlarge-only : "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})"; 61 | $xxlarge-up : "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})"; 62 | $xxlarge-only : "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})"; 63 | 64 | 65 | // Unison 66 | // speaking with JS with unison.js 67 | // http://bjork24.github.io/Unison/ 68 | //------------------------------------- 69 | 70 | // config 71 | $debug: false; 72 | 73 | // Unison media 74 | $mq-sync: 75 | usn-small 0, 76 | usn-medium $medium * 1em 77 | ; 78 | // usn-large $large, 79 | // usn-x-large $xlarge, 80 | // usn-xx-large $xxlarge 81 | 82 | // build each media query for js ingestion 83 | @each $mq in $mq-sync { 84 | @media screen and (min-width: nth($mq, 2)) { 85 | head { font-family: "#{nth($mq, 1)} #{nth($mq, 2)}"; } 86 | body:after { content: "#{nth($mq, 1)} - min-width: #{nth($mq, 2)}"; } 87 | } 88 | } 89 | head { 90 | // set clear on head to show Unison is set up correctly 91 | clear: both; 92 | // store hash of all breakpoints 93 | title { font-family: "#{$mq-sync}"; } 94 | } 95 | // debug styles to see breakpoint info 96 | body:after { 97 | display: none; 98 | } 99 | // hide elements for conditional loading 100 | // only used for responsive comments plugin 101 | *[data-usn-if] { display: none; } 102 | 103 | 104 | -------------------------------------------------------------------------------- /_sass/overkyll/config/_open-color.scss: -------------------------------------------------------------------------------- 1 | // 2 | // 3 | // 𝗖 𝗢 𝗟 𝗢 𝗥 4 | // v 1.4.0 5 | // 6 | // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 7 | 8 | // Gray 9 | $gray-list: ( "0": #f8f9fa, "1": #f1f3f5, "2": #e9ecef, "3": #dee2e6, "4": #ced4da, "5": #adb5bd, "6": #868e96, "7": #495057, "8": #343a40, "9": #212529); 10 | $red-list: ( "0": #fff5f5, "1": #ffe3e3, "2": #ffc9c9, "3": #ffa8a8, "4": #ff8787, "5": #ff6b6b, "6": #fa5252, "7": #f03e3e, "8": #e03131, "9": #c92a2a); 11 | $pink-list: ( "0": #fff0f6, "1": #ffdeeb, "2": #fcc2d7, "3": #faa2c1, "4": #f783ac, "5": #f06595, "6": #e64980, "7": #d6336c, "8": #c2255c, "9": #a61e4d); 12 | $grape-list: ( "0": #f8f0fc, "1": #f3d9fa, "2": #eebefa, "3": #e599f7, "4": #da77f2, "5": #cc5de8, "6": #be4bdb, "7": #ae3ec9, "8": #9c36b5, "9": #862e9c); 13 | $violet-list: ( "0": #f3f0ff, "1": #e5dbff, "2": #d0bfff, "3": #b197fc, "4": #9775fa, "5": #845ef7, "6": #7950f2, "7": #7048e8, "8": #6741d9, "9": #5f3dc4); 14 | $indigo-list: ( "0": #edf2ff, "1": #dbe4ff, "2": #bac8ff, "3": #91a7ff, "4": #748ffc, "5": #5c7cfa, "6": #4c6ef5, "7": #4263eb, "8": #3b5bdb, "9": #364fc7); 15 | $blue-list: ( "0": #e8f7ff, "1": #ccedff, "2": #a3daff, "3": #72c3fc, "4": #4dadf7, "5": #329af0, "6": #228ae6, "7": #1c7cd6, "8": #1b6ec2, "9": #1862ab); 16 | $cyan-list: ( "0": #e3fafc, "1": #c5f6fa, "2": #99e9f2, "3": #66d9e8, "4": #3bc9db, "5": #22b8cf, "6": #15aabf, "7": #1098ad, "8": #0c8599, "9": #0b7285); 17 | $teal-list: ( "0": #e6fcf5, "1": #c3fae8, "2": #96f2d7, "3": #63e6be, "4": #38d9a9, "5": #20c997, "6": #12b886, "7": #0ca678, "8": #099268, "9": #087f5b); 18 | $green-list: ( "0": #ebfbee, "1": #d3f9d8, "2": #b2f2bb, "3": #8ce99a, "4": #69db7c, "5": #51cf66, "6": #40c057, "7": #37b24d, "8": #2f9e44, "9": #2b8a3e); 19 | $lime-list: ( "0": #f4fce3, "1": #e9fac8, "2": #d8f5a2, "3": #c0eb75, "4": #a9e34b, "5": #94d82d, "6": #82c91e, "7": #74b816, "8": #66a80f, "9": #5c940d); 20 | $yellow-list: ( "0": #fff9db, "1": #fff3bf, "2": #ffec99, "3": #ffe066, "4": #ffd43b, "5": #fcc419, "6": #fab005, "7": #f59f00, "8": #f08c00, "9": #e67700); 21 | $orange-list: ( "0": #fff4e6, "1": #ffe8cc, "2": #ffd8a8, "3": #ffc078, "4": #ffa94d, "5": #ff922b, "6": #fd7e14, "7": #f76707, "8": #e8590c, "9": #d9480f); 22 | 23 | 24 | $color-list: ( 25 | "gray": $gray-list, 26 | "red": $red-list, 27 | "pink": $pink-list, 28 | "grape": $grape-list, 29 | "violet": $violet-list, 30 | "indigo": $indigo-list, 31 | "blue": $blue-list, 32 | "cyan": $cyan-list, 33 | "teal": $teal-list, 34 | "green": $green-list, 35 | "lime": $lime-list, 36 | "yellow": $yellow-list, 37 | "orange": $orange-list 38 | ); 39 | 40 | @function color($color, $spectrum) { 41 | @return map-get(map-get($color-list, "#{$color}"),"#{$spectrum}"); 42 | } 43 | -------------------------------------------------------------------------------- /_sass/overkyll/config/_typography.scss: -------------------------------------------------------------------------------- 1 | //// 2 | /// Typography 3 | //// 4 | 5 | // Our variables 6 | //------------------------------------- 7 | $base-font-name: -apple-system !default; 8 | $title-font-name: -apple-system !default; 9 | $base-font-family: $base-font-name, system, sans-serif !default; 10 | $title-font-family: $title-font-name, system, sans-serif !default; 11 | 12 | $ratio: 1.20; 13 | $base: 1; 14 | $base-em: $base * 1em; 15 | $base-px: $base * 16px; 16 | 17 | $ms0: 1; 18 | $ms1: $ratio; /* 1.2 */ 19 | $ms2: $ratio * $ms1; /* 1.44 */ 20 | $ms3: $ratio * $ms2; /* 1.728 */ 21 | $ms4: $ratio * $ms3; /* 2.074 */ 22 | $ms5: $ratio * $ms4; /* 2.488 */ 23 | $ms6: $ratio * $ms5; /* 2.986 */ 24 | $ms7: $ratio * $ms6; /* 3.583 */ 25 | 26 | $smaller: $base-em / $ms1; 27 | $normal: $base-em * $ms0; 28 | $bigger: $base-em * $ms1; 29 | $title3: $base-em * $ms2; 30 | $title2: $base-em * $ms3; 31 | $title1: $base-em * $ms4; 32 | 33 | $line-height-base: $base * $ms2; 34 | $base-line: floor(($base-em * $line-height-base)); 35 | 36 | body { 37 | font-family: $base-font-family; 38 | font-size: $base-em * $ms0; 39 | line-height: $base * $ms3; 40 | //font-size: calc(4vw + 4vh + 2vmin) 41 | } 42 | 43 | h3, 44 | h2 { line-height: $base * $ms1; } 45 | h1 { line-height: $base * $ms0; } 46 | 47 | h6, .h6 { font-size: $smaller; } 48 | h5, .h5 { font-size: $normal; } 49 | h4, .h4 { font-size: $bigger; } 50 | h3, .h3 { font-size: $title3; } 51 | h2, .h2 { font-size: $title2; } 52 | h1, .h1 { font-size: $title1; } 53 | 54 | // Calculate progressive fontsize between 2 breapoint :: insert the value of your breakpoint and of your 2 fontsize value for each breakpoint 55 | // from https://fvsch.com/code/css-locks/ 56 | // https://css-tricks.com/between-the-lines/ 57 | @mixin csslock-fontsize($breakpoint-down:$breakpoint-down, $breakpoint-up:$breakpoint-up, $size-down:$size-down, $size-up:$size-up) { 58 | font-size: calc( #{$size-down}em + ( (#{$size-up} - #{$size-down}) / #{$size-down} ) * (100vw - #{$breakpoint-down}rem) / (#{$breakpoint-up} - #{$breakpoint-down}) ); 59 | } 60 | 61 | @media #{$medium-up} { 62 | body { 63 | font-size: $base-em * $ms0; 64 | @include csslock-fontsize($medium,$large,$ms0,$ms1); 65 | } 66 | } 67 | 68 | @media #{$large-up} { 69 | body { 70 | font-size: $base-em * $ms2; 71 | @include csslock-fontsize($large,$xlarge,$ms1,$ms2); 72 | } 73 | } 74 | 75 | @media #{$xlarge-up} { 76 | body { 77 | font-size: $base-em * $ms3; 78 | @include csslock-fontsize($xlarge,$xxlarge,$ms2,$ms4); 79 | } 80 | } 81 | 82 | @media #{$xxlarge-up} { 83 | body { 84 | font-size: $base-em * $ms4; 85 | @include csslock-fontsize($xxlarge,200,$ms4,$ms5); 86 | } 87 | } 88 | 89 | h1, .h1, 90 | h2, .h2, 91 | h3, .h3, 92 | label, legend { 93 | @if $title-font-name { 94 | font-family: $title-font-family; 95 | } 96 | } 97 | 98 | h1, .h1, 99 | h2, .h2, 100 | h3, .h3 { 101 | word-wrap: break-word; 102 | margin-top: $base-line; 103 | margin-bottom: ($base-line / 2); 104 | 105 | small, 106 | .small { 107 | font-size: 65%; 108 | } 109 | } 110 | 111 | h4, .h4, 112 | h5, .h5, 113 | h6, .h6 { 114 | margin-top: ($base-line / 2); 115 | margin-bottom: ($base-line / 2); 116 | 117 | small, 118 | .small { 119 | font-size: 75%; 120 | } 121 | } 122 | 123 | h1,h2,h3,h4,h5,h6 { 124 | color: currentColor; 125 | &,a,a:visited { 126 | color: currentColor; 127 | text-decoration: none; 128 | } 129 | a:hover { 130 | text-decoration: underline; 131 | } 132 | } 133 | 134 | p { 135 | margin: 0 0 ($base-line / 2); 136 | } 137 | -------------------------------------------------------------------------------- /_sass/overkyll/generic/_broken-images.scss: -------------------------------------------------------------------------------- 1 | // Code from 2 | // http://bitsofco.de/styling-broken-images/ 3 | 4 | img { 5 | /* Same as first example */ 6 | min-height: 50px; 7 | } 8 | 9 | img:before { 10 | content: " "; 11 | display: block; 12 | 13 | position: absolute; 14 | top: -10px; 15 | left: 0; 16 | height: calc(100% + 10px); 17 | width: 100%; 18 | background-color: rgb(230, 230, 230); 19 | border: 2px dotted rgb(200, 200, 200); 20 | border-radius: 5px; 21 | } 22 | 23 | img:after { 24 | content: "\f127" " Image indisponible " attr(alt); 25 | display: block; 26 | font-size: 16px; 27 | font-style: normal; 28 | font-family: FontAwesome; 29 | color: rgb(100, 100, 100); 30 | 31 | position: absolute; 32 | top: 5px; 33 | left: 0; 34 | width: 100%; 35 | text-align: center; 36 | } 37 | -------------------------------------------------------------------------------- /_sass/overkyll/generic/_normalize-opentype.scss: -------------------------------------------------------------------------------- 1 | //! normalize-opentype.css v0.2.4 | MIT License | kennethormandy.com/journal/normalize-opentype-css */ 2 | 3 | //** 4 | // 1. Inherit style issues with custom selections, per robsterlini.co.uk/journal/opentype-and-selection-dont-mix 5 | // 2. Turn on kerning, standard ligatures, and proportional, oldstyle numerals 6 | // Turn off all other ligatures, tabular, lining numerals, and alternates 7 | // Uses same settings for tables 8 | // 3. Hard-codes fallback text selection for issue #18, color is Chrome’s per via http://stackoverflow.com/a/16094931/864799 9 | //// 10 | 11 | ::selection { 12 | color: inherit; // 1. 13 | text-shadow: inherit; // 2. 14 | background-color: #ACCEF7; // 3. 15 | } 16 | 17 | html, 18 | body, 19 | table { 20 | font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0; /* 2. */ 21 | } 22 | 23 | // Headings 24 | //========================================================================== // 25 | 26 | // 27 | // 1. Turn on discretionary ligatures for larger headings 28 | //// 29 | 30 | h1, 31 | h2, 32 | h3 { 33 | font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1; /* 1. */ 34 | } 35 | 36 | // Text-level semantics 37 | //========================================================================== // 38 | 39 | // 40 | // 1. Change all letters to uppercase 41 | // 2. Turn on small caps for upper and lowercase letters 42 | //// 43 | 44 | abbr { 45 | text-transform: uppercase; /* 1 */ 46 | font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1; /* 2 */ 47 | } 48 | 49 | time { 50 | font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0; 51 | } 52 | 53 | // 54 | // 1. Turn off kerning and ligatures, 55 | // Turn on lining, tabular numerals, slashed zero 56 | ///// 57 | 58 | pre, 59 | kbd, 60 | samp, 61 | code { 62 | font-feature-settings: "kern" 0, "liga" 0, "calt" 1, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1; /* 1. */ 63 | } 64 | 65 | mark { 66 | } 67 | 68 | small { 69 | } 70 | 71 | cite { 72 | } 73 | 74 | // 75 | // 1. Turn on proper supercript numerals 76 | //// 77 | 78 | sup { 79 | font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1; /* 1. */ 80 | } 81 | 82 | // 83 | // 1. Turn on proper subscript numerals 84 | //// 85 | 86 | sub { 87 | font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1; /* 1. */ 88 | } 89 | 90 | // Forms 91 | //========================================================================== // 92 | 93 | input[type="color"], 94 | input[type="date"], 95 | input[type="datetime"], 96 | input[type="datetime-local"], 97 | input[type="number"], 98 | input[type="range"], 99 | input[type="tel"], 100 | input[type="week"] { 101 | font-feature-settings: "kern" 0, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0; /* 1. */ 102 | } 103 | 104 | 105 | // 106 | // 1. Turns on tabular, lining numerals and slashed zero 107 | //// 108 | 109 | tbody, 110 | caption { 111 | font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1; /* 1. */ 112 | } 113 | -------------------------------------------------------------------------------- /_sass/overkyll/generic/_print.scss: -------------------------------------------------------------------------------- 1 | 2 | // 3 | // Print 4 | // 5 | // Quelques astuces trouvées chez Alsa : 6 | // http://www.alsacreations.com/tuto/lire/586-feuille-style-css-print-impression.html 7 | // http://www.alsacreations.com/astuce/lire/1160-une-feuille-de-styles-de-base-pour-le-media-print.html 8 | // https://uxdesign.cc/i-totally-forgot-about-print-style-sheets-f1e6604cfd6#.ad9m8zgbd 9 | //// 10 | 11 | @media print { 12 | 13 | // Reset 14 | *, 15 | *:before, 16 | *:after, 17 | *:first-letter, 18 | p:first-line, 19 | div:first-line, 20 | blockquote:first-line, 21 | li:first-line { 22 | background: transparent !important; 23 | color: #000 !important; 24 | box-shadow: none !important; 25 | text-shadow: none !important; 26 | } 27 | 28 | // Content 29 | body > *:not(main) { 30 | display: none; 31 | } 32 | a[href]:after { 33 | content: " (" attr(href) ")"; 34 | } 35 | abbr[title]:after { 36 | content: " (" attr(title) ")"; 37 | } 38 | 39 | @page { 40 | margin: 1cm; 41 | } 42 | html{ 43 | font-size:13pt; 44 | } 45 | body{ 46 | color:#000; 47 | } 48 | a, 49 | header a{ 50 | color:#000; 51 | } 52 | p, blockquote { 53 | orphans: 3; 54 | widows: 3; 55 | } 56 | blockquote, ul, ol { 57 | page-break-inside: avoid; 58 | } 59 | h1, h2, h3, caption { 60 | page-break-after: avoid; 61 | } 62 | .wrapper{ 63 | max-width: none; 64 | margin:0; 65 | } 66 | header{ 67 | background: none; 68 | } 69 | nav, 70 | .breadcrumb{ 71 | display:none; 72 | } 73 | 74 | } 75 | -------------------------------------------------------------------------------- /_sass/overkyll/generic/_skiplink.scss: -------------------------------------------------------------------------------- 1 | 2 | // 3 | // Skiplink 4 | // 5 | 6 | /* styling skip links */ 7 | .skip-links { 8 | position: absolute; 9 | top: 0; 10 | width: 100%; 11 | & a { 12 | position: absolute; 13 | overflow: hidden; 14 | display: inline-block; 15 | clip: rect(1px, 1px, 1px, 1px); 16 | padding: 0.5em; 17 | background: black; 18 | color: white; 19 | text-decoration: none; 20 | 21 | &:focus { 22 | position: static; 23 | overflow: visible; 24 | clip: auto; 25 | } 26 | } 27 | } -------------------------------------------------------------------------------- /_sass/overkyll/generic/_syntax-highlighting.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Syntax highlighting styles 3 | */ 4 | 5 | .highlight { 6 | margin: 0 0 $base_line / 2; 7 | text-align: left !important; // override .post .figure 8 | background: #fff; 9 | 10 | .highlighter-rouge & { 11 | background: #eef; 12 | } 13 | 14 | .c { color: #998; font-style: italic } // Comment 15 | .err { color: #a61717; background-color: #e3d2d2 } // Error 16 | .k { font-weight: bold } // Keyword 17 | .o { font-weight: bold } // Operator 18 | .cm { color: #998; font-style: italic } // Comment.Multiline 19 | .cp { color: #999; font-weight: bold } // Comment.Preproc 20 | .c1 { color: #998; font-style: italic } // Comment.Single 21 | .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special 22 | .gd { color: #000; background-color: #fdd } // Generic.Deleted 23 | .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific 24 | .ge { font-style: italic } // Generic.Emph 25 | .gr { color: #a00 } // Generic.Error 26 | .gh { color: #999 } // Generic.Heading 27 | .gi { color: #000; background-color: #dfd } // Generic.Inserted 28 | .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific 29 | .go { color: #888 } // Generic.Output 30 | .gp { color: #555 } // Generic.Prompt 31 | .gs { font-weight: bold } // Generic.Strong 32 | .gu { color: #aaa } // Generic.Subheading 33 | .gt { color: #a00 } // Generic.Traceback 34 | .kc { font-weight: bold } // Keyword.Constant 35 | .kd { font-weight: bold } // Keyword.Declaration 36 | .kp { font-weight: bold } // Keyword.Pseudo 37 | .kr { font-weight: bold } // Keyword.Reserved 38 | .kt { color: #458; font-weight: bold } // Keyword.Type 39 | .m { color: #099 } // Literal.Number 40 | .s { color: #d14 } // Literal.String 41 | .na { color: #008080 } // Name.Attribute 42 | .nb { color: #0086B3 } // Name.Builtin 43 | .nc { color: #458; font-weight: bold } // Name.Class 44 | .no { color: #008080 } // Name.Constant 45 | .ni { color: #800080 } // Name.Entity 46 | .ne { color: #900; font-weight: bold } // Name.Exception 47 | .nf { color: #900; font-weight: bold } // Name.Function 48 | .nn { color: #555 } // Name.Namespace 49 | .nt { color: #000080 } // Name.Tag 50 | .nv { color: #008080 } // Name.Variable 51 | .ow { font-weight: bold } // Operator.Word 52 | .w { color: #bbb } // Text.Whitespace 53 | .mf { color: #099 } // Literal.Number.Float 54 | .mh { color: #099 } // Literal.Number.Hex 55 | .mi { color: #099 } // Literal.Number.Integer 56 | .mo { color: #099 } // Literal.Number.Oct 57 | .sb { color: #d14 } // Literal.String.Backtick 58 | .sc { color: #d14 } // Literal.String.Char 59 | .sd { color: #d14 } // Literal.String.Doc 60 | .s2 { color: #d14 } // Literal.String.Double 61 | .se { color: #d14 } // Literal.String.Escape 62 | .sh { color: #d14 } // Literal.String.Heredoc 63 | .si { color: #d14 } // Literal.String.Interpol 64 | .sx { color: #d14 } // Literal.String.Other 65 | .sr { color: #009926 } // Literal.String.Regex 66 | .s1 { color: #d14 } // Literal.String.Single 67 | .ss { color: #990073 } // Literal.String.Symbol 68 | .bp { color: #999 } // Name.Builtin.Pseudo 69 | .vc { color: #008080 } // Name.Variable.Class 70 | .vg { color: #008080 } // Name.Variable.Global 71 | .vi { color: #008080 } // Name.Variable.Instance 72 | .il { color: #099 } // Literal.Number.Integer.Long 73 | } 74 | -------------------------------------------------------------------------------- /_sass/overkyll/object/_header.scss: -------------------------------------------------------------------------------- 1 | //// 2 | /// Header 3 | //// 4 | 5 | // Site Header 6 | //------------------------ 7 | 8 | // Site header :: general container 9 | .site-header { 10 | position: relative; 11 | margin-bottom: $base-line*2; 12 | padding: 0 1em; 13 | text-align: center; 14 | color: #000; 15 | z-index: 0; 16 | } 17 | 18 | // Site header top :: logo and menu 19 | .site-header-top { 20 | display: flex; 21 | flex-direction: column; 22 | justify-content: space-between; 23 | align-items: center; 24 | padding: $base-line/2 $base-line; 25 | width: 100%; 26 | background: transparent; 27 | } 28 | 29 | // // Site header top :: making the logo and the menu on the same line 30 | .site-header-top__align { 31 | @media #{$medium-up} { 32 | flex-direction: row; 33 | align-items: baseline; 34 | } 35 | } 36 | 37 | 38 | // Site header hero :: class on general container for hero header 39 | .site-header-hero { 40 | padding: 0; 41 | color: #fff; 42 | background-size: cover; 43 | background-position: center center; 44 | background-color: $color-grey; 45 | background-image: linear-gradient(to top, $color-grey 0%, $color-grey-dark 100%); 46 | .wrapper { 47 | display: flex; 48 | justify-content: center; 49 | align-items: center; 50 | min-height: 40vmin; 51 | } 52 | a { 53 | text-decoration: none; 54 | color: currentColor; 55 | &:visited { 56 | color: currentColor; 57 | } 58 | } 59 | &::after { 60 | position: absolute; 61 | top: 0; 62 | left: 0; 63 | bottom: 0; 64 | content: ''; 65 | width: 100%; 66 | height: 100%; 67 | background: rgba(0,0,0,0.3); 68 | z-index: -1; 69 | opacity: 1; 70 | transition: opacity 1500ms ease-in-out; 71 | 72 | @at-root { 73 | .site-header.b-lazy::after { 74 | opacity: 1; 75 | } 76 | } 77 | } 78 | } 79 | 80 | // Site header img TAG for responsives images 81 | .site-header-background { 82 | position: absolute; 83 | top: 0; 84 | left: 0; 85 | object-fit: cover; 86 | z-index: -1; 87 | width: 100%; 88 | height: 100%; 89 | opacity: 1; 90 | transition: opacity 1500ms ease-in-out; 91 | } 92 | 93 | // Site title :: container for a text 94 | .site-title { 95 | display: block; 96 | margin: 0; 97 | font-size: $base-em * $ms3; 98 | line-height: 1; 99 | color: currentColor; 100 | text-decoration: none; 101 | } 102 | 103 | // Site title hero :: class on site-title for hero title 104 | .site-title-hero { 105 | display: inline-block; 106 | padding: $base-line/2; 107 | font-size: $title1; 108 | font-weight: 300; 109 | } 110 | 111 | // Site title link :: class when site-title is a link (inside pages) 112 | .site-title-link { 113 | color: currentColor; 114 | text-decoration: none; 115 | &,&:visited { 116 | color: currentColor; 117 | } 118 | } 119 | 120 | // Site information :: scope site-title + site-logo 121 | .site-information { 122 | margin: 0; 123 | } 124 | 125 | // Site slogan 126 | .site-slogan { 127 | text-align: center; 128 | color: #fff; 129 | } 130 | 131 | // Exergue :: zone just after the header 132 | .exergue { 133 | margin-top: -2*$base-line; 134 | padding: $base-line; 135 | width: 100%; 136 | text-align: center; 137 | color: #fff; 138 | background: $color-grey-dark; 139 | small { 140 | display: block; 141 | clear: both; 142 | width: 100%; 143 | } 144 | a { 145 | color: #fff; 146 | &:hover { 147 | text-decoration: none; 148 | } 149 | } 150 | } -------------------------------------------------------------------------------- /_sass/overkyll/object/_navigation.scss: -------------------------------------------------------------------------------- 1 | //// 2 | /// Navigation 3 | //// 4 | 5 | // Navigation main 6 | // inspired https://medium.com/@kollinz/hamburger-menu-alternatives-for-mobile-navigation-a3a3beb555b8#.hg6g5yhtd 7 | 8 | nav { 9 | ul { 10 | list-style: none; 11 | } 12 | a { 13 | text-decoration: none; 14 | } 15 | } 16 | 17 | .nav-main { 18 | ul { 19 | margin: 0; 20 | padding: $base-line/6 0 $base-line/2; 21 | min-width: 100%; 22 | list-style: none; 23 | text-align: left; 24 | @media #{$medium-up} { 25 | .wrapper--flex & { 26 | text-align: right; 27 | } 28 | } 29 | } 30 | li { 31 | display: inline-block; 32 | text-align: center; 33 | margin: 0; 34 | padding: 0.2rem 1.6rem 0; 35 | } 36 | a { 37 | font-weight: bold; 38 | & + & { 39 | margin-left: 1em; 40 | } 41 | } 42 | } 43 | 44 | .nav-main__scroll { 45 | overflow-y: hidden; 46 | height: 40px; 47 | @media #{$small-only} { 48 | width: 100vw; 49 | } 50 | ul { 51 | display: block; 52 | overflow-y: hidden; 53 | overflow-x: auto; 54 | padding-bottom: 100px; 55 | white-space: nowrap; 56 | text-align: center; 57 | } 58 | } -------------------------------------------------------------------------------- /_sass/overkyll/object/_pagination.scss: -------------------------------------------------------------------------------- 1 | //// 2 | /// Pagination 3 | //// 4 | 5 | .pagination--prevnext { 6 | clear: both; 7 | @media #{$medium-up} { 8 | display: grid; 9 | grid-template-columns: 1fr 1fr; 10 | grid-gap: 2vmin; 11 | } 12 | margin: 3rem auto; 13 | } 14 | 15 | .pagination--prev { 16 | padding-left: 1em; 17 | a:before { 18 | left: -1em; 19 | content:"< "; 20 | } 21 | } 22 | 23 | .pagination--next { 24 | padding-right: 1em; 25 | text-align: right; 26 | a:before { 27 | right: -1em; 28 | content:" >"; 29 | } 30 | } 31 | 32 | .pagination--item { 33 | position: relative; 34 | display: block; 35 | padding: 1em 0; 36 | font-size: $smaller; 37 | color: #333; 38 | &:before { 39 | position: absolute; 40 | 41 | } 42 | } 43 | 44 | .pagination--item:active { 45 | background: $color-grey-light; 46 | } 47 | -------------------------------------------------------------------------------- /_sass/overkyll/object/_posts.scss: -------------------------------------------------------------------------------- 1 | //// 2 | /// Post 3 | //// 4 | 5 | .post { 6 | padding-bottom: $base-line; 7 | figure { 8 | text-align: center; 9 | } 10 | img { 11 | margin: 0.5em auto 1.5em; 12 | } 13 | } 14 | 15 | .posts-archive { 16 | @include list-inline(); 17 | > li { 18 | &:not(:last-child):after { 19 | content: ' - '; 20 | } 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /_sass/overkyll/overkyll.scss: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | // Import partials from `sass_dir` (defaults to `_sass`) 4 | 5 | // Configuration 6 | @import "config/open-color"; 7 | @import "config/colors"; 8 | @import "config/mediaqueries"; 9 | @import "config/typography"; 10 | 11 | // Tool 12 | @import "tool/utilities"; 13 | 14 | // Base 15 | @import "base/normalize"; 16 | @import "base/base"; 17 | @import "base/font"; 18 | @import "base/layout"; 19 | 20 | // Generic 21 | @import "generic/normalize-opentype"; 22 | @import "generic/syntax-highlighting"; 23 | @import "generic/skiplink"; 24 | @import "generic/print"; 25 | 26 | // Object 27 | @import "object/header"; 28 | @import "object/pagination"; 29 | @import "object/posts"; 30 | @import "object/navigation"; -------------------------------------------------------------------------------- /_sass/overkyll/tool/_utilities.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // Floats 7 | // ------------------------- 8 | 9 | .clearfix { 10 | &:before, 11 | &:after { 12 | content: " "; // 1 13 | display: table; // 2 14 | } 15 | &:after { 16 | clear: both; 17 | } 18 | } 19 | 20 | .center { 21 | margin: 0 auto $line-height-base; 22 | text-align: center; 23 | } 24 | 25 | .left { 26 | float: left; 27 | } 28 | 29 | .right { 30 | float: right; 31 | } 32 | 33 | 34 | // List 35 | // ------------------------- 36 | 37 | @mixin list-inline { 38 | padding: 0; 39 | margin: 0 0 $base-line; 40 | li { 41 | display: inline-block; 42 | } 43 | } 44 | 45 | 46 | // Toggling content 47 | // ------------------------- 48 | // Note: Deprecated .hide in favor of .invisible 49 | 50 | .hide { 51 | display: none !important; 52 | } 53 | 54 | .show { 55 | display: block !important; 56 | } 57 | 58 | .invisible { 59 | border: 0; 60 | clip: rect(0 0 0 0); 61 | height: 1px; 62 | margin: -1px; 63 | overflow: hidden; 64 | padding: 0; 65 | position: absolute; 66 | width: 1px; 67 | } 68 | 69 | // For Affix plugin 70 | // ------------------------- 71 | 72 | .affix { 73 | position: fixed; 74 | } 75 | 76 | 77 | // Icons 78 | // ------------------------- 79 | 80 | .icon { 81 | > svg { 82 | display: inline-block; 83 | width: 16px; 84 | height: 16px; 85 | vertical-align: middle; 86 | path { 87 | fill: $color-grey; 88 | } 89 | } 90 | } 91 | 92 | // Aspect Ratio 93 | // ------------------------- 94 | 95 | // https://www.bram.us/2017/06/16/aspect-ratios-in-css-are-a-hack/ 96 | // https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_responsive-embed.scss 97 | 98 | .aspectratio { 99 | position: relative; 100 | display: block; 101 | height: 0; 102 | margin-bottom: $base-line; 103 | padding: 0; 104 | overflow: hidden; 105 | text-align: center; 106 | 107 | iframe, 108 | embed, 109 | object, 110 | video { 111 | position: absolute; 112 | top: 0; 113 | left: 0; 114 | bottom: 0; 115 | height: 100%; 116 | width: 100%; 117 | border: 0; 118 | } 119 | } 120 | 121 | // Modifier class for 16:9 aspect ratio 122 | .aspectratio[data-ratio="16/9"] { 123 | padding-top: 56.25%; 124 | } 125 | // Modifier class for 4:3 aspect ratio 126 | .aspectratio[data-ratio="4/3"] { 127 | padding-top: 75%; 128 | } 129 | -------------------------------------------------------------------------------- /about.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: About 4 | navigation: true 5 | --- 6 | 7 | This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](http://jekyllrb.com/) 8 | 9 | You can find the source code for the Jekyll new theme at: 10 | [overkyll](https://github.com/bertrandkeller/overkyll-jekyll-theme) 11 | 12 | You can find the source code for Jekyll at 13 | [jekyll](https://github.com/jekyll/jekyll) 14 | -------------------------------------------------------------------------------- /archives.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: Archives 4 | navigation: true 5 | --- 6 | 7 |
8 | {% for post in site.posts %} 9 | {% assign currentdate = post.date | date: "%Y" %} 10 | {% assign yeardate = site.time | date: "%Y" %} 11 | {% if currentdate != date %} 12 | {% if currentdate != yeardate %} 13 | 14 | {% endif %} 15 |

{{ currentdate }}

16 |
    17 | {% endif %} 18 |
  • {{ post.title }}
    • 19 | {% assign date = currentdate %} 20 | {% if forloop.last %} 21 |
22 | {% endif %} 23 | {% endfor %} 24 |
25 | -------------------------------------------------------------------------------- /assets/css/main.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | @import "overkyll-jekyll-theme"; 5 | -------------------------------------------------------------------------------- /assets/favicons/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/android-chrome-192x192.png -------------------------------------------------------------------------------- /assets/favicons/android-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/android-icon-144x144.png -------------------------------------------------------------------------------- /assets/favicons/android-icon-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/android-icon-192x192.png -------------------------------------------------------------------------------- /assets/favicons/android-icon-36x36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/android-icon-36x36.png -------------------------------------------------------------------------------- /assets/favicons/android-icon-48x48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/android-icon-48x48.png -------------------------------------------------------------------------------- /assets/favicons/android-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/android-icon-72x72.png -------------------------------------------------------------------------------- /assets/favicons/android-icon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/android-icon-96x96.png -------------------------------------------------------------------------------- /assets/favicons/apple-icon-114x114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/apple-icon-114x114.png -------------------------------------------------------------------------------- /assets/favicons/apple-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/apple-icon-120x120.png -------------------------------------------------------------------------------- /assets/favicons/apple-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/apple-icon-144x144.png -------------------------------------------------------------------------------- /assets/favicons/apple-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/apple-icon-152x152.png -------------------------------------------------------------------------------- /assets/favicons/apple-icon-180x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/apple-icon-180x180.png -------------------------------------------------------------------------------- /assets/favicons/apple-icon-57x57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/apple-icon-57x57.png -------------------------------------------------------------------------------- /assets/favicons/apple-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/apple-icon-60x60.png -------------------------------------------------------------------------------- /assets/favicons/apple-icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/apple-icon-72x72.png -------------------------------------------------------------------------------- /assets/favicons/apple-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/apple-icon-76x76.png -------------------------------------------------------------------------------- /assets/favicons/apple-icon-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/apple-icon-precomposed.png -------------------------------------------------------------------------------- /assets/favicons/apple-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/apple-icon.png -------------------------------------------------------------------------------- /assets/favicons/browserconfig.xml: -------------------------------------------------------------------------------- 1 | 2 | #ffffff -------------------------------------------------------------------------------- /assets/favicons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/favicon-16x16.png -------------------------------------------------------------------------------- /assets/favicons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/favicon-32x32.png -------------------------------------------------------------------------------- /assets/favicons/favicon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/favicon-96x96.png -------------------------------------------------------------------------------- /assets/favicons/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/favicon.ico -------------------------------------------------------------------------------- /assets/favicons/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "App", 3 | "icons": [ 4 | { 5 | "src": "\/android-icon-36x36.png", 6 | "sizes": "36x36", 7 | "type": "image\/png", 8 | "density": "0.75" 9 | }, 10 | { 11 | "src": "\/android-icon-48x48.png", 12 | "sizes": "48x48", 13 | "type": "image\/png", 14 | "density": "1.0" 15 | }, 16 | { 17 | "src": "\/android-icon-72x72.png", 18 | "sizes": "72x72", 19 | "type": "image\/png", 20 | "density": "1.5" 21 | }, 22 | { 23 | "src": "\/android-icon-96x96.png", 24 | "sizes": "96x96", 25 | "type": "image\/png", 26 | "density": "2.0" 27 | }, 28 | { 29 | "src": "\/android-icon-144x144.png", 30 | "sizes": "144x144", 31 | "type": "image\/png", 32 | "density": "3.0" 33 | }, 34 | { 35 | "src": "\/android-icon-192x192.png", 36 | "sizes": "192x192", 37 | "type": "image\/png", 38 | "density": "4.0" 39 | } 40 | ] 41 | } -------------------------------------------------------------------------------- /assets/favicons/ms-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/ms-icon-144x144.png -------------------------------------------------------------------------------- /assets/favicons/ms-icon-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/ms-icon-150x150.png -------------------------------------------------------------------------------- /assets/favicons/ms-icon-310x310.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/ms-icon-310x310.png -------------------------------------------------------------------------------- /assets/favicons/ms-icon-70x70.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/favicons/ms-icon-70x70.png -------------------------------------------------------------------------------- /assets/fonts/Overpass-Bold-Italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Bold-Italic.eot -------------------------------------------------------------------------------- /assets/fonts/Overpass-Bold-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Bold-Italic.ttf -------------------------------------------------------------------------------- /assets/fonts/Overpass-Bold-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Bold-Italic.woff -------------------------------------------------------------------------------- /assets/fonts/Overpass-Bold-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Bold-Italic.woff2 -------------------------------------------------------------------------------- /assets/fonts/Overpass-Bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Bold.eot -------------------------------------------------------------------------------- /assets/fonts/Overpass-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Bold.ttf -------------------------------------------------------------------------------- /assets/fonts/Overpass-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Bold.woff -------------------------------------------------------------------------------- /assets/fonts/Overpass-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Bold.woff2 -------------------------------------------------------------------------------- /assets/fonts/Overpass-ExtraLight-Italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-ExtraLight-Italic.eot -------------------------------------------------------------------------------- /assets/fonts/Overpass-ExtraLight-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-ExtraLight-Italic.ttf -------------------------------------------------------------------------------- /assets/fonts/Overpass-ExtraLight-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-ExtraLight-Italic.woff -------------------------------------------------------------------------------- /assets/fonts/Overpass-ExtraLight.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-ExtraLight.eot -------------------------------------------------------------------------------- /assets/fonts/Overpass-ExtraLight.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-ExtraLight.ttf -------------------------------------------------------------------------------- /assets/fonts/Overpass-ExtraLight.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-ExtraLight.woff -------------------------------------------------------------------------------- /assets/fonts/Overpass-ExtraLight.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-ExtraLight.woff2 -------------------------------------------------------------------------------- /assets/fonts/Overpass-Italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Italic.eot -------------------------------------------------------------------------------- /assets/fonts/Overpass-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Italic.ttf -------------------------------------------------------------------------------- /assets/fonts/Overpass-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Italic.woff -------------------------------------------------------------------------------- /assets/fonts/Overpass-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Italic.woff2 -------------------------------------------------------------------------------- /assets/fonts/Overpass-Light-Italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Light-Italic.eot -------------------------------------------------------------------------------- /assets/fonts/Overpass-Light-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Light-Italic.ttf -------------------------------------------------------------------------------- /assets/fonts/Overpass-Light-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Light-Italic.woff -------------------------------------------------------------------------------- /assets/fonts/Overpass-Light-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Light-Italic.woff2 -------------------------------------------------------------------------------- /assets/fonts/Overpass-Light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Light.eot -------------------------------------------------------------------------------- /assets/fonts/Overpass-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Light.ttf -------------------------------------------------------------------------------- /assets/fonts/Overpass-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Light.woff -------------------------------------------------------------------------------- /assets/fonts/Overpass-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Light.woff2 -------------------------------------------------------------------------------- /assets/fonts/Overpass-Regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Regular.eot -------------------------------------------------------------------------------- /assets/fonts/Overpass-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Regular.ttf -------------------------------------------------------------------------------- /assets/fonts/Overpass-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Regular.woff -------------------------------------------------------------------------------- /assets/fonts/Overpass-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/assets/fonts/Overpass-Regular.woff2 -------------------------------------------------------------------------------- /assets/fonts/recommended.css: -------------------------------------------------------------------------------- 1 | /* Webfont: Overpass-Bold */@font-face { 2 | font-family: 'Overpass'; 3 | src: url('Overpass-Bold.eot'); /* IE9 Compat Modes */ 4 | src: url('Overpass-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 5 | url('Overpass-Bold.woff') format('woff'), /* Modern Browsers */ 6 | url('Overpass-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ 7 | url('Overpass-Bold.svg#Overpass-Bold') format('svg'); /* Legacy iOS */ 8 | font-style: normal; 9 | font-weight: 700; 10 | text-rendering: optimizeLegibility; 11 | } 12 | 13 | /* Webfont: Overpass-BoldItalic */@font-face { 14 | font-family: 'Overpass'; 15 | src: url('Overpass-Bold-Italic.eot'); /* IE9 Compat Modes */ 16 | src: url('Overpass-Bold-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 17 | url('Overpass-Bold-Italic.woff') format('woff'), /* Modern Browsers */ 18 | url('Overpass-Bold-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ 19 | url('Overpass-Bold-Italic.svg#Overpass-BoldItalic') format('svg'); /* Legacy iOS */ 20 | font-style: italic; 21 | font-weight: 700; 22 | text-rendering: optimizeLegibility; 23 | } 24 | 25 | /* Webfont: Overpass-Reg */@font-face { 26 | font-family: 'Overpass'; 27 | src: url('Overpass-Regular.eot'); /* IE9 Compat Modes */ 28 | src: url('Overpass-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 29 | url('Overpass-Regular.woff') format('woff'), /* Modern Browsers */ 30 | url('Overpass-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ 31 | url('Overpass-Regular.svg#Overpass-Regular') format('svg'); /* Legacy iOS */ 32 | font-style: normal; 33 | font-weight: 600; 34 | text-rendering: optimizeLegibility; 35 | } 36 | 37 | 38 | /* Webfont: Overpass-Italic */@font-face { 39 | font-family: 'Overpass'; 40 | src: url('Overpass-Italic.eot'); /* IE9 Compat Modes */ 41 | src: url('Overpass-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 42 | url('Overpass-Italic.woff') format('woff'), /* Modern Browsers */ 43 | url('Overpass-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ 44 | url('Overpass-Italic.svg#Overpass-Italic') format('svg'); /* Legacy iOS */ 45 | font-style: italic; 46 | font-weight: 600; 47 | text-rendering: optimizeLegibility; 48 | } 49 | 50 | 51 | /* Webfont: Overpass-Light */@font-face { 52 | font-family: 'Overpass'; 53 | src: url('Overpass-Light.eot'); /* IE9 Compat Modes */ 54 | src: url('Overpass-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 55 | url('Overpass-Light.woff') format('woff'), /* Modern Browsers */ 56 | url('Overpass-Light.ttf') format('truetype'), /* Safari, Android, iOS */ 57 | url('Overpass-Light.svg#Overpass-Light') format('svg'); /* Legacy iOS */ 58 | font-style: normal; 59 | font-weight: normal; 60 | text-rendering: optimizeLegibility; 61 | } 62 | 63 | /* Webfont: Overpass-LightItalic */@font-face { 64 | font-family: 'Overpass'; 65 | src: url('Overpass-Light-Italic.eot'); /* IE9 Compat Modes */ 66 | src: url('Overpass-Light-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 67 | url('Overpass-Light-Italic.woff') format('woff'), /* Modern Browsers */ 68 | url('Overpass-Light-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ 69 | url('Overpass-Light-Italic.svg#Overpass-LightItalic') format('svg'); /* Legacy iOS */ 70 | font-style: italic; 71 | font-weight: normal; 72 | text-rendering: optimizeLegibility; 73 | } 74 | 75 | /* Webfont: Overpass-ExtraLight */@font-face { 76 | font-family: 'Overpass'; 77 | src: url('Overpass-ExtraLight.eot'); /* IE9 Compat Modes */ 78 | src: url('Overpass-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 79 | url('Overpass-ExtraLight.woff') format('woff'), /* Modern Browsers */ 80 | url('Overpass-ExtraLight.ttf') format('truetype'), /* Safari, Android, iOS */ 81 | url('Overpass-ExtraLight.svg#Overpass-ExtraLight') format('svg'); /* Legacy iOS */ 82 | font-style: normal; 83 | font-weight: 300; 84 | text-rendering: optimizeLegibility; 85 | } 86 | 87 | /* Webfont: Overpass-ExtraLightItalic */@font-face { 88 | font-family: 'Overpass'; 89 | src: url('Overpass-ExtraLight-Italic.eot'); /* IE9 Compat Modes */ 90 | src: url('Overpass-ExtraLight-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 91 | url('Overpass-ExtraLight-Italic.woff') format('woff'), /* Modern Browsers */ 92 | url('Overpass-ExtraLight-Italic.ttf') format('truetype'), /* Safari, Android, iOS */ 93 | url('Overpass-ExtraLight-Italic.svg#Overpass-ExtraLightItalic') format('svg'); /* Legacy iOS */ 94 | font-style: italic; 95 | font-weight: 300; 96 | text-rendering: optimizeLegibility; 97 | } 98 | 99 | -------------------------------------------------------------------------------- /assets/js/instantclick.min.js: -------------------------------------------------------------------------------- 1 | /* InstantClick 3.1.0 | (C) 2014 Alexandre Dieulot | http://instantclick.io/license */ 2 | var InstantClick=function(d,e){function w(a){var b=a.indexOf("#");return 0>b?a:a.substr(0,b)}function z(a){for(;a&&"A"!=a.nodeName;)a=a.parentNode;return a}function A(a){var b=e.protocol+"//"+e.host;if(!(b=a.target||a.hasAttribute("download")||0!=a.href.indexOf(b+"/")||-1+new Date-500||(a=z(a.target))&&A(a)&&x(a.href)}function N(a){G>+new Date-500||(a=z(a.target))&&A(a)&&(a.addEventListener("mouseout",T),H?(O=a.href,l=setTimeout(x,H)):x(a.href))}function U(a){G=+new Date;(a=z(a.target))&&A(a)&&(D?a.removeEventListener("mousedown", 5 | M):a.removeEventListener("mouseover",N),x(a.href))}function V(a){var b=z(a.target);!b||!A(b)||1p.readyState)&&0!=p.status){q.ready=+new Date-q.start;if(p.getResponseHeader("Content-Type").match(/\/(x|ht|xht)ml/)){var a=d.implementation.createHTMLDocument("");a.documentElement.innerHTML=p.responseText.replace(//gi,"");y=a.title; 6 | u=a.body;var b=t("receive",r,u,y);b&&("body"in b&&(u=b.body),"title"in b&&(y=b.title));b=w(r);h[b]={body:u,title:y,scrollY:b in h?h[b].scrollY:0};for(var a=a.head.children,b=0,c,g=a.length-1;0<=g;g--)if(c=a[g],c.hasAttribute("data-instant-track")){c=c.getAttribute("href")||c.getAttribute("src")||c.innerHTML;for(var e=E.length-1;0<=e;e--)E[e]==c&&b++}b!=E.length&&(F=!0)}else F=!0;m&&(m=!1,P(r))}}function L(a){d.body.addEventListener("touchstart",U,!0);D?d.body.addEventListener("mousedown",M,!0):d.body.addEventListener("mouseover", 7 | N,!0);d.body.addEventListener("click",V,!0);if(!a){a=d.body.getElementsByTagName("script");var b,c,g,e;i=0;for(j=a.length;i+new Date-(q.start+q.display)||(l&&(clearTimeout(l),l=!1),a||(a=O),v&&(a==r||m))||(v=!0,m=!1,r=a,F=u=!1,q={start:+new Date},t("fetch"), 8 | p.open("GET",a),p.send())}function P(a){"display"in q||(q.display=+new Date-q.start);l||!v?l&&r&&r!=a?e.href=a:(x(a),C.start(0,!0),t("wait"),m=!0):m?e.href=a:F?e.href=r:u?(h[k].scrollY=pageYOffset,m=v=!1,K(y,u,r)):(C.start(0,!0),t("wait"),m=!0)}var I=navigator.userAgent,S=-1b;b++)a[b]+"Transform"in h.style&&(k=a[b]+"Transform");var c="transition";if(!(c in h.style))for(b=0;3>b;b++)a[b]+"Transition"in 11 | h.style&&(c="-"+a[b].toLowerCase()+"-"+c);a=d.createElement("style");a.innerHTML="#instantclick{position:"+(Q?"absolute":"fixed")+";top:0;left:0;width:100%;pointer-events:none;z-index:2147483647;"+c+":opacity .25s .1s}.instantclick-bar{background:#29d;width:100%;margin-left:-100%;height:2px;"+c+":all .25s}";d.head.appendChild(a);Q&&(m(),addEventListener("resize",m),addEventListener("scroll",m))},start:a,done:e}}(),R="pushState"in history&&(!I.match("Android")||I.match("Chrome/"))&&"file:"!=e.protocol; 12 | return{supported:R,init:function(){if(!k)if(R){for(var a=arguments.length-1;0<=a;a--){var b=arguments[a];!0===b?J=!0:"mousedown"==b?D=!0:"number"==typeof b&&(H=b)}k=w(e.href);h[k]={body:d.body,title:d.title,scrollY:pageYOffset};for(var b=d.head.children,c,a=b.length-1;0<=a;a--)c=b[a],c.hasAttribute("data-instant-track")&&(c=c.getAttribute("href")||c.getAttribute("src")||c.innerHTML,E.push(c));p=new XMLHttpRequest;p.addEventListener("readystatechange",W);L(!0);C.init();t("change",!0);addEventListener("popstate", 13 | function(){var a=w(e.href);a!=k&&(a in h?(h[k].scrollY=pageYOffset,k=a,K(h[a].title,h[a].body,!1,h[a].scrollY)):e.href=e.href)})}else t("change",!0)},on:function(a,b){B[a].push(b)}}}(document,location); 14 | -------------------------------------------------------------------------------- /feed.xml: -------------------------------------------------------------------------------- 1 | --- 2 | layout: null 3 | permalink: /feed/ 4 | --- 5 | 6 | 7 | 8 | {{ site.title | xml_escape }} 9 | {{ site.description | xml_escape }} 10 | {{ site.url }}{{ site.baseurl }}/ 11 | 12 | {{ site.time | date_to_rfc822 }} 13 | {{ site.time | date_to_rfc822 }} 14 | Jekyll v{{ jekyll.version }} 15 | {% for post in site.posts limit:10 %} 16 | 17 | {{ post.title | xml_escape }} 18 | {{ post.content | xml_escape }} 19 | {{ post.date | date_to_rfc822 }} 20 | {{ post.url | absolute_url }} 21 | {{ post.url | absolute_url }} 22 | {% for tag in post.tags %} 23 | {{ tag | xml_escape }} 24 | {% endfor %} 25 | {% for cat in post.categories %} 26 | {{ cat | xml_escape }} 27 | {% endfor %} 28 | 29 | {% endfor %} 30 | 31 | 32 | -------------------------------------------------------------------------------- /index.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: home 3 | title: Home 4 | --- 5 | 6 | -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bertrandkeller/overkyll-jekyll-theme/4d229d9a239f4c8d687e71858815061c59cdba49/screenshot.png --------------------------------------------------------------------------------