type-on-strap 0.3.0 → 0.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 41737444e953755c8857b1560289ef5d8149f7af
-  data.tar.gz: bb284350e1deca22cc043fa4464639721553e14a
+  metadata.gz: 82b5b5c11368433c2c385ae85a584e8b90be4021
+  data.tar.gz: de33a7e934937ebf744c112fec92f39588b60dc7
 SHA512:
-  metadata.gz: 650fc66f48e58f0c0168debc0834582c3cd66a8449769d68f2fc949e6947deaccbfc8f4dddfa726521b199a818ca823063a90ff52b10ef0855246eca2cf4e5e0
-  data.tar.gz: fd562818a2e06b39c5685aa25dcbe9de1776eacf3b50f311d758720af444ebe3eca33634e619e14651316418a6d2cf666d230f9233913a1c5a8fa31a251208a1
+  metadata.gz: 8b0b4dc66af2c021ea11daa54491963102ee595749263bfbffb9d1f20dd6d7eaf18360ae7a080afca0827a44cebe57b70bb9c0de3cea2d7756afebc414af0e21
+  data.tar.gz: ecd271cbd0587a1cffee6def6b6b7e24fd8b9c30e59092290806f2ed30a39c4d86922a8408678323fc92729d88e1fdc04a64f1aebedc5acb2ba1a6d07a4e936d

data/README.md

@@ -1,14 +1,18 @@
-# Type on Strap [![Build Status](https://travis-ci.org/Sylhare/Type-on-Strap.svg?branch=gh-pages)](https://travis-ci.org/Sylhare/Type-on-Strap)
+# Type on Strap 
+
+[![Build Status](https://travis-ci.org/Sylhare/Type-on-Strap.svg?branch=master)](https://travis-ci.org/Sylhare/Type-on-Strap) 
+[![Gem Version](https://badge.fury.io/rb/type-on-strap.svg)](https://badge.fury.io/rb/type-on-strap)
 
 A free and open-source [Jekyll](https://jekyllrb.com) theme. Based on Rohan Chandra [type-theme](https://github.com/rohanchandra/type-theme) with a few new features:
 
 * Responsive design
 * Portfolio page for your projects
-* Tags compability
+* Tags compatibility
 * Bootstrap : [Get Bootstrap](http://getbootstrap.com/)
 * Search feature : [Simple-Jekyll-Search](https://github.com/christian-fei/Simple-Jekyll-Search)
 * Math Rendering : [KateX](https://github.com/Khan/KaTeX)
 * Seo Tags : [Jekyll-seo-tag](https://help.github.com/articles/search-engine-optimization-for-github-pages/)
+* Syntax Highlighting: Easily customisable [Base16](https://github.com/chriskempson/base16)
 * Free of rights images from [pexels](https://www.pexels.com/)
 
 > [Demo](https://sylhare.github.io/Type-on-Strap/)
@@ -18,7 +22,7 @@ A free and open-source [Jekyll](https://jekyllrb.com) theme. Based on Rohan Chan
 ## Table of Contents
 
 1. [Usage](https://github.com/Sylhare/Type-on-Strap#Usage)
-2. [Struture](https://github.com/Sylhare/Type-on-Strap#structure)
+2. [Structure](https://github.com/Sylhare/Type-on-Strap#structure)
 3. [Configure Type on Strap](https://github.com/Sylhare/Type-on-Strap#configure-type-on-strap)
 4. [Layout](https://github.com/Sylhare/Type-on-Strap#layout)
 5. [Feature pages](https://github.com/Sylhare/Type-on-Strap#feature-pages)
@@ -43,7 +47,7 @@ jekyll-theme-basically-basic
 ├── _draft	               # To store your drafts, they won't be published on your site
 ├── _includes	               # theme includes
 ├── _layouts                   # theme layouts (see below for details)
-├── _portofolio	               # collection of article to be populated in the portfolio page
+├── _portfolio	               # collection of article to be populated in the portfolio page
 ├── _posts                     # Blog posts
 ├── _sass                      # Sass partials 
 ├── assets
@@ -150,9 +154,9 @@ Display the site's icon from [Font Awesome](https://fortawesome.github.io/Font-A
 
 ```yml
   theme_settings:
-     rss: true
+     rss: true                                                   # Make sure you created a feed.xml with feed.xml layout
      email_address: type@example.com
-     linkedin: ttps://www.linkedin.com/in/FirstLast
+     linkedin: https://www.linkedin.com/in/FirstLast
      stack_exchange: https://stackoverflow.com/users/0000/first-last
 ```
 
@@ -203,6 +207,23 @@ $$
 $$
 ```
 
+### Post excerpt
+
+The [excerpt](https://jekyllrb.com/docs/posts/#post-excerpts) are the first lines of an article that is display on the blog page. The length of the excerpt has a default of around `250` characters and can be manually set in the post using:
+```yml
+---
+layout: post
+title: Sample Page
+excerpt_separator: <!--more-->
+---
+
+some text in the excerpt
+<!--more-->
+... rest of the text not shown in the excerpt ...
+```
+
+The html is stripped out of the excerpt so it only display text.
+
 ## Layout
 Please refer to the [Jekyll docs for writing posts](https://jekyllrb.com/docs/posts/). Non-standard features are documented below.
 

data/_includes/icons.html

@@ -1,6 +1,6 @@
 {% if site.theme_settings.rss %}
 <li>
-	<a href="{{ site.url }}//{{ site.baseurl }}//feed.xml" title="{{ site.theme_settings.str_rss_follow }}">
+	<a href="{{ site.url }}{{ site.baseurl }}/feed.xml" title="{{ site.theme_settings.str_rss_follow }}">
 		<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>

data/_includes/navbar.html

@@ -21,6 +21,9 @@
     <ul>
         {% for page in site.pages %}
         {% if page.title and page.hide != true %}
+        <li class="separator">
+            |
+        </li>
         <li>
             <a class="clear" href="{{ page.url | relative_url }}">
                 {{ page.title }}
@@ -29,6 +32,9 @@
         {% endif %}
         {% endfor %} 
         {% if site.theme_settings.portfolio %}
+        <li class="separator">
+            |
+        </li>
         <li>
             <a class="clear" href="{{ site.url }}{{ site.baseurl }}/portfolio">
                 Portfolio
@@ -36,6 +42,9 @@
         </li>
         {% endif %}
         {% if site.theme_settings.search %}
+        <li class="separator">
+            |
+        </li>
         <li>
             <a class="clear" href="{{ site.url }}{{ site.baseurl }}/search">
                 <i class="fa fa-search" aria-hidden="true"></i>
@@ -43,6 +52,9 @@
         </li>
         {% endif %}
         {% if site.theme_settings.tags %}
+        <li class="separator">
+            |
+        </li>
         <li>
             <a class="clear" href="{{ site.url }}{{ site.baseurl }}/tags">
                 <i class="fa fa-tags" aria-hidden="true"></i>

data/_includes/tags_list.html

@@ -1,19 +1,23 @@
 {% assign tags = include.tags | split:'|' | sort | uniq %}
 
 {% if include.tags.size > 0 %}
-    <footer>
-        <div class="tag-list">
-        {% if include.tags.size == 1 %}
-          <div class="meta">Tag</div>
-        {% elsif include.tags.size > 1 %}
-          <div class="meta">Tags</div>
-        {% endif %}
-            
-        {% for tag in tags %}
-          <a class="button" href="{{site.baseurl}}/tags#{{tag}}">
-            <p><i class="fa fa-tag fa-fw"></i> {{ tag }}</p>
-          </a>
-        {% endfor %}
-        </div>
-    </footer>
-  {% endif %}
+<footer>
+  <div class="tag-list">
+    {% if include.tags.size == 1 %}
+      <div class="meta">Tag</div>
+    {% elsif include.tags.size > 1 %}
+      <div class="meta">Tags</div>
+    {% endif %}
+
+    {% for tag in tags %}
+    <a class="button" href="{{site.baseurl}}/tags#{{tag}}">
+      <p><i class="fa fa-tag fa-fw"></i> {{ tag }}</p>
+    </a>
+    {% endfor %}
+  </div>
+</footer>
+{% else %}
+<footer>
+  <div class="tag-list"></div>
+</footer>
+{% endif %}

data/_layouts/feed.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+    <channel>
+        <title>{{ site.theme_settings.title | xml_escape }}</title>
+        <atom:link href="{{ "/feed.xml" | relative_url }}" rel="self" type="application/rss+xml"/>
+        <link>{{ site.url }}{{ site.baseurl }}/</link>
+        <description>{{ site.theme_settings.description | xml_escape }}</description>
+        <pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
+        {% for post in site.posts limit:15 %}
+        <item>
+            <title>{{ post.title | xml_escape }}</title>
+            <link>{{ post.url | relative_url }}</link>
+            <guid isPermaLink="true">{{ post.url | relative_url }}</guid>
+            <description>{{ post.content | xml_escape }}</description>
+            <pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
+        </item>
+        {% endfor %}
+    </channel>
+</rss>

data/_layouts/home.html

@@ -30,7 +30,8 @@ layout: default
             </p>
           </header>
           <div class="excerpt">
-            {{ post.content | strip_html | truncate: "250" }}
+              {{ post.excerpt | strip_html }}
+            <!--{{ post.content | strip_html | truncate: "250" }}-->
             <!--<a class="button" href="{{ post.url | prepend: site.baseurl }}">
               {{ site.theme_settings.str_continue_reading }}
             </a>-->

data/_layouts/search.html

@@ -25,6 +25,7 @@ layout: page
                           "tags"     : "{{ post.tags | join: ', ' | prepend: " " }}",
                           "url"      : "{{ site.baseurl }}{{ post.url }}",
                           "date"     : "{{ post.date | date: "%B %-d, %Y" }}",
+                          "excerpt"  : "{{ post.content | strip_html | strip_newlines | replace: '"', '\\"' | truncate: '250'}}",
                           "content"  : "{{ post.content | strip_html | strip_newlines | replace: '"', '\\"' }}"
                         } {% unless forloop.last %},{% endunless %}
                      {% endfor %},
@@ -36,16 +37,17 @@ layout: page
                             "tags"     : "{{ page.tags | join: ', ' | prepend: " " }}",
                             "url"      : "{{ site.baseurl }}{{ page.url }}",
                             "date"     : "{{ page.date | date: "%B %-d, %Y" }}",
+                            "excerpt"  : "{{ post.content | strip_html | strip_newlines | replace: '"', '\\"' | truncate: '250'}}",
                             "content"  : "{{ page.content | strip_html | strip_newlines | replace: '"', '\\"' }}"
                          {% endif %}
                        } {% unless forloop.last %},{% endunless %}
                      {% endfor %}
                     {% endif %}
                   ],
-            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>{category}</p></div><hr> ',
+            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',
             limit: 10,
-            fuzzy: true,
+            fuzzy: false,
             exclude: []
         })
     </script>

data/_sass/base/_global.scss

@@ -95,9 +95,7 @@ th {
 
 table,
 dl,
-code,
 kbd,
-pre,
 samp {
     margin: 1em 0;
 }
@@ -126,10 +124,15 @@ dl,
 }
 
 // Lists within lists
-li > ul,
-li > ol {
-    margin-bottom: 0;
-    margin-left: 1em;
+li {
+    p {
+        display: inline;
+    }
+    & > ul,
+    & > ol {
+        margin-bottom: 0;
+        margin-left: 1em;
+    }
 }
 
 ol,
@@ -182,8 +185,7 @@ img[align=right] {
         font-size: 0.75em;
     }
     p,
-    li,
-    code {
+    li {
         font-size: 0.75em;
     }
 }

data/_sass/base/_variables.scss

@@ -1,14 +1,9 @@
 // Typography
-$font-family-main: 'Source Sans Pro',
-Helvetica,
-Arial,
-sans-serif;
-$font-family-headings: 'Source Sans Pro',
-Helvetica,
-Arial,
-sans-serif;
+$font-family-main: 'Source Sans Pro', Helvetica, Arial, sans-serif;
+$font-family-headings: 'Source Sans Pro', Helvetica, Arial, sans-serif;
 $font-size: 1.25em;
 
+
 // Padding
 $padding-large: 20%;
 $padding-small: 5%;
@@ -18,6 +13,7 @@ $padding-x-small: 3%;
 $brand-color: #fff;
 $background-color: #fff;
 $border-color: rgba(0, 0, 0, 0.1); // rgba recommended if using feature images
+
 // Typography colours
 $text-color: #383838;
 $link-color: #507492; // #1ABC9C;
@@ -31,6 +27,7 @@ $search-color: #999;
 
 // Header colours
 $header-link-color: #383838;
+$navbar-separator-opacity: 0;
 
 // Feature image for articles
 $feature-image-text-color: #fff;
@@ -42,3 +39,35 @@ $header-desc-text-color: #FFF;
 // Mobile display
 $break: 768px;
 $sm-break: 450px;
+
+
+/*  Syntax highlighting  */
+// Syntax typography
+$monospace: Monaco, Consolas, "Lucida Console", monospace !default;
+$font-size-code: 0.75em !default; // ~12px
+$border-radius: 4px !default;
+
+
+
+// base16 Material Theme
+$base00: #263238 !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
+$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
+$base0f: #FF5370 !default;  // Deprecated, Opening/Closing Embedded Language Tags e.g.
+
+
+
+
+

data/_sass/external/_syntax.scss

@@ -1,63 +1,126 @@
-// pygments-css (https://github.com/richleland/pygments-css)
-
-.hll { background-color: #ffffcc }
-.c { color: #999988; font-style: italic } /* Comment */
-.err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.k { color: #000000; font-weight: bold } /* Keyword */
-.o { color: #000000; font-weight: bold } /* Operator */
-.cm { color: #999988; font-style: italic } /* Comment.Multiline */
-.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
-.c1 { color: #999988; font-style: italic } /* Comment.Single */
-.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
-.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.ge { color: #000000; font-style: italic } /* Generic.Emph */
-.gr { color: #aa0000 } /* Generic.Error */
-.gh { color: #999999 } /* Generic.Heading */
-.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.go { color: #888888 } /* Generic.Output */
-.gp { color: #555555 } /* Generic.Prompt */
-.gs { font-weight: bold } /* Generic.Strong */
-.gu { color: #aaaaaa } /* Generic.Subheading */
-.gt { color: #aa0000 } /* Generic.Traceback */
-.kc { color: #000000; font-weight: bold } /* Keyword.Constant */
-.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
-.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
-.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
-.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
-.kt { color: #445588; font-weight: bold } /* Keyword.Type */
-.m { color: #009999 } /* Literal.Number */
-.s { color: #d01040 } /* Literal.String */
-.na { color: #008080 } /* Name.Attribute */
-.nb { color: #0086B3 } /* Name.Builtin */
-.nc { color: #445588; font-weight: bold } /* Name.Class */
-.no { color: #008080 } /* Name.Constant */
-.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
-.ni { color: #800080 } /* Name.Entity */
-.ne { color: #990000; font-weight: bold } /* Name.Exception */
-.nf { color: #990000; font-weight: bold } /* Name.Function */
-.nl { color: #990000; font-weight: bold } /* Name.Label */
-.nn { color: #555555 } /* Name.Namespace */
-.nt { color: #000080 } /* Name.Tag */
-.nv { color: #008080 } /* Name.Variable */
-.ow { color: #000000; font-weight: bold } /* Operator.Word */
-.w { color: #bbbbbb } /* Text.Whitespace */
-.mf { color: #009999 } /* Literal.Number.Float */
-.mh { color: #009999 } /* Literal.Number.Hex */
-.mi { color: #009999 } /* Literal.Number.Integer */
-.mo { color: #009999 } /* Literal.Number.Oct */
-.sb { color: #d01040 } /* Literal.String.Backtick */
-.sc { color: #d01040 } /* Literal.String.Char */
-.sd { color: #d01040 } /* Literal.String.Doc */
-.s2 { color: #d01040 } /* Literal.String.Double */
-.se { color: #d01040 } /* Literal.String.Escape */
-.sh { color: #d01040 } /* Literal.String.Heredoc */
-.si { color: #d01040 } /* Literal.String.Interpol */
-.sx { color: #d01040 } /* Literal.String.Other */
-.sr { color: #009926 } /* Literal.String.Regex */
-.s1 { color: #d01040 } /* Literal.String.Single */
-.ss { color: #990073 } /* Literal.String.Symbol */
-.bp { color: #999999 } /* Name.Builtin.Pseudo */
-.vc { color: #008080 } /* Name.Variable.Class */
-.vg { color: #008080 } /* Name.Variable.Global */
-.vi { color: #008080 } /* Name.Variable.Instance */
-.il { color: #009999 } /* Literal.Number.Integer.Long */
+// Inspired by: https://github.com/mmistakes/minimal-mistakes/blob/master/_sass/minimal-mistakes/_syntax.scss
+
+// ==========================================================================
+//   Syntax highlighting
+// ========================================================================== 
+
+div.highlighter-rouge,
+figure.highlight {
+    position: relative;
+    margin-bottom: 1em;
+    background: $base00;
+    color: $base05;
+    font-family: $monospace;
+    font-size: $font-size-code;
+    line-height: 1.8;
+    border-radius: $border-radius;
+    > pre,
+    pre.highlight {
+        margin: 0;
+        padding: 1em
+    }
+}
+
+.highlight table {
+    margin-bottom: 0;
+    font-size: 1em;
+    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{ 
+ .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}
+}
+
+// Fix Github syntax display
+.gist .blob-num {
+    width: 3.5% !important;
+}

data/_sass/includes/_navbar.scss

@@ -1,11 +1,19 @@
 .site-header {
-    padding: $padding-x-small $padding-x-small * 2;
-    padding-top: $padding-x-small;
+    padding: $padding-x-small;
     background: $brand-color;
     display: inline-block;
     float: left;
     width: 100%;
 
+    .separator {
+        user-select: none;
+        opacity: $navbar-separator-opacity;
+
+        &:first-child {
+            display: none;
+        }
+    }
+
     a {
         color: $header-link-color;
     }
@@ -98,6 +106,10 @@
     nav {
         height: auto;
 
+        .separator {
+            display: none !important;
+        }
+
         ul {
             width: 100%;
             display: none;

data/_sass/layouts/_index.scss

@@ -4,11 +4,10 @@
     display: inline-block;
     width: 100%;
     height: 100%;
-    background-color: $header-desc-background-color;
     font-size: 1.2em;
     text-align: center;
     color: $header-desc-text-color;
-    background-repeat: no-repeat;
+    background: $header-desc-background-color no-repeat;
     background-size: $feature-image-size;
 
     /* --- Responsive --- */
@@ -34,7 +33,7 @@
 }
 
 #main {
-    background-position: 100% 0px, 0% center, center top;
+    background-position: 100% 0, 0 center, center top;
 }
 
 // Post listing

data/_sass/layouts/_posts.scss

@@ -51,10 +51,10 @@ header {
     text-transform: uppercase;
 }
 
-/* --- Feature image --- */
 
+/* --- Feature image --- */
 .feature-image {
-    padding: 0%;
+    padding: 0;
     .post-link {
         color: $feature-image-text-color;
     }
@@ -85,7 +85,6 @@ header {
 }
 
 /* --- Post navigation --- */
-
 #post-nav {
     width: 100%;
     border-bottom: 1px solid $border-color;

data/_sass/layouts/_search.scss

@@ -6,8 +6,7 @@
     font-size: 18px;
     line-height: 1.43;
     color: $text-color;
-    background-color: $background-color;
-    background-image: none;
+    background: $background-color none;
     border: 1px solid #ccc;
     border-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

data/_sass/type-on-strap.scss

@@ -1,9 +1,11 @@
+// Variables
+@import 'base/variables';
+
 // External
 @import 'external/reset';
 @import 'external/syntax';
 
 // Base
-@import 'base/variables';
 @import 'base/global';
 @import 'base/utility';
 

data/assets/js/katex_init.js

@@ -1,7 +1,7 @@
-var elements = document.getElementsByTagName('script')
+var elements = document.getElementsByTagName('script');
 
 Array.prototype.forEach.call(elements, function (element) {
-    if (element.type.indexOf('math/tex') != -1) {
+    if (element.type.indexOf('math/tex') !== -1) {
         // Extract math markdown
         var textToRender = element.innerText || element.textContent;
 
@@ -13,7 +13,7 @@ Array.prototype.forEach.call(elements, function (element) {
         var katexElement = document.createElement('span');
 
         // Support inline and display math
-        if (element.type.indexOf('mode=display') != -1) {
+        if (element.type.indexOf('mode=display') !== -1) {
             katexElement.className += "math-display";
             textToRender = '\\displaystyle {' + textToRender + '}';
         } else {

data/assets/js/navbar.js

@@ -4,7 +4,7 @@
 $(function () {
     var pull = $('#pull');
     menu = $('nav ul');
-    menuHeight = menu.height();
+    //menuHeight = menu.height();
 
     $(pull).on('click', function (e) {
         menu.slideToggle();

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: type-on-strap
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.2
 platform: ruby
 authors:
 - Sylhare
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-12-31 00:00:00.000000000 Z
+date: 2018-03-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -102,6 +102,7 @@ files:
 - _includes/tags_list.html
 - _layouts/bootstrap.html
 - _layouts/default.html
+- _layouts/feed.xml
 - _layouts/home.html
 - _layouts/page.html
 - _layouts/post.html
@@ -244,7 +245,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.1
+rubygems_version: 2.6.14
 signing_key: 
 specification_version: 4
 summary: A simple and responsive jekyll theme template