type-on-strap 2.2.1 → 2.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 96498e8bc639617b5a89ca28b272159ac6bbe0181cf06e4940a8d3e484ab3e9c
-  data.tar.gz: 1963b426197beb23d966e2e8de61abd2288b344d764cde9ece68636e8dddc68c
+  metadata.gz: 64e23af743852732351b47a317581898a46eb51166c89d34d269ec28f0705208
+  data.tar.gz: fcc2886a0faa1321a78607e86eb75c7dfda7b9920a06aa50c438f0b1303ee8f0
 SHA512:
-  metadata.gz: '09b6df42042eac5648af2d3606fe05dbf1cd811753e7a932ab62de701f999729f7dad969c99a1ca910ff490221648bba03706942395f3d439958d83080d99fd2'
-  data.tar.gz: db5215c5227cec136a7b9191040f2fbf06f550499804d03d99ef33b0d736aebbe906523fedaa18bff7f64c7aa26210e3c373448941247c6f7239e8ea7a961b6e
+  metadata.gz: 651b591231960d11c4a15885ea219bf81033a7c8612ce35be0bbacf92ed3ed930867fe42de05c8e3b1a730cfe1cda57a5b0b34c421c689793a4c44a81c9ec193
+  data.tar.gz: add83657f5553e3789477ae2947c6a3fb6ea8de67b84147401dffd61ea42541131479eb6c9af6d7d0d022cb62abe5b88a5fa568f1e045d6bd70e2bca9564e854

data/README.md

@@ -189,12 +189,17 @@ $$
 In `_data/social.yml` you can customize the social icons from other wbesite you wish to display in the blog.
 The site icons come from [Font Awesome](https://fontawesome.com/).
 
+### Cookie consent
+
+You can add a cookie consent with a disclaimer if you use Google Analytics while respecting the [GDPR](https://en.wikipedia.org/wiki/General_Data_Protection_Regulation).
+Set to true, there will be a banner at the bottom of the page with the disclaimer and a approve button.
+Once the user clicks on "Approve" the cookies will be created for Google Analytics.
+
 #### Share in article
 
 The share icons are the one at the bottom of the blog page if enabled, 
 to share the article on those platform.
 
-
 #### Footer
 
 Display in the footer. 
@@ -287,6 +292,12 @@ Use it in any markdown file. There are two fields in the include you need to loo
     - `column=3` set 3 columns
     - `column="auto"` makes as many columns as images
 
+#### Code highlight
+
+Like all CSS variables in the theme, you can edit the color of the code highlight in _sass > base > _variables.scss.
+The code highlighting works with [base16](https://github.com/chriskempson/base16-html-previews/tree/master/css) you can find existing example 
+of your favourite highlight color scheme on this format.
+
 ## Other Layouts
 Please refer to the [Jekyll docs for writing posts](https://jekyllrb.com/docs/posts/). 
 Non-standard features are documented below.
@@ -504,5 +515,7 @@ remote_theme: sylhare/Type-on-Strap
 
 ## License
 
-There are some fonts and component on this theme going under the MIT licence as well in this theme.
-[The MIT License (MIT)](https://raw.githubusercontent.com/Sylhare/Type-on-Strap/master/LICENSE)
+This theme is licensed under the [The MIT License (MIT)](https://raw.githubusercontent.com/Sylhare/Type-on-Strap/master/LICENSE)
+
+- Pictures from [Pexels](https://www.pexels.com/) are under Creative Commons Zero (CC0) license
+- Fonts are licensed under the [SIL Open Font License (OFL)](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL) 

data/_includes/citation.html

@@ -0,0 +1,2 @@
+{%- assign citation = site.data.biblio | where:"key", include.key | first -%}
+<span class="cit-authors">{{citation.authors}}</span>, <span class="cit-title">{{citation.title}}</span>

data/_includes/cookie-consent.html

@@ -0,0 +1,51 @@
+<div id="cookie-notice"><span>{{ site.cookie_consent_disclaimer
+  | default: 'We would like to use third party cookies and scripts to improve the functionality of this website.' }}
+</span><a id="cookie-notice-accept" class="button">Approve</a>
+</div>
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+<script async src='https://www.google-analytics.com/analytics.js'></script>
+<script>
+  function createCookie(name, value, days) {
+    var expires = "";
+    if (days) {
+      var date = new Date();
+      date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+      expires = "; expires=" + date.toUTCString();
+    }
+    document.cookie = name + "=" + value + expires + "; path=/";
+  }
+
+  function readCookie(name) {
+    var nameEQ = name + "=";
+    var ca = document.cookie.split(';');
+    for (var i = 0; i < ca.length; i++) {
+      var c = ca[i];
+      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
+    }
+    return null;
+  }
+
+  if(readCookie('cookie-notice-dismissed')==='true') {
+    {% if site.google_analytics %}
+      // Google tag manager
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '{{ site.google_analytics }}');
+      // Google analytics
+      window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
+      ga('create', '{{ site.google_analytics }}', 'auto');
+      ga('send', 'pageview');
+    {% endif %}
+  } else {
+    document.getElementById('cookie-notice').style.display = 'block';
+  }
+
+  document.getElementById('cookie-notice-accept').addEventListener("click",function() {
+    createCookie('cookie-notice-dismissed','true',31);
+    document.getElementById('cookie-notice').style.display = 'none';
+    location.reload();
+  });
+
+</script>

data/_includes/head.html

@@ -3,7 +3,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
     <!-- Main JS (navbar.js, katex_init.js and masonry_init.js)-->
-    <script defer=true src="{{ '/assets/js/main.min.js' | relative_url }}"></script>
+    <script defer src="{{ '/assets/js/main.min.js' | relative_url }}"></script>
     
     <!-- CSS -->
     <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
@@ -36,25 +36,27 @@
     {% endif %}
 
     <!-- Google Analytics -->
-    {% if site.google_analytics %}
-    <!-- Global site tag (gtag.js) -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', '{{ site.google_analytics }}');
-    </script>
-    
-    <!-- Page analysis (analytics.js) -->
-    <script async src='https://www.google-analytics.com/analytics.js'></script>
-    <script>
-      window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
-      ga('create', '{{ site.google_analytics }}', 'auto');
-      ga('send', 'pageview');
-    </script>
+    {% if site.cookie_consent %}
+        {% include cookie-consent.html %}
+    {% elsif site.google_analytics and !%}
+        <!-- Global site tag (gtag.js) -->
+        <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+        <script>
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+          gtag('config', '{{ site.google_analytics }}');
+        </script>
+
+        <!-- Page analysis (analytics.js) -->
+        <script async src='https://www.google-analytics.com/analytics.js'></script>
+        <script>
+          window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
+          ga('create', '{{ site.google_analytics }}', 'auto');
+          ga('send', 'pageview');
+        </script>
+        <!-- End Google Analytics -->
     {% endif %}
-    <!-- End Google Analytics -->
 
     <!-- seo tags -->
     {% seo %}

data/_layouts/default.html

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!--
-    Type on Strap jekyll theme v2.2.1
+    Type on Strap jekyll theme v2.2.4
     Copyright 2016-2019 Sylhare
     Theme free for personal and commercial use under the MIT license
     https://github.com/sylhare/Type-on-Strap/blob/master/LICENSE

data/_layouts/page.html

@@ -5,12 +5,16 @@ layout: default
 <article {% if page.feature-img %}class="feature-image"{% endif %}>
 
   <header id="main" style="background-image: url('{{ page.feature-img | relative_url }}')">
-    <h1 id="{{ page.title | default: "" | cgi_escape }}" class="title">
-    {{ page.title }}
-    </h1>
-    {% if page.subtitle %}
-    <h2 class="subtitle">{{ page.subtitle }}</h2>
-    {% endif %}
+    <div class="title-padder">
+      {% if page.hide_title %}
+        <div class="feature-image-padding"></div>
+      {% else %}
+        <h1 id="{{ page.title | default: "" | cgi_escape }}" class="title"> {{ page.title }}</h1>
+        {% if page.subtitle %}
+        <h2 class="subtitle">{{ page.subtitle }}</h2>
+        {% endif %}
+      {% endif %}
+    </div>
   </header>
 
   <section class="post-content">

data/_layouts/post.html

@@ -1,12 +1,16 @@
 ---
 layout: default
 ---
-<article {% if page.feature-img or page.color %}class="feature-image"{% endif %}>
+<article {% if page.feature-img or page.color %}class="feature-image" {% endif %}>
   <header id="main" style="">
-    {% unless page.hide_title %}
-    <h1 id="{{ page.title | cgi_escape }}" class="title">{{ page.title }}</h1>
-    {% include post_info.html author=page.author date=page.date %}
-    {% endunless %}
+    <div class="title-padder">
+      {% if page.hide_title %}
+      <div class="feature-image-padding"></div>
+      {% else %}
+      <h1 id="{{ page.title | cgi_escape }}" class="title">{{ page.title }}</h1>
+      {% include post_info.html author=page.author date=page.date %}
+      {% endif %}
+    </div>
   </header>
 
   <section class="post-content">

data/_sass/base/_global.scss

@@ -106,12 +106,6 @@ img[align=right] {
   p, li, td {
     font-size: 0.8em;
   }
-  li li {
-    font-size: 0.95em;
-  }
-  li li * {
-    font-size: 1em;
-  }
 
   iframe,
   img,
@@ -211,6 +205,7 @@ dl,
 // Lists within lists
 li {
   p {
+    font-size: inherit;
     display: inline;
   }
 

data/_sass/base/_variables.scss

@@ -37,7 +37,7 @@ $selection-color: #D4D4D4; // visible when highlighting text
 $blockquote-color: #EEF7FA; // $background-color;
 
 // Header
-$header-background-color: $theme-color;  // Only used when no header image
+$header-background-color: $theme-color; // Only used when no header image
 $header-text-color: #fff;
 $header-link-color: #383838;
 $navbar-separator-opacity: 0;
@@ -54,29 +54,44 @@ $search-color: #999;
 
 /*  Syntax highlighting  */
 // Syntax typography
-$monospace: Monaco, Consolas, "Lucida Console", monospace !default;
-$font-size-code: 0.75em !default; // ~12px
+$monospace: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, sans-serif !default;
+$font-size-code: 0.85em !default;
+$font-height-code: 1.3em !default;
 $border-radius: 4px !default;
 
 // base16 Material Theme
-$base00: #263238 !default; // Default Background
+$base00: #302f2d !default; // Default Background
 $base01: #2E3C43 !default; // Lighter Background (Used for status bars)
 $base02: #314549 !default; // Selection Background
-$base03: #546E7A !default; // Comments, Invisibles, Line Highlighting
-$base04: #B2CCD6 !default; // Dark Foreground (Used for status bars)
-$base05: #EEFFFF !default; // Default Foreground, Caret, Delimiters, Operators
-$base06: #EEFFFF !default; // Light Foreground (Not often used)
-$base07: #FFFFFF !default; // Light Background (Not often used)
-$base08: #F07178 !default; // Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
-$base09: #F78C6C !default; // Integers, Boolean, Constants, XML Attributes, Markup Link Url
-$base0a: #FFCB6B !default; // Classes, Markup Bold, Search Text Background
-$base0b: #98C379 !default; // Strings, Inherited Class, Markup Code, Diff Inserted
+$base03: #546E7A !default; // Dark Foreground (Used for status bars)
+$base04: #B2CCD6 !default; // Comments, Invisible, Line Highlighting
+$base05: #EEFFFF !default; // Light Foreground (Not often used)
+$base06: #EEFFFF !default; // Light Background (Not often used)
+$base07: #FFFFFF !default; // Default Foreground, Default text color
+$base08: #F07178 !default; // Parenthesis, Caret, Delimiters, Operators
+$base09: #F78C6C !default; // Classes, Markup Bold, Search Text Background
+$base0a: #FFCB6B !default; // Strings, Inherited Class, Markup Code, Diff Inserted
+$base0b: #98C379 !default; // Functions, Methods, Attribute IDs, Headings
 $base0c: #89DDFF !default; // Support, Regular Expressions, Escape Characters, Markup Quotes
-$base0d: #82AAFF !default; // Functions, Methods, Attribute IDs, Headings
-$base0e: #C792EA !default; // Keywords, Storage, Selector, Markup Italic, Diff Changed
+$base0d: #82AAFF !default; // Keywords, Storage, Selector, Markup Italic, Diff Changed
+$base0e: #C792EA !default; // Integers, Boolean, Constants, XML Attributes, Markup Link Url
 $base0f: #FF5370 !default; // Deprecated, Opening/Closing Embedded Language Tags e.g.
 
-
-
-
+// base16 Monokai
+//$base00: #272822 !default; // Default Background
+//$base01: #383830 !default; // Lighter Background (Used for status bars)
+//$base02: #49483e !default; // Selection Background
+//$base03: #75715e !default; // Dark Foreground (Used for status bars)
+//$base04: #a59f85 !default; // Comments, Invisible, Line Highlighting
+//$base05: #f8f8f2 !default; // Light Foreground (Not often used)
+//$base06: #f5f4f1 !default; // Light Background (Not often used)
+//$base07: #f9f8f5 !default; // Default text color
+//$base08: #f92672 !default; // Parenthesis, Caret, Delimiters, Operators
+//$base09: #fd971f !default; // Classes, Markup Bold, Search Text Background
+//$base0a: #e6db74 !default; // Strings, Inherited Class, Markup Code, Diff Inserted
+//$base0b: #a6e22e !default; // Functions, Methods, Attribute IDs, Headings
+//$base0c: #a1efe4 !default; // Support, Regular Expressions, Escape Characters, Markup Quotes
+//$base0d: #66d9ef !default; // Keywords, Storage, Selector, Markup Italic, Diff Changed
+//$base0e: #ae81ff !default; // Integers, Boolean, Constants, XML Attributes, Markup Link Url
+//$base0f: #cc6633 !default; // Deprecated, Opening/Closing Embedded Language Tags e.g.
 

data/_sass/external/_syntax.scss

@@ -1,27 +1,49 @@
-// Inspired by: https://github.com/mmistakes/minimal-mistakes/blob/master/_sass/minimal-mistakes/_syntax.scss
-
 // ==========================================================================
 //   Syntax highlighting
-// ========================================================================== 
+// ==========================================================================
 
 div.highlighter-rouge,
-figure.highlight {
+figure.highlight,
+.highlight code {
   position: relative;
-  margin-bottom: 1em;
   background: $base00;
   color: $base05;
   font-family: $monospace;
   font-size: $font-size-code;
-  line-height: 1.8;
+  line-height: $font-height-code;
   border-radius: $border-radius;
 
+
   > pre,
   pre.highlight {
     margin: 0;
-    padding: 1em
+    padding: 1em;
   }
 }
 
+li .highlight * {
+  font-size: 14px;
+}
+
+pre .rouge-table,
+.highlight pre,
+.code pre {
+  margin: 0;
+}
+
+.rouge-table * {
+  font-size: 1em;
+}
+
+li div.highlighter-rouge {
+  margin-top: 0.5em;
+}
+
+div.highlighter-rouge,
+figure.highlight {
+  margin-bottom: 1em;
+}
+
 code.highlighter-rouge {
   padding: 0.2em 0.4em;
   font-size: $font-size-code;
@@ -62,73 +84,143 @@ code.highlighter-rouge {
   }
 }
 
-.highlight pre{ width:100%}
-.highlight .hll{ background-color:$base06}
-
-.highlight{ 
- .c{ /* Comment */ color:$base04}
- .err{ /* Error */ color:$base08}
- .k{ /* Keyword */ color:$base0e}
- .l{ /* Literal */ color:$base09}
- .n{ /* Name */ color:$base05}
- .o{ /* Operator */ color:$base0c}
- .p{ /* Punctuation */ color:$base05}
- .cm{ /* Comment.Multiline */ color:$base04}
- .cp{ /* Comment.Preproc */ color:$base04}
- .c1{ /* Comment.Single */ color:$base04}
- .cs{ /* Comment.Special */ color:$base04}
- .gd{ /* Generic.Deleted */ color:$base08}
- .ge{ /* Generic.Emph */ font-style:italic}
- .gh{ /* Generic.Heading */ color:$base05;  font-weight:bold}
- .gi{ /* Generic.Inserted */ color:$base0b}
- .gp{ /* Generic.Prompt */ color:$base04;  font-weight:bold}
- .gs{ /* Generic.Strong */ font-weight:bold}
- .gu{ /* Generic.Subheading */ color:$base0c;  font-weight:bold}
- .kc{ /* Keyword.Constant */ color:$base0e}
- .kd{ /* Keyword.Declaration */ color:$base0e}
- .kn{ /* Keyword.Namespace */ color:$base0c}
- .kp{ /* Keyword.Pseudo */ color:$base0e}
- .kr{ /* Keyword.Reserved */ color:$base0e}
- .kt{ /* Keyword.Type */ color:$base0a}
- .ld{ /* Literal.Date */ color:$base0b}
- .m{ /* Literal.Number */ color:$base09}
- .s{ /* Literal.String */ color:$base0b}
- .na{ /* Name.Attribute */ color:$base0d}
- .nb{ /* Name.Builtin */ color:$base05}
- .nc{ /* Name.Class */ color:$base0a}
- .no{ /* Name.Constant */ color:$base08}
- .nd{ /* Name.Decorator */ color:$base0c}
- .ni{ /* Name.Entity */ color:$base05}
- .ne{ /* Name.Exception */ color:$base08}
- .nf{ /* Name.Function */ color:$base0d}
- .nl{ /* Name.Label */ color:$base05}
- .nn{ /* Name.Namespace */ color:$base0a}
- .nx{ /* Name.Other */ color:$base0d}
- .py{ /* Name.Property */ color:$base05}
- .nt{ /* Name.Tag */ color:$base0c}
- .nv{ /* Name.Variable */ color:$base08}
- .ow{ /* Operator.Word */ color:$base0c}
- .w{ /* Text.Whitespace */ color:$base05}
- .mf{ /* Literal.Number.Float */ color:$base09}
- .mh{ /* Literal.Number.Hex */ color:$base09}
- .mi{ /* Literal.Number.Integer */ color:$base09}
- .mo{ /* Literal.Number.Oct */ color:$base09}
- .sb{ /* Literal.String.Backtick */ color:$base0b}
- .sc{ /* Literal.String.Char */ color:$base05}
- .sd{ /* Literal.String.Doc */ color:$base04}
- .s2{ /* Literal.String.Double */ color:$base0b}
- .se{ /* Literal.String.Escape */ color:$base09}
- .sh{ /* Literal.String.Heredoc */ color:$base0b}
- .si{ /* Literal.String.Interpol */ color:$base09}
- .sx{ /* Literal.String.Other */ color:$base0b}
- .sr{ /* Literal.String.Regex */ color:$base0b}
- .s1{ /* Literal.String.Single */ color:$base0b}
- .ss{ /* Literal.String.Symbol */ color:$base0b}
- .bp{ /* Name.Builtin.Pseudo */ color:$base05}
- .vc{ /* Name.Variable.Class */ color:$base08}
- .vg{ /* Name.Variable.Global */ color:$base08}
- .vi{ /* Name.Variable.Instance */ color:$base08}
- .il{ /* Literal.Number.Integer.Long */ color:$base09}
+.highlight pre {
+  width: 100%
+}
+
+.highlight .hll {
+  background-color: $base06
+}
+
+.highlight {
+  .bp{ /* Name.Builtin.Pseudo */
+    color: $base0c  }
+  .c { /* Comment */
+    color: $base04 }
+  .cm{ /* Comment.Multiline */
+    color: $base04  }
+  .cp{ /* Comment.Preproc */
+    color: $base04  }
+  .c1{ /* Comment.Single */
+    color: $base04  }
+  .cs{ /* Comment.Special */
+    color: $base04  }
+  .dl{ /* String.Quotes 8 */
+    color: $base0a  }
+  .err { /* Error */
+    color: $base0c }
+  .gd{ /* Generic.Deleted */
+    color: $base0c  }
+  .ge{ /* Generic.Emph */
+    font-style: italic  }
+  .gh{ /* Generic.Heading */
+    color: $base05;font-weight: bold  }
+  .gi{ /* Generic.Inserted */
+    color: $base0a  }
+  .gp{ /* Generic.Prompt */
+    color: $base04;font-weight: bold  }
+  .gs{ /* Generic.Strong */
+    font-weight: bold  }
+  .gu{ /* Generic.Subheading */
+    color: $base08;font-weight: bold  }
+  .il{ /* Literal.Number.Integer.Long */
+    color: $base0e  }
+  .k { /* Keyword */
+    color: $base0d }
+  .kc{ /* Keyword.Constant */
+    color: $base0d  }
+  .kd{ /* Keyword.Declaration */
+    color: $base0d  }
+  .kn{ /* Keyword.Namespace */
+    color: $base09  }
+  .kp{ /* Keyword.Pseudo */
+    color: $base0d  }
+  .kr{ /* Keyword.Reserved */
+    color: $base0d  }
+  .kt{ /* Keyword.Type */
+    color: $base09  }
+  .l{ /* Literal */
+    color: $base0e  }
+  .ld{ /* Literal.Date */
+    color: $base0a  }
+  .m{ /* Literal.Number */
+    color: $base0e  }
+  .mf{ /* Literal.Number.Float */
+    color: $base0e  }
+  .mh{ /* Literal.Number.Hex */
+    color: $base0e  }
+  .mi{ /* Literal.Number.Integer */
+    color: $base0e  }
+  .mo{ /* Literal.Number.Oct */
+    color: $base0e  }
+  .n{ /* Name */
+    color: $base05  }
+  .na{ /* Name.Attribute */
+    color: $base0b  }
+  .nb{ /* Name.Builtin */
+    color: $base05  }
+  .nc{ /* Name.Class */
+    color: $base05  }
+  .no{ /* Name.Constant */
+    color: $base05  }
+  .nd{ /* Name.Decorator */
+    color: $base08  }
+  .ni{ /* Name.Entity */
+    color: $base05  }
+  .ne{ /* Name.Exception */
+    color: $base0c  }
+  .nf{ /* Name.Function */
+    color: $base0b  }
+  .nl{ /* Name.Label */
+    color: $base05  }
+  .nn{ /* Name.Namespace */
+    color: $base05  }
+  .nt{ /* Name.Tag */
+    color: $base08  }
+  .nv{ /* Name.Variable */
+    color: $base0c  }
+  .nx{ /* Name.Other */
+    color: $base0b  }
+  .o{ /* Operator */
+    color: $base08  }
+  .ow{ /* Operator.Word */
+    color: $base0d  }
+  .p{ /* Punctuation */
+    color: $base05  }
+  .py{ /* Name.Property */
+    color: $base05  }
+  .s{ /* Literal.String */
+    color: $base0a  }
+  .sb{ /* Literal.String.Backtick */
+    color: $base0a  }
+  .sc{ /* Literal.String.Char */
+    color: $base05  }
+  .sd{ /* Literal.String.Doc */
+    color: $base04  }
+  .s2{ /* Literal.String.Double */
+    color: $base0a  }
+  .se{ /* Literal.String.Escape */
+    color: $base0e  }
+  .sh{ /* Literal.String.Heredoc */
+    color: $base0a  }
+  .si{ /* Literal.String.Interpol */
+    color: $base0e  }
+  .sx{ /* Literal.String.Other */
+    color: $base0a  }
+  .sr{ /* Literal.String.Regex */
+    color: $base0a  }
+  .s1{ /* Literal.String.Single */
+    color: $base0a  }
+  .ss{ /* Literal.String.Symbol */
+    color: $base0a  }
+  .vc{ /* Name.Variable.Class */
+    color: $base0c  }
+  .vg{ /* Name.Variable.Global */
+    color: $base0c  }
+  .vi{ /* Name.Variable.Instance */
+    color: $base0c  }
+  .w{ /* Text.Whitespace */
+    color: $base05  }
 }
 
 // Fix Github syntax display
@@ -136,6 +228,12 @@ code.highlighter-rouge {
   width: 3.5% !important;
 }
 
+.gist {
+  th, td {
+    border-bottom: 0;
+  }
+}
+
 // Fix nbconvert dataframe
 .dataframe tbody {
   font-size: 0.8em;

data/_sass/includes/_cookie_consent.scss

@@ -0,0 +1,17 @@
+#cookie-notice {
+  padding: 0.5rem 1rem;
+  display: none;
+  text-align: center;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  background: rgba(2, 2, 2, 0.85);
+  color: lightgray;
+  z-index: 1000;
+}
+
+#cookie-notice a {
+  display: inline-block;
+  cursor: pointer;
+  margin-left: 0.6rem;
+}

data/_sass/includes/_footer.scss

@@ -1,5 +1,6 @@
 .site-footer {
   @extend %padding-post;
+  z-index: -1;
   display: inline-block;
   text-align: center;
   width: 100%;

data/_sass/layouts/_page.scss

@@ -22,6 +22,7 @@ h1.title {
 .row {
   display: flex;
   flex-wrap: wrap;
+  padding: 0.9% 0 1.5% 0;
 }
 
 .column {

data/_sass/type-on-strap.scss

@@ -24,3 +24,4 @@
 @import 'includes/grid';
 @import 'includes/share_buttons';
 @import 'includes/blog_nav.scss';
+@import 'includes/cookie_consent.scss';

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: type-on-strap
 version: !ruby/object:Gem::Version
-  version: 2.2.1
+  version: 2.2.4
 platform: ruby
 authors:
 - Sylhare
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-05-20 00:00:00.000000000 Z
+date: 2020-06-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -90,6 +90,8 @@ files:
 - _includes/aligner.html
 - _includes/blog.html
 - _includes/blog_nav.html
+- _includes/citation.html
+- _includes/cookie-consent.html
 - _includes/disqus.html
 - _includes/footer.html
 - _includes/gallery.html
@@ -132,6 +134,7 @@ files:
 - _sass/external/font-awesome/_variables.scss
 - _sass/external/font-awesome/font-awesome.scss
 - _sass/includes/_blog_nav.scss
+- _sass/includes/_cookie_consent.scss
 - _sass/includes/_footer.scss
 - _sass/includes/_grid.scss
 - _sass/includes/_navbar.scss