RubyGems - hanuman - Versions diffs - 0.3.0 → 0.4.0 - Mend

hanuman 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

checksums.yaml +4 -4
data/LICENSE.txt +21 -21
data/README.md +175 -173
data/_data/authors.yml +16 -0
data/_data/navigation.yml +4 -4
data/_includes/analytics.html +15 -15
data/_includes/footer.html +65 -65
data/_includes/head.html +68 -68
data/_includes/header.html +58 -58
data/_includes/metadata.json +30 -30
data/_includes/styles.scss +727 -727
data/_layouts/default.html +13 -13
data/_layouts/page.html +16 -16
data/_layouts/post.html +157 -153
data/_sass/_syntax-highlighting.scss +65 -65
data/_sass/bourbon/_bourbon-deprecated-upcoming.scss +8 -8
data/_sass/bourbon/_bourbon.scss +79 -79
data/_sass/bourbon/addons/_button.scss +374 -374
data/_sass/bourbon/addons/_clearfix.scss +23 -23
data/_sass/bourbon/addons/_directional-values.scss +111 -111
data/_sass/bourbon/addons/_ellipsis.scss +7 -7
data/_sass/bourbon/addons/_font-family.scss +5 -5
data/_sass/bourbon/addons/_hide-text.scss +10 -10
data/_sass/bourbon/addons/_html5-input-types.scss +86 -86
data/_sass/bourbon/addons/_position.scss +32 -32
data/_sass/bourbon/addons/_prefixer.scss +45 -45
data/_sass/bourbon/addons/_retina-image.scss +31 -31
data/_sass/bourbon/addons/_size.scss +16 -16
data/_sass/bourbon/addons/_timing-functions.scss +32 -32
data/_sass/bourbon/addons/_triangle.scss +83 -83
data/_sass/bourbon/addons/_word-wrap.scss +8 -8
data/_sass/bourbon/css3/_animation.scss +52 -52
data/_sass/bourbon/css3/_appearance.scss +3 -3
data/_sass/bourbon/css3/_backface-visibility.scss +6 -6
data/_sass/bourbon/css3/_background-image.scss +42 -42
data/_sass/bourbon/css3/_background.scss +55 -55
data/_sass/bourbon/css3/_border-image.scss +59 -59
data/_sass/bourbon/css3/_border-radius.scss +22 -22
data/_sass/bourbon/css3/_box-sizing.scss +4 -4
data/_sass/bourbon/css3/_calc.scss +4 -4
data/_sass/bourbon/css3/_columns.scss +47 -47
data/_sass/bourbon/css3/_filter.scss +5 -5
data/_sass/bourbon/css3/_flex-box.scss +321 -321
data/_sass/bourbon/css3/_font-face.scss +23 -23
data/_sass/bourbon/css3/_font-feature-settings.scss +9 -9
data/_sass/bourbon/css3/_hidpi-media-query.scss +10 -10
data/_sass/bourbon/css3/_hyphens.scss +3 -3
data/_sass/bourbon/css3/_image-rendering.scss +14 -14
data/_sass/bourbon/css3/_keyframes.scss +35 -35
data/_sass/bourbon/css3/_linear-gradient.scss +38 -38
data/_sass/bourbon/css3/_perspective.scss +8 -8
data/_sass/bourbon/css3/_placeholder.scss +8 -8
data/_sass/bourbon/css3/_radial-gradient.scss +39 -39
data/_sass/bourbon/css3/_transform.scss +15 -15
data/_sass/bourbon/css3/_transition.scss +77 -77
data/_sass/bourbon/css3/_user-select.scss +3 -3
data/_sass/bourbon/functions/_assign.scss +10 -10
data/_sass/bourbon/functions/_color-lightness.scss +13 -13
data/_sass/bourbon/functions/_flex-grid.scss +38 -38
data/_sass/bourbon/functions/_golden-ratio.scss +3 -3
data/_sass/bourbon/functions/_grid-width.scss +13 -13
data/_sass/bourbon/functions/_modular-scale.scss +66 -66
data/_sass/bourbon/functions/_px-to-em.scss +13 -13
data/_sass/bourbon/functions/_px-to-rem.scss +15 -15
data/_sass/bourbon/functions/_strip-units.scss +5 -5
data/_sass/bourbon/functions/_tint-shade.scss +9 -9
data/_sass/bourbon/functions/_transition-property-name.scss +21 -21
data/_sass/bourbon/functions/_unpack.scss +17 -17
data/_sass/bourbon/helpers/_convert-units.scss +15 -15
data/_sass/bourbon/helpers/_gradient-positions-parser.scss +13 -13
data/_sass/bourbon/helpers/_is-num.scss +8 -8
data/_sass/bourbon/helpers/_linear-angle-parser.scss +25 -25
data/_sass/bourbon/helpers/_linear-gradient-parser.scss +41 -41
data/_sass/bourbon/helpers/_linear-positions-parser.scss +61 -61
data/_sass/bourbon/helpers/_linear-side-corner-parser.scss +31 -31
data/_sass/bourbon/helpers/_radial-arg-parser.scss +69 -69
data/_sass/bourbon/helpers/_radial-gradient-parser.scss +50 -50
data/_sass/bourbon/helpers/_radial-positions-parser.scss +18 -18
data/_sass/bourbon/helpers/_render-gradients.scss +26 -26
data/_sass/bourbon/helpers/_shape-size-stripper.scss +10 -10
data/_sass/bourbon/helpers/_str-to-num.scss +50 -50
data/_sass/bourbon/settings/_asset-pipeline.scss +1 -1
data/_sass/bourbon/settings/_prefixer.scss +6 -6
data/_sass/bourbon/settings/_px-to-em.scss +1 -1
metadata +4 -4
data/_data/author.yml +0 -8

data/_layouts/default.html CHANGED

@@ -1,13 +1,13 @@
-<!DOCTYPE html>
-<html ⚡ lang="en">
-  {% include head.html %}
-  <body>
-    {% include header.html %}
-    {{ content }}
-    {% comment %}
-        {% include analytics.html %}
-    {% endcomment %}
-  </body>
-</html>
+<!DOCTYPE html>
+<html ⚡ lang="en">
+  {% include head.html %}
+  <body>
+    {% include header.html %}
+    {{ content }}
+    {% comment %}
+        {% include analytics.html %}
+    {% endcomment %}
+  </body>
+</html>

data/_layouts/page.html CHANGED

@@ -1,16 +1,16 @@
----
-layout: default
----
-<main class="content" role="main">
-  <article class="post">
-    <div class="post-meta">
-      <h1 class="post-title">{{ page.title }}</h1>
-    </div>
-    <section class="post-content">
-      <a name="topofpage"></a>
-      {{content}}
-    </section>
-  </article>
-</main>
-{% include footer.html %}
+---
+layout: default
+---
+<main class="content" role="main">
+  <article class="post">
+    <div class="post-meta">
+      <h1 class="post-title">{{ page.title }}</h1>
+    </div>
+    <section class="post-content">
+      <a name="topofpage"></a>
+      {{content}}
+    </section>
+  </article>
+</main>
+{% include footer.html %}

data/_layouts/post.html CHANGED

@@ -1,153 +1,157 @@
----
-layout: default
----
-  {% if page.cover %}
-  <figure class="ampstart-image-fullpage-hero m0 relative mb4">
-    <amp-img width="404" height="720" alt="{{ page.title }}" layout="responsive" src="{{ site.baseurl }}{{ page.cover }}" media="(max-width: 415px)"></amp-img>
-    <amp-img height="720" alt="{{ page.title }}" layout="fixed-height" src="{{ site.baseurl }}{{ page.cover }}" media="(min-width: 416px)"></amp-img>
-    <figcaption class="absolute top-0 right-0 bottom-0 left-0">
-      <header class="p3">
-        <h1 class="ampstart-fullpage-hero-heading mb0 hanuman">
-          <span class="ampstart-fullpage-hero-heading-text title">
-            {{ page.title }}
-          </span>
-        </h1>
-        <h2 class="ampstart-fullpage-hero-heading mb0">
-          {% if page.author %}
-          <span class="ampstart-fullpage-hero-heading-text description">
-            By <b><a href="#" role="author" class="text-decoration-none author">{{page.author}}</a></b>
-          </span>
-          {% endif %}
-        </h2>
-      </header>
-      <footer class="absolute left-0 right-0 bottom-0">
-        <a class="ampstart-readmore py3 caps line-height-2 text-decoration-none center block h5" href="#content"><span class="ampstart-readmore-text px1">Read more</span></a>
-      </footer>
-    </figcaption>
-  </figure>
-  <main id="content" role="main" class="">
-    <article class="photo-article">
-      <div class="post-meta mb4 px3">
-        <time class="post-date" datetime="{{ page.date | date:'%Y-%m-%d' }}">{{ page.date | date_to_string }}</time>
-        {% if page.tags.size > 0 %}
-            in
-            {% for tag in page.tags %}
-                {% if forloop.index == page.tags.size %}
-                   <a href=''>{{ tag | capitalize }}</a>
-                {% else %}
-                   <a href=''>{{ tag | capitalize }}</a>,
-                {% endif %}
-            {% endfor %}
-        {% endif %}
-      </div>
-      <div class="mb4 px3 radhakrishna" align="left">
-		    <amp-social-share type="facebook" width="45" height="33" data-param-app_id="145393166088568"></amp-social-share>
-		    <amp-social-share type="twitter" width="45" height="33"></amp-social-share>
-		    <amp-social-share type="whatsapp" width="45" height="33"></amp-social-share>
-		    <amp-social-share type="gplus" width="45" height="33"></amp-social-share>
-		    <amp-social-share width="45" height="33" type="email"></amp-social-share>
-	    </div>
-  {% else %}
-    <main id="content" role="main" class="">
-      <article class="recipe-article">
-        <header>
-          {% if page.tags.size > 0 %}
-          <span class="ampstart-subtitle block px3 pt2 mb2">
-                        {% for tag in page.tags %}
-                            {% if forloop.index == page.tags.size %}
-                               {{ tag | upcase }}
-                            {% else %}
-                               {{ tag | upcase }},
-                            {% endif %}
-                        {% endfor %}
-          </span>
-          {% endif %}
-          <h1 class="mb1 px3">{{page.title}}</h1>
-          <address class="ampstart-byline clearfix mb4 px3 h5">
-            <time class="ampstart-byline-pubdate block bold my1" datetime="{{ page.date | date:'%e %B %Y' }}">{{ page.date | date:'%e %B %Y' }}</time>
-          </address>
-        </header>
-  {% endif %}
-    <div class="px3 mb4">
-      {{content}}
-    </div>
-    <!-- Start Related article -->
-    {% if page.tags.size > 0 %}
-        {% assign primary = page.tags | first %}
-        {% assign related_posts = 0 %}
-        {% for post in site.posts %}
-          {% if post.tags.size > 0 %}
-              {% if post.tags contains primary %}
-                {% assign related_posts = related_posts | plus: 1 %}
-              {% endif %}
-          {% endif %}
-        {% endfor %}
-        {% if related_posts > 1 %}
-          <section class="ampstart-related-article-section p3 mb4 border-top">
-              <h2 class="ampstart-heading ampstart-label m0 mb3">Related article</h2>
-                <article class="ampstart-related-article">
-                    {% if post.cover %}
-                    <amp-img src="{{ site.baseurl }}{{ post.cover }}" width="656" height="350" layout="responsive" alt="" class="mb3"></amp-img>
-                    {% else %}
-                        {% if site.cover %}
-                        <amp-img src="{{ site.baseurl }}{{ site.cover }}" width="656" height="350" layout="responsive" alt="" class="mb3"></amp-img>
-                        {% endif %}
-                    {% endif %}
-                    {% assign count = 0 %}
-                    {% for post in site.posts %}
-                      {% if post.tags contains primary %}
-                        {% if post.title != page.title %}
-                          {% assign count = count | plus: 1 %}
-                          {% if count <= 3 %}
-                            <h3 class="ampstart-heading h4 m0 mb3"><b>{{ post.title }}</b></h3>
-                            <p class="line-height-4 mb3">
-                            {% if post.description %}
-                              {{post.description}}
-                            {% else %}
-                              {{ post.content | strip_html | truncatewords:15 }}
-                            {% endif %}
-                            </p>
-                            <a href="{{ site.baseurl }}{{ post.url | remove: '/' }}" class="ampstart-rekated-article-readmore block text-decoration-none ampstart-label">Read more</a>
-                          {% endif %}
-                        {% endif %}
-                      {% endif %}
-                    {% endfor %}
-                </article>
-          </section>
-        {% endif %}
-    {% endif %}
-    <!-- End Related article -->
-<hr>
-<div class="author-section mb4">
-    {% if site.data.author["author"]["assets"] %}
-        <amp-img width="100" height="100" class="author-thumb-post" layout="responsive" src="{{ site.baseurl }}{{site.data.author["author"]["assets"]}}" alt="Author image"/></amp-img>
-    {% endif %}
-    <a href=""><h4 class="author-name">{{site.data.author["author"]["name"]}}</h4></a>
-    <p class="mb4 px3">{{site.data.author["author"]["bio"]}}</p>
-</div>
-<!-- Start Socialbox -->
-<div class="ampstart-social-box mb4">
-  <amp-social-share type="twitter" aria-label="Share this on Twitter"></amp-social-share>
-  <amp-social-share type="facebook" aria-label="Share this on Facebook" data-param-app_id="145393166088568"></amp-social-share>
-  <amp-social-share type="gplus" aria-label="Share this on Google Plus"></amp-social-share>
-  <amp-social-share type="email" aria-label="Share this with E-mail"></amp-social-share>
-</div>
-<!-- End Socialbox -->
-  {% include footer.html %}
-</main>
+---
+layout: default
+---
+  {% if page.cover %}
+  <figure class="ampstart-image-fullpage-hero m0 relative mb4">
+    <amp-img width="404" height="720" alt="{{ page.title }}" layout="responsive" src="{{ site.baseurl }}{{ page.cover }}" media="(max-width: 415px)"></amp-img>
+    <amp-img height="720" alt="{{ page.title }}" layout="fixed-height" src="{{ site.baseurl }}{{ page.cover }}" media="(min-width: 416px)"></amp-img>
+    <figcaption class="absolute top-0 right-0 bottom-0 left-0">
+      <header class="p3">
+        <h1 class="ampstart-fullpage-hero-heading mb0 hanuman">
+          <span class="ampstart-fullpage-hero-heading-text title">
+            {{ page.title }}
+          </span>
+        </h1>
+        <h2 class="ampstart-fullpage-hero-heading mb0">
+          {% if page.author %}
+          <span class="ampstart-fullpage-hero-heading-text description">
+            By <b><a href="#" role="author" class="text-decoration-none author">{{page.author}}</a></b>
+          </span>
+          {% endif %}
+        </h2>
+      </header>
+      <footer class="absolute left-0 right-0 bottom-0">
+        <a class="ampstart-readmore py3 caps line-height-2 text-decoration-none center block h5" href="#content"><span class="ampstart-readmore-text px1">Read more</span></a>
+      </footer>
+    </figcaption>
+  </figure>
+  <main id="content" role="main" class="">
+    <article class="photo-article">
+      <div class="post-meta mb4 px3">
+        <time class="post-date" datetime="{{ page.date | date:'%Y-%m-%d' }}">{{ page.date | date_to_string }}</time>
+        {% if page.tags.size > 0 %}
+            in
+            {% for tag in page.tags %}
+                {% if forloop.index == page.tags.size %}
+                   <a href='{{site.baseurl}}tags/#{{tag}}'>{{ tag | capitalize }}</a>
+                {% else %}
+                   <a href='{{site.baseurl}}tags/#{{tag}}'>{{ tag | capitalize }}</a>,
+                {% endif %}
+            {% endfor %}
+        {% endif %}
+      </div>
+      <div class="mb4 px3 radhakrishna" align="left">
+		    <amp-social-share type="facebook" width="45" height="33" data-param-app_id="145393166088568"></amp-social-share>
+		    <amp-social-share type="twitter" width="45" height="33"></amp-social-share>
+		    <amp-social-share type="whatsapp" width="45" height="33"></amp-social-share>
+		    <amp-social-share type="gplus" width="45" height="33"></amp-social-share>
+		    <amp-social-share width="45" height="33" type="email"></amp-social-share>
+	    </div>
+  {% else %}
+    <main id="content" role="main" class="">
+      <article class="recipe-article">
+        <header>
+          {% if page.tags.size > 0 %}
+          <span class="ampstart-subtitle block px3 pt2 mb2">
+                        {% for tag in page.tags %}
+                            {% if forloop.index == page.tags.size %}
+                               <a href='{{site.baseurl}}tags/#{{tag}}'>{{ tag | capitalize }}</a>
+                            {% else %}
+                               <a href='{{site.baseurl}}tags/#{{tag}}'>{{ tag | capitalize }}</a>,
+                            {% endif %}
+                        {% endfor %}
+          </span>
+          {% endif %}
+          <h1 class="mb1 px3">{{page.title}}</h1>
+          <address class="ampstart-byline clearfix mb4 px3 h5">
+            <time class="ampstart-byline-pubdate block bold my1" datetime="{{ page.date | date:'%e %B %Y' }}">{{ page.date | date:'%e %B %Y' }}</time>
+          </address>
+        </header>
+  {% endif %}
+    <div class="px3 mb4">
+      {{content}}
+    </div>
+    <!-- Start Related article -->
+    {% if page.tags.size > 0 %}
+        {% assign primary = page.tags | first %}
+        {% assign related_posts = 0 %}
+        {% for post in site.posts %}
+          {% if post.tags.size > 0 %}
+              {% if post.tags contains primary %}
+                {% assign related_posts = related_posts | plus: 1 %}
+              {% endif %}
+          {% endif %}
+        {% endfor %}
+        {% if related_posts > 1 %}
+          <section class="ampstart-related-article-section p3 mb4 border-top">
+              <h2 class="ampstart-heading ampstart-label m0 mb3">Related article</h2>
+                <article class="ampstart-related-article">
+                    {% if post.cover %}
+                    <amp-img src="{{ site.baseurl }}{{ post.cover }}" width="656" height="350" layout="responsive" alt="" class="mb3"></amp-img>
+                    {% else %}
+                        {% if site.cover %}
+                        <amp-img src="{{ site.baseurl }}{{ site.cover }}" width="656" height="350" layout="responsive" alt="" class="mb3"></amp-img>
+                        {% endif %}
+                    {% endif %}
+                    {% assign count = 0 %}
+                    {% for post in site.posts %}
+                      {% if post.tags contains primary %}
+                        {% if post.title != page.title %}
+                          {% assign count = count | plus: 1 %}
+                          {% if count <= 3 %}
+                            <h3 class="ampstart-heading h4 m0 mb3"><b>{{ post.title }}</b></h3>
+                            <p class="line-height-4 mb3">
+                            {% if post.description %}
+                              {{post.description}}
+                            {% else %}
+                              {{ post.content | strip_html | truncatewords:15 }}
+                            {% endif %}
+                            </p>
+                            <a href="{{ site.baseurl }}{{ post.url | remove: '/' }}" class="ampstart-rekated-article-readmore block text-decoration-none ampstart-label">Read more</a>
+                          {% endif %}
+                        {% endif %}
+                      {% endif %}
+                    {% endfor %}
+                </article>
+          </section>
+        {% endif %}
+    {% endif %}
+    <!-- End Related article -->
+<hr>
+{% for author in site.data.authors %}
+  {% if author[1].username == page.author %}
+    <div class="author-section mb4">
+        {% if author[1].assets %}
+            <amp-img width="100" height="100" class="author-thumb-post" layout="responsive" src="{{ site.baseurl }}{{author[1].assets}}" alt="{{author[1].name}}"/></amp-img>
+        {% endif %}
+        <a href="{{site.baseurl}}authors/#{{author[1].username}}"><h4 class="author-name">{{author[1].name}}</h4></a>
+        <p class="mb4 px3">{{author[1].bio}}</p>
+    </div>
+  {% endif %}
+{% endfor %}
+<!-- Start Socialbox -->
+<div class="ampstart-social-box mb4">
+  <amp-social-share type="twitter" aria-label="Share this on Twitter"></amp-social-share>
+  <amp-social-share type="facebook" aria-label="Share this on Facebook" data-param-app_id="145393166088568"></amp-social-share>
+  <amp-social-share type="gplus" aria-label="Share this on Google Plus"></amp-social-share>
+  <amp-social-share type="email" aria-label="Share this with E-mail"></amp-social-share>
+</div>
+<!-- End Socialbox -->
+  {% include footer.html %}
+</main>

data/_sass/_syntax-highlighting.scss CHANGED

@@ -1,65 +1,65 @@
-.highlight .hll { background-color: #373b41 }
-.highlight  { background: #1d1f21; color: #c5c8c6 }
-.highlight .c { color: #969896 } /* Comment */
-.highlight .err { color: #cc6666 } /* Error */
-.highlight .k { color: #b294bb } /* Keyword */
-.highlight .l { color: #de935f } /* Literal */
-.highlight .n { color: #c5c8c6 } /* Name */
-.highlight .o { color: #8abeb7 } /* Operator */
-.highlight .p { color: #c5c8c6 } /* Punctuation */
-.highlight .cm { color: #969896 } /* Comment.Multiline */
-.highlight .cp { color: #969896 } /* Comment.Preproc */
-.highlight .c1 { color: #969896 } /* Comment.Single */
-.highlight .cs { color: #969896 } /* Comment.Special */
-.highlight .gd { color: #cc6666 } /* Generic.Deleted */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gh { color: #c5c8c6; font-weight: bold } /* Generic.Heading */
-.highlight .gi { color: #b5bd68 } /* Generic.Inserted */
-.highlight .gp { color: #969896; font-weight: bold } /* Generic.Prompt */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #8abeb7; font-weight: bold } /* Generic.Subheading */
-.highlight .kc { color: #b294bb } /* Keyword.Constant */
-.highlight .kd { color: #b294bb } /* Keyword.Declaration */
-.highlight .kn { color: #8abeb7 } /* Keyword.Namespace */
-.highlight .kp { color: #b294bb } /* Keyword.Pseudo */
-.highlight .kr { color: #b294bb } /* Keyword.Reserved */
-.highlight .kt { color: #f0c674 } /* Keyword.Type */
-.highlight .ld { color: #b5bd68 } /* Literal.Date */
-.highlight .m { color: #de935f } /* Literal.Number */
-.highlight .s { color: #b5bd68 } /* Literal.String */
-.highlight .na { color: #81a2be } /* Name.Attribute */
-.highlight .nb { color: #c5c8c6 } /* Name.Builtin */
-.highlight .nc { color: #f0c674 } /* Name.Class */
-.highlight .no { color: #cc6666 } /* Name.Constant */
-.highlight .nd { color: #8abeb7 } /* Name.Decorator */
-.highlight .ni { color: #c5c8c6 } /* Name.Entity */
-.highlight .ne { color: #cc6666 } /* Name.Exception */
-.highlight .nf { color: #81a2be } /* Name.Function */
-.highlight .nl { color: #c5c8c6 } /* Name.Label */
-.highlight .nn { color: #f0c674 } /* Name.Namespace */
-.highlight .nx { color: #81a2be } /* Name.Other */
-.highlight .py { color: #c5c8c6 } /* Name.Property */
-.highlight .nt { color: #8abeb7 } /* Name.Tag */
-.highlight .nv { color: #cc6666 } /* Name.Variable */
-.highlight .ow { color: #8abeb7 } /* Operator.Word */
-.highlight .w { color: #c5c8c6 } /* Text.Whitespace */
-.highlight .mf { color: #de935f } /* Literal.Number.Float */
-.highlight .mh { color: #de935f } /* Literal.Number.Hex */
-.highlight .mi { color: #de935f } /* Literal.Number.Integer */
-.highlight .mo { color: #de935f } /* Literal.Number.Oct */
-.highlight .sb { color: #b5bd68 } /* Literal.String.Backtick */
-.highlight .sc { color: #c5c8c6 } /* Literal.String.Char */
-.highlight .sd { color: #969896 } /* Literal.String.Doc */
-.highlight .s2 { color: #b5bd68 } /* Literal.String.Double */
-.highlight .se { color: #de935f } /* Literal.String.Escape */
-.highlight .sh { color: #b5bd68 } /* Literal.String.Heredoc */
-.highlight .si { color: #de935f } /* Literal.String.Interpol */
-.highlight .sx { color: #b5bd68 } /* Literal.String.Other */
-.highlight .sr { color: #b5bd68 } /* Literal.String.Regex */
-.highlight .s1 { color: #b5bd68 } /* Literal.String.Single */
-.highlight .ss { color: #b5bd68 } /* Literal.String.Symbol */
-.highlight .bp { color: #c5c8c6 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #cc6666 } /* Name.Variable.Class */
-.highlight .vg { color: #cc6666 } /* Name.Variable.Global */
-.highlight .vi { color: #cc6666 } /* Name.Variable.Instance */
-.highlight .il { color: #de935f } /* Literal.Number.Integer.Long */
+.highlight .hll { background-color: #373b41 }
+.highlight  { background: #1d1f21; color: #c5c8c6 }
+.highlight .c { color: #969896 } /* Comment */
+.highlight .err { color: #cc6666 } /* Error */
+.highlight .k { color: #b294bb } /* Keyword */
+.highlight .l { color: #de935f } /* Literal */
+.highlight .n { color: #c5c8c6 } /* Name */
+.highlight .o { color: #8abeb7 } /* Operator */
+.highlight .p { color: #c5c8c6 } /* Punctuation */
+.highlight .cm { color: #969896 } /* Comment.Multiline */
+.highlight .cp { color: #969896 } /* Comment.Preproc */
+.highlight .c1 { color: #969896 } /* Comment.Single */
+.highlight .cs { color: #969896 } /* Comment.Special */
+.highlight .gd { color: #cc6666 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gh { color: #c5c8c6; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #b5bd68 } /* Generic.Inserted */
+.highlight .gp { color: #969896; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #8abeb7; font-weight: bold } /* Generic.Subheading */
+.highlight .kc { color: #b294bb } /* Keyword.Constant */
+.highlight .kd { color: #b294bb } /* Keyword.Declaration */
+.highlight .kn { color: #8abeb7 } /* Keyword.Namespace */
+.highlight .kp { color: #b294bb } /* Keyword.Pseudo */
+.highlight .kr { color: #b294bb } /* Keyword.Reserved */
+.highlight .kt { color: #f0c674 } /* Keyword.Type */
+.highlight .ld { color: #b5bd68 } /* Literal.Date */
+.highlight .m { color: #de935f } /* Literal.Number */
+.highlight .s { color: #b5bd68 } /* Literal.String */
+.highlight .na { color: #81a2be } /* Name.Attribute */
+.highlight .nb { color: #c5c8c6 } /* Name.Builtin */
+.highlight .nc { color: #f0c674 } /* Name.Class */
+.highlight .no { color: #cc6666 } /* Name.Constant */
+.highlight .nd { color: #8abeb7 } /* Name.Decorator */
+.highlight .ni { color: #c5c8c6 } /* Name.Entity */
+.highlight .ne { color: #cc6666 } /* Name.Exception */
+.highlight .nf { color: #81a2be } /* Name.Function */
+.highlight .nl { color: #c5c8c6 } /* Name.Label */
+.highlight .nn { color: #f0c674 } /* Name.Namespace */
+.highlight .nx { color: #81a2be } /* Name.Other */
+.highlight .py { color: #c5c8c6 } /* Name.Property */
+.highlight .nt { color: #8abeb7 } /* Name.Tag */
+.highlight .nv { color: #cc6666 } /* Name.Variable */
+.highlight .ow { color: #8abeb7 } /* Operator.Word */
+.highlight .w { color: #c5c8c6 } /* Text.Whitespace */
+.highlight .mf { color: #de935f } /* Literal.Number.Float */
+.highlight .mh { color: #de935f } /* Literal.Number.Hex */
+.highlight .mi { color: #de935f } /* Literal.Number.Integer */
+.highlight .mo { color: #de935f } /* Literal.Number.Oct */
+.highlight .sb { color: #b5bd68 } /* Literal.String.Backtick */
+.highlight .sc { color: #c5c8c6 } /* Literal.String.Char */
+.highlight .sd { color: #969896 } /* Literal.String.Doc */
+.highlight .s2 { color: #b5bd68 } /* Literal.String.Double */
+.highlight .se { color: #de935f } /* Literal.String.Escape */
+.highlight .sh { color: #b5bd68 } /* Literal.String.Heredoc */
+.highlight .si { color: #de935f } /* Literal.String.Interpol */
+.highlight .sx { color: #b5bd68 } /* Literal.String.Other */
+.highlight .sr { color: #b5bd68 } /* Literal.String.Regex */
+.highlight .s1 { color: #b5bd68 } /* Literal.String.Single */
+.highlight .ss { color: #b5bd68 } /* Literal.String.Symbol */
+.highlight .bp { color: #c5c8c6 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #cc6666 } /* Name.Variable.Class */
+.highlight .vg { color: #cc6666 } /* Name.Variable.Global */
+.highlight .vi { color: #cc6666 } /* Name.Variable.Instance */
+.highlight .il { color: #de935f } /* Literal.Number.Integer.Long */