grey-energy-theme 0.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 99a7f0e52a8dc94629fdbccd19edfa9e414cd759
+  data.tar.gz: a36a461288e223bf6a3ba337ee3977e2e6fed3a8
+SHA512:
+  metadata.gz: 494c791804accc46fbdfdbab5e3e5d1dee964da595b426068f6db283322edcc06190acbe41ae0605fcd3accdd55c86cfa52ba3b8fe883c75b3ad48f1dcb41156
+  data.tar.gz: 5b80e0cc22f848104646193c6bd8f47a7b864ba8e1179fd4bf5c7c9358af36fbb84beadf130395427e861eb8da0701bc0ff597de3338153b1c352014f49951cc

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017-2018 Natalie Marleny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/_includes/footer.html

@@ -0,0 +1,106 @@
+<footer class="site-footer">
+  <div class="wrapper">
+    <ul class="footer-contact-list">
+    {% if site.github_username %}
+      <li>
+        <a href="https://github.com/{{ site.github_username }}" target="_blank" rel="noopener">
+          <i class="fa fa-github-alt"></i><span>Github</span>
+        </a>
+      </li>
+    {% endif %}
+    {% if site.stackoverflow_username %}
+      <li>
+        <a href="https://stackoverflow.com/users/{{ site.stackoverflow_username }}" target="_blank" rel="noopener">
+          <i class="fa fa-stack-overflow"></i><span>Stack Overflow</span>
+        </a>
+      </li>
+    {% endif %}
+    {% if site.stackexchange_username %}
+      <li>
+        <a href="https://stackexchange.com/users/{{ site.stackexchange_username }}?tab=accounts" target="_blank" rel="noopener">
+          <i class="fa fa-stack-exchange"></i><span>Stack Exchange</span>
+        </a>
+      </li>
+    {% endif %}
+    {% if site.medium_username %}
+      <li>
+        <a href="https://medium.com/@{{ site.medium_username }}" target="_blank" rel="noopener">
+          <i class="fa fa-medium"></i><span>Medium</span>
+        </a>
+      </li>
+    {% endif %}
+    {% if site.linkedin_username %}
+      <li>
+        <a href="https://linkedin.com/in/{{ site.linkedin_username }}" target="_blank" rel="noopener">
+          <i class="fa fa-linkedin-square"></i><span>Linkedin</span>
+        </a>
+      </li>
+    {% endif %}
+    {% if site.twitter_username %}
+      <li>
+        <a href="https://twitter.com/{{ site.twitter_username }}" target="_blank" rel="noopener">
+          <i class="fa fa-twitter"></i><span>Twitter</span>
+        </a>
+      </li>
+    {% endif %}
+
+    {% if site.facebook_username %}
+      <li>
+        <a href="https://facebook.com/{{ site.facebook_username }}" target="_blank" rel="noopener">
+          <i class="fa fa-facebook"></i><span>Facebook</span>
+        </a>
+      </li>
+    {% endif %}
+    {% if site.googleplus_username %}
+      <li>
+        <a href="https://plus.google.com/{{ site.googleplus_username }}" target="_blank" rel="noopener">
+          <i class="fa fa-google-plus-square"></i><span>Google+</span>
+        </a>
+      </li>
+    {% endif %}
+    {% if site.codepen_username %}
+      <li>
+        <a href="https://codepen.io/{{ site.codepen_username }}/" target="_blank" rel="noopener">
+          <i class="fa fa-codepen"></i><span>Codepen</span>
+        </a>
+      </li>
+    {% endif %}
+    {% if site.angellist_username %}
+      <li>
+        <a href="https://angel.co/{{ site.angellist_username }}" target="_blank" rel="noopener">
+          <i class="fa fa-angellist"></i><span>AngelList</span>
+        </a>
+      </li>
+    {% endif %}
+    {% if site.youtube_username %}
+      <li>
+        <a href="https://youtube.com/user/{{ site.youtube_username }}" target="_blank" rel="noopener">
+          <i class="fa fa-youtube-play"></i><span>Youtube</span>
+        </a>
+      </li>
+    {% endif %}
+    {% if site.dribbble_username %}
+      <li>
+        <a href="https://dribbble.com/{{ site.dribbble_username }}" target="_blank" rel="noopener">
+          <i class="fa fa-dribbble"></i><span>Dribbble</span>
+        </a>
+      </li>
+    {% endif %}
+    {% if site.bitbucket_username %}
+      <li>
+        <a href="https://bitbucket.org/{{ site.bitbucket_username }}/" target="_blank" rel="noopener">
+          <i class="fa fa-bitbucket"></i><span>Bitbucket</span>
+        </a>
+      </li>
+    {% endif %}
+
+    {% if site.email %}
+      <li>
+        <a href="mailto:{{ site.email }}?subject={{ site.email-subject-line }}">
+          <i class="fa fa-envelope"></i><span>Email Me</span>
+        </a>
+      </li>
+    {% endif %}
+    </ul>
+  </div>
+</footer>

data/_includes/head.html

@@ -0,0 +1,37 @@
+<!--
+The Grey Energy Theme is made with <3 by Natalie Marleny
+https://github.com/nataliemarleny
+-->
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- Metadata -->
+  <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
+  <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
+
+  <!-- Stylesheets -->
+  <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+
+  <!-- Favicon -->
+  <link rel="apple-touch-icon" sizes="57x57" href="/assets/favicon.ico/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="/assets/favicon.ico/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="/assets/favicon.ico/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="/assets/favicon.ico/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="/assets/favicon.ico/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="/assets/favicon.ico/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="/assets/favicon.ico/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/assets/favicon.ico/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon.ico/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"  href="/assets/favicon.ico/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon.ico/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon.ico/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon.ico/favicon-16x16.png">
+  <link rel="manifest" href="/manifest.json">
+  <meta name="msapplication-TileColor" content="#666666">
+  <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+  <meta name="theme-color" content="#666666">
+</head>

data/_includes/header.html

@@ -0,0 +1,10 @@
+<header class="site-header" role="banner">
+  <nav class="wrapper">
+    <a href="/index.html">
+      <span>Home</span>
+    </a>
+    <a href="/archive.html">
+      <span>Archive</span>
+    </a>
+  </nav>
+</header>

data/_layouts/default.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+
+  {% include head.html %}
+
+  <body>
+    {% include header.html %}
+
+    <main class="page-content" aria-label="Content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </main>
+
+    {% include footer.html %}
+    <script>
+      document.body.className += "js-loading";
+
+      window.addEventListener("load", showPage, false);
+
+      function showPage(){
+        document.body.className = document.body.className.replace ("js-loading", "");
+      }
+    </script>
+  </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,30 @@
+---
+layout: default
+---
+
+<div class="home">
+
+  <div class="home-main">
+    {{ content }}
+  </div>
+
+  <!-- Latest posts shown if posts exist... -->
+  {% if site.posts.size > 0 %}
+  <div class="home-latest-posts">
+    <h1 class="page-heading">Latest Posts</h1>
+    <ul class="post-list">
+      {% for post in site.posts limit:site.latest_post_count %}
+        <li>
+          {% assign date_format = site.date_format | default: "%b %-d, %Y" %}
+          <span class="post-meta">{{ post.date | date: date_format }}</span>
+
+          <h2>
+            <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+          </h2>
+        </li>
+      {% endfor %}
+    </ul>
+  </div>
+  {% endif %}
+
+</div>

data/_layouts/page.html

@@ -0,0 +1,15 @@
+---
+layout: default
+---
+
+<article class="page">
+
+  <header class="page-header">
+    <h1 class="page-title">{{ page.title | escape }}</h1>
+  </header>
+
+  <div class="page-content">
+    {{ content }}
+  </div>
+
+</article>

data/_layouts/post.html

@@ -0,0 +1,23 @@
+---
+layout: default
+---
+
+<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
+
+  <header class="post-header">
+    <div class="posts-main">
+      <h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
+    </div>
+  </header>
+
+  <div class="post-content" itemprop="articleBody">
+    <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+      {% assign date_format = site.date_format | default: "%b %-d, %Y" %}
+      {{ page.date | date: date_format }}
+    </time>
+    <div class="post-content-text">
+      {{ content }}
+    </div>
+  </div>
+
+</article>

data/_sass/_reset.scss

@@ -0,0 +1,40 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+
+/* HTML5 display-role reset for older browsers */
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+  display: block; }
+
+body {
+  line-height: 1; }
+
+ol, ul {
+  list-style: none; }
+
+blockquote, q {
+  quotes: none; }
+
+blockquote {
+  &:before, &:after {
+    content: '';
+    content: none; } }
+
+q {
+  &:before, &:after {
+    content: '';
+    content: none; } }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }

data/_sass/archive.scss

@@ -0,0 +1,14 @@
+.archive-content {
+  margin: 0 3rem;
+
+  .page-heading {
+    margin: 3rem 0 5rem 0;
+  }
+
+  .post-list {
+
+    li {
+      margin-bottom: 2rem;
+    }
+  }
+}

data/_sass/colors.scss

@@ -0,0 +1,5 @@
+$bw-1: #111111;
+$bw-2: #fefefe;
+$bw-3: #777777;
+
+$font-1: #111111;

data/_sass/footer.scss

@@ -0,0 +1,28 @@
+footer {
+  .wrapper {
+    height: 10rem;
+    margin: 0 2rem 3rem 2rem;
+    @include flexbox_parent(row, flex-start, flex-end);
+
+  .footer-contact-list {
+    @include flexbox_parent(row, flex-start, flex-end);
+
+      > * {
+      margin-left: 2rem;
+      }
+
+      span {
+        margin-left: 0.5rem;
+        font-size: calc(10px + 0.75rem);
+      }
+
+      i {
+        font-size: calc(10px + 0.75rem);
+      }
+
+      span:hover, span:visited, span:focus {
+        color: #666666;
+      }
+    }
+  }
+}

data/_sass/global.scss

@@ -0,0 +1,47 @@
+// Global configs
+
+html {
+  background: $bw-2;
+  font-size: calc(10px + (13 - 12.5) * (100vw - 400px) / (800 - 400));
+}
+
+body {
+  background-repeat: no-repeat;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  background: $bw-2;
+}
+
+a, *:visited {
+  text-decoration: none;
+  outline: none;
+  color: inherit !important;
+}
+
+nav.wrapper {
+  height: 1rem;
+  min-height: 50px;
+  padding: 0.75rem 0.75rem 0.75rem 1.5rem;
+  @include flexbox_parent(row, flex-start, center);
+
+  span:hover, span:visited, span:focus {
+    color: #666666;
+  }
+
+  span {
+    margin-right: 2rem;
+    font-size: calc(8px + 0.75rem);
+  }
+}
+
+// Syntax for code
+figure.highlight {
+  margin: 1rem;
+  padding: 0 0.5rem;
+
+  pre {
+    padding: 0.5rem;
+    border-radius: 5px;
+    overflow: scroll;
+  }
+}

data/_sass/home.scss

@@ -0,0 +1,170 @@
+.js-loading *, .js-loading *:before, .js-loading *:after {
+  -webkit-animation-play-state: paused !important;
+          animation-play-state: paused !important;
+}
+
+main.page-content {
+    min-height: 200px;
+}
+
+div.home-main {
+  height: 85vh;
+  padding: 0 3rem;
+  @include flexbox_parent(row, flex-start, center);
+
+  p:first-of-type {
+    margin-top: 1rem;
+  }
+}
+
+div.home-latest-posts {
+  padding: 0 3rem;
+}
+
+div.home-main {
+  background: #888888;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 85vh;
+  -webkit-box-pack: flex-start;
+      -ms-flex-pack: flex-start;
+          justify-content: flex-start;
+  overflow: hidden;
+  position: relative;
+  text-align: flex-start;
+  -webkit-transform-style: preserve-3d;
+          transform-style: preserve-3d;
+
+  -webkit-perspective: 100px;
+
+          perspective: 100px;
+
+  h1 {
+    -webkit-animation: no-transform 1s ease-in forwards;
+            animation: no-transform 1s ease-in forwards;
+    opacity: 0;
+  }
+  p {
+    -webkit-animation: no-transform 1s 1.2s ease-in forwards;
+            animation: no-transform 1s 1.2s ease-in forwards;
+    opacity: 0;
+  }
+}
+
+
+  .home-main:before {
+    -webkit-animation: spin 40s linear infinite;
+            animation: spin 40s linear infinite;
+    background-image: -webkit-linear-gradient(135deg, #858f96 4%, #596164 96%);
+    background-image: linear-gradient(135deg, #858f96 4%, #596164 96%);
+    background-size: cover;
+      bottom: 0;
+    content: "";
+      left: 0;
+    opacity: 0;
+    position: absolute;
+      right: 0;
+      top: 0;
+    z-index: -1;
+  }
+
+  .home-main:after {
+    -webkit-animation: spin 20s 10s linear infinite;
+            animation: spin 20s 10s linear infinite;
+    background-image: -webkit-linear-gradient(45deg, #dcdddf 0%, #ebebeb 100%);
+    background-image: linear-gradient(45deg, #dcdddf 0%, #ebebeb 100%);
+    background-size: cover;
+      bottom: 0;
+    content: "";
+      left: 0;
+    opacity: 0;
+    position: absolute;
+      right: 0;
+      top: 0;
+    z-index: -1;
+  }
+
+
+.home-latest-posts {
+  -webkit-animation: no-transform 2s 1.5s ease-in forwards;
+          animation: no-transform 2s 1.5s ease-in forwards;
+  opacity: 0;
+  margin-top: 3rem;
+
+  *:hover, *:active, *:focus {
+    text-decoration: none;
+    outline: none;
+    color: inherit !important;
+  }
+
+  h1 {
+    margin-bottom: 2rem;
+  }
+  ul {
+    margin-right: 3rem;
+
+    li {
+      margin-bottom: 1.5rem;
+      border-bottom: solid #dcdddf;
+      padding: 0.5rem;
+    }
+  }
+}
+
+.wrapper {
+  -webkit-animation: no-transform 1.5s ease-in forwards;
+          animation: no-transform 1.5s ease-in forwards;
+  opacity: 0;
+}
+
+/* Animations */
+
+@-webkit-keyframes spin {
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 0.95;
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: rotateZ(180deg);
+            transform: rotateZ(180deg);
+  }
+}
+
+@keyframes spin {
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 0.95;
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: rotateZ(180deg);
+            transform: rotateZ(180deg);
+  }
+}
+
+
+@-webkit-keyframes no-transform {
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+
+@keyframes no-transform {
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}

data/_sass/mixins.scss

@@ -0,0 +1,16 @@
+@mixin flexbox_parent($flow, $justifycont, $align) {
+  list-style: none;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  flex-flow: ($flow);
+  -webkit-flex-flow: ($flow) wrap;
+  justify-content: ($justifycont);
+  align-items: ($align);
+}
+
+@mixin flexbox_child($flex-grow, $flex-shrink, $flex-basis) {
+  flex: $flex-grow $flex-shrink $flex-basis;
+}

data/_sass/post.scss

@@ -0,0 +1,28 @@
+.post {
+  margin: 0 3rem;
+
+  .post-header {
+    min-height: 10rem;
+    @include flexbox_parent(column, center, center);
+
+    .posts-main {
+      @include flexbox_parent(row, center, center);
+    }
+  }
+  .post-content {
+    margin-top: 1rem;
+    padding-top: 2rem;
+    border-top: solid #dcdddf;
+
+    .post-content-text {
+      margin-top: 1rem;
+
+      a {
+        text-decoration: underline;
+      }
+      a:hover, a:focus, a:visited {
+        color: #666666 !important;
+      }
+    }
+  }
+}

data/_sass/syntax-highlight.scss

@@ -0,0 +1,172 @@
+/*
+ * Syntax highlighting styles
+ * ZenBurn original theme, retrieved from here:
+ * http://jwarby.github.io/jekyll-pygments-themes/languages/javascript.html
+ */
+
+.highlight code, .highlight pre {
+    color:#999988;
+    background-color:#000001;
+    font-family: courier;
+    font-size: calc(10px + 1rem);
+
+    > * {
+      font-family: courier;
+    }
+}
+
+.highlight .hll {
+  background-color:#000001;
+}
+
+.highlight .err {
+  color:#960050;
+  background-color:#e3d2d2;
+}
+
+.highlight .k {
+  color:#66d9ef;
+}
+
+.highlight .p {
+  color:#f8f8f2;
+}
+
+.highlight .cs {
+  color:#cd0000;
+  font-weight:700;
+}
+
+.highlight .gd {
+  color:#f92672;
+}
+
+.highlight .ge {
+  color:#ccc;
+  font-style:italic;
+}
+
+.highlight .gr {
+  color:red;
+}
+
+.highlight .go {
+  color:gray;
+}
+
+.highlight .gs {
+  color:#ccc;
+  font-weight:700;
+}
+
+.highlight .gu {
+  color:purple;
+  font-weight:700;
+}
+
+.highlight .gt {
+  color:#0040D0;
+}
+
+.highlight .kc {
+  color:#dca3a3;
+}
+
+.highlight .kd {
+  color:#ffff86;
+}
+
+.highlight .kn {
+  color:#dfaf8f;
+  font-weight:700;
+}
+
+.highlight .kp {
+  color:#cdcf99;
+}
+
+.highlight .kr {
+  color:#cdcd00;
+}
+
+.highlight .ni {
+  color:#c28182;
+}
+
+.highlight .ne {
+  color:#c3bf9f;
+  font-weight:700;
+}
+
+.highlight .nn {
+  color:#8fbede;
+}
+
+.highlight .nt {
+  color:#9ac39f;
+}
+
+.highlight .vi {
+  color:#ffffc7;
+}
+
+.highlight .s2 {
+  color:#f8f8f2;
+}
+
+.highlight .nv {
+  color:#f8f8f2;
+}
+
+.highlight .c,.preview-zenburn .highlight .g,.preview-zenburn .highlight .cm,.preview-zenburn .highlight .cp,.preview-zenburn .highlight .c1 {
+  color:#75715e;
+}
+
+.highlight .l,.preview-zenburn .highlight .x,.preview-zenburn .highlight .no,.preview-zenburn .highlight .nd,.preview-zenburn .highlight .nl,.preview-zenburn .highlight .nx,.preview-zenburn .highlight .py,.preview-zenburn .highlight .w {
+  color:#ae81ff;
+}
+
+.highlight .n {
+  color:#f8f8f2;
+}
+
+.highlight .vg {
+  color:#f8f8f2;
+}
+
+.highlight .o,.preview-zenburn .highlight .ow {
+    color:#39FF14;
+}
+
+.highlight .gh,.preview-zenburn .highlight .gp {
+    color:#dcdccc;
+    font-weight:700;
+}
+
+.highlight .gi,.preview-zenburn .highlight .kt {
+    color:#00cd00;
+}
+
+.highlight .ld,.preview-zenburn .highlight .s {
+  color: #f8f8f2;
+}
+
+.preview-zenburn .highlight .sb,.preview-zenburn .highlight .sc,.preview-zenburn .highlight .sd,.preview-zenburn .highlight .s2,.preview-zenburn .highlight .se,.preview-zenburn .highlight .sh,.preview-zenburn .highlight .si,.preview-zenburn .highlight .sx,.preview-zenburn .highlight .sr,.preview-zenburn {
+  color:#f8f8f2 !important;
+}
+
+.highlight .s1,.preview-zenburn .highlight .ss {
+  color:#f8f8f2;
+}
+
+.highlight .m,.preview-zenburn .highlight .mf,.preview-zenburn .highlight .mh,.preview-zenburn .highlight .mi,.preview-zenburn .highlight .mo,.preview-zenburn .highlight .il {
+    color:#ae81ff;
+}
+
+.highlight .na {
+    color:#9ac39f;
+}
+
+.highlight .nb,.preview-zenburn .highlight .nc,.preview-zenburn .highlight .nf,.preview-zenburn .highlight .bp,.preview-zenburn .highlight .vc {
+    color:#f8f8f2 !important;
+}

data/_sass/typography.scss

@@ -0,0 +1,98 @@
+/* Header Font */
+
+$header-font: 'Poppins Black';
+$header-font-weight: 700;
+$header-font-local-name: 'Poppins Bold';
+$header-font-url: 'https://fonts.gstatic.com/s/poppins/v5/57TQ-anwthzkETEIO4jESAzyDMXhdD8sAj6OAJTFsBI.woff2';
+
+$header-backup: sans-serif;
+
+/* Body Font */
+
+$body-font: 'Lato';
+
+/* Body Font normal weight */
+
+$body-font-weight: 400;
+$body-font-local-name: 'Lato-Regular';
+$body-font-url: 'https://fonts.gstatic.com/s/lato/v14/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2';
+
+$body-backup: serif;
+
+@font-face {
+  font-family: $header-font;
+  font-style: normal;
+  font-weight: $header-font-weight;
+  src: local($header-font), local($header-font), url($header-font-url) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
+}
+
+@font-face {
+  font-family: $body-font;
+  font-style: normal;
+  font-weight: $body-font-weight;
+  src: local($body-font), local($body-font-local-name), url($body-font-url) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
+}
+
+
+h1 {
+  display: block;
+  font-size: calc(20px + 3.204rem);
+  font-family: $header-font, $header-backup;
+  color: $bw-1;
+  padding: 0.801rem 0;
+}
+
+h2 {
+  font-size: calc(10px + 1.424rem);
+  font-family: $header-font;
+  color: $bw-3;
+  text-align: left;
+  line-height: 1.424;
+}
+
+h3 {
+  font-size: calc(10px + 1.266rem);
+  font-family: $header-font;
+  color: $font-1;
+}
+
+h4 {
+  font-size: calc(10px + 1.125rem);
+  font-family: $header-font;
+  color: $font-1;
+}
+
+h5 {
+  font-size: calc(10px + 1rem);
+  font-family: $header-font;
+  color: $font-1;
+}
+
+h6 {
+  font-size: calc(10px + 1rem);
+  font-family: $header-font;
+  color: $font-1;
+}
+
+p {
+  font-size: calc(10px + 1rem);
+  font-family: $body-font, $body-backup;
+  line-height: 1.6;
+  color: $font-1;
+}
+
+span, time {
+  font-size: calc(10px + 1rem);
+  font-family: $header-font, $header-backup;
+  line-height: 1.4;
+  color: $font-1;
+}
+
+ul, ol {
+  font-size: calc(10px + 1em);
+  font-family: $body-font, $body-backup;
+  line-height: 1.4;
+  color: $font-1;
+}

data/assets/favicon.ico/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

data/assets/main.scss

@@ -0,0 +1,14 @@
+---
+---
+@import "reset";
+
+@import "colors";
+@import "typography";
+@import "mixins";
+
+@import "global";
+@import "home";
+@import "footer";
+@import "post";
+@import "archive";
+@import "syntax-highlight";

metadata

@@ -0,0 +1,118 @@
+--- !ruby/object:Gem::Specification
+name: grey-energy-theme
+version: !ruby/object:Gem::Version
+  version: 0.0.0
+platform: ruby
+authors:
+- Natalie Marleny
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2018-01-06 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.6'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.6'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+description: 
+email:
+- nataliemarleny@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- _includes/footer.html
+- _includes/head.html
+- _includes/header.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/page.html
+- _layouts/post.html
+- _sass/_reset.scss
+- _sass/archive.scss
+- _sass/colors.scss
+- _sass/footer.scss
+- _sass/global.scss
+- _sass/home.scss
+- _sass/mixins.scss
+- _sass/post.scss
+- _sass/syntax-highlight.scss
+- _sass/typography.scss
+- assets/favicon.ico/android-icon-144x144.png
+- assets/favicon.ico/android-icon-192x192.png
+- assets/favicon.ico/android-icon-36x36.png
+- assets/favicon.ico/android-icon-48x48.png
+- assets/favicon.ico/android-icon-72x72.png
+- assets/favicon.ico/android-icon-96x96.png
+- assets/favicon.ico/apple-icon-114x114.png
+- assets/favicon.ico/apple-icon-120x120.png
+- assets/favicon.ico/apple-icon-144x144.png
+- assets/favicon.ico/apple-icon-152x152.png
+- assets/favicon.ico/apple-icon-180x180.png
+- assets/favicon.ico/apple-icon-57x57.png
+- assets/favicon.ico/apple-icon-60x60.png
+- assets/favicon.ico/apple-icon-72x72.png
+- assets/favicon.ico/apple-icon-76x76.png
+- assets/favicon.ico/apple-icon-precomposed.png
+- assets/favicon.ico/apple-icon.png
+- assets/favicon.ico/browserconfig.xml
+- assets/favicon.ico/favicon-16x16.png
+- assets/favicon.ico/favicon-32x32.png
+- assets/favicon.ico/favicon-96x96.png
+- assets/favicon.ico/favicon.ico
+- assets/favicon.ico/ms-icon-144x144.png
+- assets/favicon.ico/ms-icon-150x150.png
+- assets/favicon.ico/ms-icon-310x310.png
+- assets/favicon.ico/ms-icon-70x70.png
+- assets/main.scss
+homepage: https://github.com/nataliemarleny/grey-energy-theme
+licenses:
+- MIT
+metadata:
+  plugin_type: theme
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.11
+signing_key: 
+specification_version: 4
+summary: Animated grey-colored theme for Jekyll.
+test_files: []