type-on-strap 2.1.0 → 2.2.6

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 }}">
@@ -20,7 +20,6 @@
     {% if page.bootstrap %}
     <!-- Bootstrap-4.1.3 isolation CSS -->
     <link rel="stylesheet" type="text/css" href="{{ '/assets/css/vendor/bootstrap-iso.min.css' | relative_url }}">
-
     <!-- JQuery 3.3.1 -->
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
     <!-- Bootstrap 4.1.3 compiled and minified JavaScript -->
@@ -29,37 +28,43 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
     {% endif %}
 
-    <!-- KaTeX 0.8.3 -->
+    <!-- KaTeX 0.12.0 -->
     <!-- if you have any issue check https://github.com/KaTeX/KaTeX -->
     {% if site.katex or site.theme_settings.katex %}
-    <script src="{{ '/assets/js/vendor/katex.min.js' | relative_url }}"></script>
+    <script defer src="{{ '/assets/js/vendor/katex.min.js' | relative_url }}"></script>
+    <script defer src="{{ '/assets/js/vendor/auto-render.min.js' | relative_url }}" onload="renderMathInElement(document.body);"></script>
     {% 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>
+    <!-- Google Analytics / Cookie Consent -->
     <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');
+      const cookieName = 'cookie-notice-dismissed-{{ site.url }}';
+      const isCookieConsent = '{{ site.cookie_consent }}';
+      const analyticsName = '{{ site.google_analytics }}';
     </script>
-    {% endif %} <!-- End Google Analytics -->
+
+    {% if site.cookie_consent %}
+        <div id="cookie-notice"><span>{{ site.data.language.str_cookie_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">{{ site.data.language.str_cookie_approve | default: "Approve" }}</a>
+        </div>
+    {% endif %}
+    {% if site.google_analytics %}
+        <!-- Global site tag (gtag.js) -->
+        <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+        <!-- Page analysis (analytics.js) -->
+        <script async src='https://www.google-analytics.com/analytics.js'></script>
+    {% endif %}
 
     <!-- seo tags -->
+    <meta property="og:image" content="{{ '/' | absolute_url }}{% if page.thumbnail %}{{ page.thumbnail }}{% else %}{{ page.feature-img | default: site.header_feature_image }}{% endif %}">
     {% seo %}
-    <!-- Manual seo tags -->
-    <!--
-    <title>{% if page.title %}{{ page.title }} |{% endif %} {{ site.title }}</title>
-    <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
-    -->
+
+    <!-- RSS -->
+    {% feed_meta %}
+
+    <!-- Twitter Cards -->
+    <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.theme_settings.title }}{% endif %}">
+    <meta name="twitter:description" content="{{ page.content | strip_html | strip_newlines | truncate: 160 }}">
+    {% if site.theme_settings.twitter %}<meta name="twitter:creator" content="@{{ site.theme_settings.twitter }}">{% endif %}
+    <meta name="twitter:card" content="{% unless page.thumbnail %}summary{% else %}summary_large_image{% endunless %}">
+    <meta name="twitter:image" content="{{ '/' | absolute_url }}{% if page.thumbnail %}{{ page.thumbnail }}{% else %}{{ page.feature-img | default: site.header_feature_image }}{% endif %}">
 </head>

data/_includes/icons.html

@@ -1,8 +1,8 @@
 {% if site.data.social.rss or site.theme_settings.rss %}
 <li>
-    <a feed.xml href="{{ "" | absolute_url }}" title="{{ site.data.language.str_rss_follow | default: "Follow RSS feed"
-    }}">
-    <span class="fa-stack fa-lg">
+    <a feed.xml href="{{ site.data.social.feed.path | default: 'feed.xml' | relative_url }}"
+       title="{{ site.data.language.str_rss_follow | default: "Follow RSS feed" }}">
+        <span class="fa-stack fa-lg">
             <i class="fa fa-circle fa-stack-2x"></i>
             <i class="fa fa-rss fa-stack-1x fa-inverse"></i>
         </span>

data/_layouts/custom.html

@@ -1,35 +1,32 @@
 ---
 layout: default
 ---
-<article {% if page.feature-img %}class="feature-image"{% endif %} style="padding:0;">
-  <header id="main" style="background-image: url('{{ page.feature-img | relative_url }}')">
-    <h1 id="{{ page.title | cgi_escape }}" class="title">{{ page.title }}</h1>
-    <p class="meta">
-    {{ page.date | date: "%B %-d, %Y" }}
-    {% if page.author %} - {{ page.author }}{% endif %}
-    </p>
-  </header>
-  <section class="post-content">{{ content }}</section>
-  
-  <div style="display: inline-block;">
-  <!-- Social media shares -->
-  {% include share_buttons.html %}
-   
-   <!-- Tag list -->
-  {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
-  {% include tags_list.html tags=tag_list %}
+
+<article {% if page.feature-img %}class="feature-image" {% endif %} style="padding:0;">
+    <header id="main" style="background-image: url('{{ page.feature-img | relative_url }}')">
+        <h1 id="{{ page.title | cgi_escape }}" class="title">{{ page.title }}</h1>
+        {% if include.is_post %}
+        {% include post_info.html author=page.author date=page.date %}
+        {% else %}
+    </header>
+    <section class="post-content">{{ content }}</section>
+
+    <div style="display: inline-block;">
+        <!-- Social media shares -->
+        {% if include.is_post %} {% include share_buttons.html %} {% endif %}
+
+        <!-- Tag list -->
+        {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
+        {% include tags_list.html tags=tag_list %}
     </div>
-      
+
 </article>
 
 <!-- Disqus -->
-{% if site.disqus_shortname %}
-<div class="comments">
-  {% include disqus.html %}
-</div>
-{% endif %}
+{% if site.disqus_shortname or site.theme_settings.disqus_shortname %}
+{% include disqus.html %}{% endif %}
 
 <!-- Post navigation -->
 {% if site.post_navigation %}
-  {% include post_nav.html %}
+{% include post_nav.html %}
 {% endif %}

data/_layouts/default.html

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

data/_layouts/home.html

@@ -4,11 +4,11 @@ layout: default
 
 <div class="home">
 
-  <div id="main" class="call-out"
-       style="background-image: url('{{ site.header_feature_image | relative_url }}')">
-    <h1> {{ site.header_text | default: "Change <code>header_text</code> in <code>_config.yml</code>"}} </h1>
-  </div>
+    <div id="main" class="call-out"
+         style="background-image: url('{{ site.header_feature_image | relative_url }}')">
+        <h1> {{ site.header_text | default: "Change <code>header_text</code> in <code>_config.yml</code>"}} </h1>
+    </div>
+
+    {% include blog.html %}
 
-  {% include blog.html %}
-    
 </div>

data/_layouts/page.html

@@ -1,19 +1,22 @@
 ---
 layout: default
 ---
-{% include share_thumbnail.html page=page %}
 
 <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">
   {% if page.bootstrap %}
   <div class="bootstrap-iso">
@@ -23,10 +26,10 @@ layout: default
   </div>
   {% endif %}
   </section>
-    
-    
+
+
   <!-- Tag list for portfolio -->
   {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
   {% include tags_list.html tags=tag_list %}
-    
+
 </article>

data/_layouts/post.html

@@ -1,15 +1,18 @@
 ---
 layout: default
 ---
-{% include share_thumbnail.html page=page %}
-
-<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 %}
+    <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 %}
-    {% endunless %}
+      {% endif %}
+    </div>
   </header>
+
   <section class="post-content">
   {% if page.bootstrap %}
     <div class="bootstrap-iso">
@@ -31,10 +34,7 @@ layout: default
 
 <!-- Disqus -->
 {% if site.disqus_shortname or site.theme_settings.disqus_shortname %}
-<div class="comments">
-  {% include disqus.html %}
-</div>
-{% endif %}
+{% include disqus.html %}{% endif %}
 
 <!-- Post navigation -->
 {% if site.post_navigation  or site.theme_settings.post_navigation %}
@@ -44,16 +44,16 @@ layout: default
 <!-- To change color of links in the page -->
 <style>
   {% if page.color %}
-    .feature-image a { color: {{ page.color }} !important; }
-    div#post-nav a { color: {{ page.color }} !important; }
-    footer a { color: {{ page.color }} !important; }
-    .site-header nav a:hover {  color: {{ page.color }} !important; }
-    header#main { background-color: {{ page.color }} !important; }
+  .feature-image a { color: {{ page.color }} !important; }
+  div#post-nav a { color: {{ page.color }} !important; }
+  footer a { color: {{ page.color }} !important; }
+  .site-header nav a:hover {  color: {{ page.color }} !important; }
+  header#main { background-color: {{ page.color }} !important; }
   {% endif %}
 
   header#main {
     background-repeat:no-repeat;
-    {% if page.feature-img %} background-image: url('{{ page.feature-img | relative_url }}');
-    {% elsif page.color %}background-image: url('{{ site.color_image | relative_url }}');  {% endif %}
+  {% if page.feature-img %} background-image: url('{{ page.feature-img | relative_url }}');
+  {% elsif page.color %}background-image: url('{{ site.color_image | relative_url }}');  {% endif %}
   }
 </style>

data/_layouts/search.html

@@ -3,14 +3,14 @@ layout: page
 ---
 
 <!-- Html Elements for Search -->
-<input type="text" id="search-input" placeholder="Enter keywords..." class="search-bar">
+<input type="text" id="search-input" placeholder="Enter keywords..." class="search-bar" autofocus>
 <br>
 <br>
 <ul id="results-container"></ul>
 
 <section>
     <!-- Script pointing to jekyll-search.js -->
-    <script src="{{ "/assets/js/vendor/simple-jekyll-search.min.js" | relative_url }}" type="text/javascript"></script>
+    <script src="{{ '/assets/js/vendor/simple-jekyll-search.min.js' | relative_url }}" type="text/javascript"></script>
 
     <script type="text/javascript">
         SimpleJekyllSearch({
@@ -18,7 +18,7 @@ layout: page
             resultsContainer: document.getElementById('results-container'),
             json: '{{ "/assets/data/search.json" | relative_url }}',
             searchResultTemplate: '<div class="search-title"><a href="{url}"><h3> {title}</h3></a><div class="meta">{date} <div class="right"><i class="fa fa-tag"></i> {tags}</div></div><p>{excerpt}</p></div><hr> ',
-            noResultsText: 'No results found',
+            noResultsText: '{{ site.data.language.str_no_result_found | default: "No result found" }}',
             limit: 10,
             fuzzy: false,
             exclude: []

data/_sass/base/_global.scss

@@ -13,10 +13,6 @@ figure {
   box-sizing: content-box;
 }
 
-pre {
-  overflow-x: scroll;
-}
-
 html {
   background: $background-color;
 }
@@ -76,6 +72,8 @@ object,
 video {
   max-width: 100%;
   padding: 0 9%;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 img[align=left] {
@@ -104,12 +102,6 @@ img[align=right] {
   p, li, td {
     font-size: 0.8em;
   }
-  li li {
-    font-size: 0.95em;
-  }
-  li li * {
-    font-size: 1em;
-  }
 
   iframe,
   img,
@@ -163,9 +155,9 @@ footer *:last-child {
 }
 
 table {
+  word-wrap: break-word;
   table-layout: fixed;
   width: 100%;
-  word-wrap: break-word;
   display: inline-block;
 }
 
@@ -209,6 +201,7 @@ dl,
 // Lists within lists
 li {
   p {
+    font-size: inherit;
     display: inline;
   }
 

data/_sass/base/_highlight.scss

@@ -0,0 +1,290 @@
+// ==========================================================================
+//   Syntax highlighting
+// ==========================================================================
+
+div.highlighter-rouge,
+figure.highlight,
+.highlight code {
+  position: relative;
+  background: $base00;
+  color: $base05;
+  font-family: $monospace;
+  font-size: $font-size-code;
+  line-height: $font-height-code;
+  border-radius: $border-radius;
+
+
+  > pre,
+  pre.highlight {
+    margin: 0;
+    padding: 1em;
+  }
+}
+
+li .highlight * {
+  font-size: 14px;
+}
+
+pre .rouge-table,
+.highlight pre,
+.code pre {
+  margin: 0;
+  overflow: auto;
+}
+
+.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;
+  background-color: transparentize($base00, 0.85);
+  color: rgb(36, 41, 46);
+  border-radius: 2px;
+  font-family: $monospace;
+}
+
+table.rouge-table {
+  margin-bottom: 0;
+  font-size: 1em;
+  width: 100%;
+  border: 0;
+
+  td {
+    padding: 0;
+    width: calc(100% - 1em);
+    border: 0;
+    /* line numbers*/
+    &.gutter,
+    &.rouge-gutter {
+      padding-right: 1em;
+      width: 2em;
+      color: $base04;
+      border-right: 1px solid $base04;
+      text-align: right
+    }
+
+    /* code */
+    &.code,
+    &.rouge-code {
+      padding-left: 1em
+    }
+  }
+
+  pre {
+    margin: 0
+  }
+}
+
+.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: $base0d  }
+  .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  }
+  .mb{ /* Literal.Bytes */
+    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: $base0f  }
+  .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
+.gist .blob-num {
+  width: 3.5% !important;
+}
+
+.gist {
+  th, td {
+    border-bottom: 0;
+  }
+}
+
+// Fix nbconvert dataframe
+.dataframe tbody {
+  font-size: 0.8em;
+  border-color: white;
+
+  tr {
+    :nth-child(even) {
+      background-color: #f8f8f8;
+    }
+
+    th {
+      border-top: 0;
+      border-left: 0;
+      border-bottom: 0;
+    }
+
+
+    td {
+      padding: 0;
+      border: 0;
+      text-align: center;
+    }
+  }
+
+
+}
+
+.dataframe thead tr {
+  :nth-child(n+2) {
+    color: black;
+    //width: 100px;
+
+    font-size: 0.75em;
+    text-align: center !important;
+    border-top: 0;
+    border-left: 0;
+    border-right: 0;
+  }
+
+  :first-child {
+    border-top: 0;
+    border-left: 0;
+  }
+
+}
+
+table.dataframe {
+  border: 0 solid $border-color;
+  border-collapse: collapse;
+}