moonwalk 0.0.1 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b824a918995982654ff750310424a3f6e24fe8de33abd654107124c28214b38e
-  data.tar.gz: 853a3bdae09be4088f51e0d000989c81e203de813d99e80d72cb4402ef94302b
+  metadata.gz: '090356e88da17ad90e7f88cd8104eb23401d4d92412f93f82c476f51b482d628'
+  data.tar.gz: ebc009042c02bf50123f36040bd8d251eb98b6c72d2c5f78779a7c4cc6815228
 SHA512:
-  metadata.gz: 4b3d9b1772cb422833b78d6fbc88615fd0f6da36fbcd229c07b75069dea80ab89978e9d4a6432813a9bbacb2011481af45232074f6a224c72dc03edb9da2a2f5
-  data.tar.gz: 155f708cd9fb095dd9ac7e7296252fe12f9aa835d3c9c6cf65094c5f7dd778a4db4502115d1e29ce3b354e9b2750bcd0d3b6f61265028dcb8e606a1f511be987
+  metadata.gz: 6bd9a469b9c503784167fc53872f81dd94ea5bdc51963f67842ffeb856d3402010a2e98f814ce6a4fb007f31e917fa0df35e975673bb8a5d5f408cac904ac942
+  data.tar.gz: 146f84a88f20840c4bb45c1322732b2e4f64ffc8ee1a5f23a8f06cc1b381bf34b44925c5f16b65bdc0c5e837afc16335ebe448caf0c2b10711243fe86b78ca4d

data/README.md

@@ -1,53 +1,48 @@
-# moonwalk
-
-<img src="https://raw.githubusercontent.com/abhinavs/moonwalk/master/logo.png" width="32" align="left" />A fast and minimalistic blog with clean dark mode. Based on [no style please!](https://riggraz.dev/no-style-please/) 
-
-<h3 align="center"><a href="https://abhinavs.github.io/moonwalk/">Try the Demo</a></h3>
+## moonwalk - a fast and minimalistic blog theme with clean dark mode
 
 <img src="https://raw.githubusercontent.com/abhinavs/moonwalk/master/_screenshots/moonwalk.png" />
 
+<h3 align="center">
+  <img src="https://raw.githubusercontent.com/abhinavs/moonwalk/master/logo.png" width="24"/>
+<a href="https://abhinavs.github.io/moonwalk/">TRY THE DEMO</a>
+</h3>
+
 ## Features
 * Light & dark mode with theme switcher
 * Vertical list, horizontal list, card list
 * Landing page with navbar, footer, portfolio
-* Fast (very minimal CSS) - for more information on performance see [Lighthouse report](https://raw.githubusercontent.com/abhinavs/moonwalk/master/_screenshots/lighthouse-report.png)
+* Fast (very minimal CSS) - 100/100 on performance, accessibility, best practices and SEO, please see [Lighthouse Report](https://raw.githubusercontent.com/abhinavs/moonwalk/master/_screenshots/lighthouse-report.png) for more details
 * Responsive and mobile friendly
-* SEO optimized (uses [Jekyll SEO Tag](https://github.com/jekyll/jekyll-seo-tag))
+* SEO optimized (uses [Jekyll Soopr SEO Tag](https://github.com/jekyll/jekyll-soopr-seo-tag))
 * RSS feed (uses [Jekyll Feed](https://github.com/jekyll/jekyll-feed))
 * Easy to extend
 * Fully compatible with [GitHub Pages](https://pages.github.com/) (see [GitHub Pages installation](#github-pages-installation))
+* Auto-generated social media share images (using Soopr)
+* Share & like buttons (using Soopr)
 
-## Installation
-
-If you haven't already created your blog using Jekyll, follow the [instructions](https://jekyllrb.com/docs/) to do so from Jekyll's documentation.
-
-NOTE: if you are using Jekyll with GitHub Pages, see the [GitHub Pages installation section](#github-pages-installation).
-
-Then, to style your blog with this theme, add this line to your Jekyll site's `Gemfile`:
-
-```ruby
-gem "moonwalk"
-```
-
-And add this line to your Jekyll site's `_config.yml`:
-
-```yaml
-theme: moonwalk
-```
 
-And then execute:
+#### Lighthouse
 
-    $ bundle
+<img src="https://raw.githubusercontent.com/abhinavs/moonwalk/master/_screenshots/lighthouse-report.png" />
 
-Or install it yourself as:
+## Quick Installation
+1. [Fork this repository](https://github.com/abhinavs/moonwalk/fork).
+2. `cd moonwalk`
+3. `bin/bootstrap`
+4. [Optional] Sign up on Soopr, and add your `publish_token` in `_config.yml` file.
 
-    $ gem install moonwalk
+## Starting Server
+`bin/start` - development server will start at http://127.0.0.1:4000
 
-### GitHub Pages installation
+## Deployment
+Moonwalk can be easily deployed on all the cloud providers (AWS etc.), and on static website hosting services like Netlify & Vercel. You can also use this button to do one click deploy
+<br />
+<br />
+[![Deploy with Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/abhinavs/moonwalk)
 
-If you want to use this theme for your Jekyll's site deployed on [GitHub Pages](https://pages.github.com/), follow the instructions on [this page](https://docs.github.com/en/github/working-with-github-pages/adding-a-theme-to-your-github-pages-site-using-jekyll#adding-a-theme).
+If you want to use Moonwalk as a gem or use Github Pages, please see [this page](https://github.com/abhinavs/moonwalk/blob/master/github_pages.md)
 
-## Usage
+## Customizing
 
 You can edit `_config.yml` file to customize your blog. You can change things such as the name of the blog, the author, the appearance of the theme (light, dark or auto), how dates are formatted, etc. Customizable fields should be straightforward to understand. Still, `_config.yml` contains some comments to help you understand what each field does.
 
@@ -114,6 +109,9 @@ html {
   };
 }
 ```
+3. Add [Soopr](https://www.soopr.co) `publish_token` in `_config.yml` file to auto generate social share images. You also additionally get Like button and URL shortener, you can control them using Soopr dashboard.
+
+<img src="https://raw.githubusercontent.com/abhinavs/moonwalk/master/_screenshots/twitter_card.png" />
 
 ## Contributing
 
@@ -135,3 +133,17 @@ This theme's original base is [no style please!](https://github.com/riggraz/no-s
 
 The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
 
+## Other Projects
+If you like Moonwalk, do check out my other projects
+*   [cookie](https://github.com/abhinavs/cookie) - a free landing website boilerplate using Jekyll and Tailwind CSS
+*   [scoop](https://github.com/abhinavs/scoop) - a Sinatra boilerplate project using Corneal, ActiveRecord, Capistrano, Puma & Nginx
+*   [soopr](https://www.soopr.co) - a tool that supports you in content marketing
+*   [apicagent](https://www.apicagent.com) - a FREE API that extracts device details from user-agent string
+*   [pincodr](https://pincodr.apiclabs.com) - a FREE API for Indian pincodes
+*   [humangous](https://www.humangous.co) - create public and private 'working with you' guides
+*   [blockr](https://www.abhinav.co/blockr) - a CLI tool to help you easily block and unblock websites
+*   [microrequests](https://www.abhinav.co/microrequests) - a Python library to help you consume microservice efficiently
+
+✨⚡You can read more about me on my [blog](https://www.abhinav.co/about/) or follow me on Twitter - [@abhinav](https://twitter.com/abhinav)
+
+✨⚡If you like my work, you can [buy me a coffee](https://buymeacoffee.com/abhinavs)                

data/_config.yml

@@ -1,32 +1,49 @@
 title: Moonwalk
 author: Abhinav Saxena
-url: https://www.abhinav.co # root address of the site
+url: https://www.abhinavsaxena.com/moonwalk # root address of the site
 description: > # description of the site (multiple lines allowed)
   Moonwalk is a fast and elegant Jekyll theme with a clean dark mode. It comes with horizontal list (for navbar and footer), card list (for portfolio), and a generic vertical list. It is very easy to modify in case you want to build over it - please see _layouts/home.html to do that.
 
 permalink: /:slug.html
 
 favicon: "./logo.png" # relative path to site's favicon
-# goat_counter: "yoursitename" # put your GoatCounter name if you want to use GoatCounter analytics
+
+twitter:
+    username: abhinav # update or delete this
+    card: summary_large_image
 
 #theme: moonwalk # if you are using GitHub Pages, change it to remote_theme: abhinavs/moonwalk
 remote_theme: abhinavs/moonwalk
 
 theme_config:
   appearance: "dark" # can be "light", "dark" or "auto"
+  appearance_toggle: true # if appearance can be switched by user
   back_home_text: "home.." # customize text for homepage link in post layout
   date_format: "%Y-%m-%d" # customize how date is formatted
-  show_description: true # show blog description in home page
-  show_navbar: true # show horizontal navbar in home page
+  show_description: true # show blog description
+  show_navbar: true # show horizontal navbar
   show_footer: true # show footer links in home page,add in _data/home.yml
+  show_copyright: true # show copyright notice in footer
+  # following keys are using to create home layout
   show_projects: true # show projects as cards, add in _data/home.yml
+  show_blog: true # show blog posts added in _posts
   show_old_projects: true # show old projects as cards, add in _data/home.yml
-  show_misc_list: true # show generic vertical list for misc details, add _data/home.yml
+  show_misc_list: false # show generic vertical list for misc details, add _data/home.yml
+  # options for "home" page
+  home:
+    title_projects: Portfolio
+    title_misc_list: Details
+    title_blog: Blog
+    title_old_projects: Old Projects
+
+soopr:
+  publish_token: "" # sign up at https://www.soopr.co to get your publish token and personalize share and reaction options
 
+highlighter: rouge
 
 sass:
   style: :compressed
 
 plugins:
   - jekyll-feed
-  - jekyll-seo-tag
+  - jekyll-soopr-seo-tag

data/_includes/custom_head.html

@@ -0,0 +1,3 @@
+{% comment %}
+  Placeholder to allow defining custom head. You can put favicons and other custom header fields here
+{% endcomment %}

data/_includes/date_and_social_share.html

@@ -0,0 +1,10 @@
+<p class="post-date text-bold text-upcase">
+  {% if page.date %}
+    <span>{{ page.date | date: "%B %Y"}}</span>
+  {% endif %}
+</p>
+
+<div class="soopr-btn"
+   data-twitter="SooprCo"
+>
+</div>

data/_includes/head.html

@@ -14,7 +14,11 @@
   {% seo title=false %}
   {% feed_meta %}
 
-  <link rel="shortcut icon" type="image/x-icon" href="/{{ site.favicon }}" />
-  <link rel="stylesheet" href="{{ site.url }}/assets/css/main.css" />
-  {% include toggle_theme_js.html %}
+  <link rel="shortcut icon" type="image/x-icon" href="/{{ site.favicon | relative_url }}" />
+  <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}" />
+  {% if site.theme_config.appearance_toggle %}
+    {% include toggle_theme_js.html %}
+  {% endif %}
+
+  {%- include custom_head.html -%}
 </head>

data/_includes/post_list.html

@@ -1,9 +1,12 @@
 {% if site.posts.size > 0 %}
   <ul>
     {% for post in site.posts %}
-      <li>
-        {{ post.date | date: site.theme_config.date_format }} <a href="{{ post.url | relative_url }}">{{ post.title | downcase }}</a>
+      <li class="post-list-item">
+        <span class="home-date">
+          {{ post.date | date: site.theme_config.date_format }}»
+        </span>
+        <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
       </li>
     {% endfor %}
   </ul>
-{% endif %}
+{% endif %}

data/_includes/toggle_theme_js.html

@@ -1,27 +1,31 @@
-<script src="https://cdnjs.cloudflare.com/ajax/libs/turbolinks/5.2.0/turbolinks.js" defer></script>
 <script type="text/javascript">
-  document.addEventListener('turbolinks:load', themeChange);
-    function themeChange(){
-        let button = document.querySelector('.theme-toggle');
+  window.addEventListener('load', themeChange);
+  const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null;
+  if (currentTheme)
+    document.documentElement.setAttribute('data-theme', currentTheme);
 
-        button.addEventListener('click', function(e){
-            let currentTheme = document.documentElement.getAttribute('data-theme');
-            if(currentTheme === 'dark') {
-                transition();
-                document.documentElement.setAttribute('data-theme','light');
-            } else {
-                transition();
-                document.documentElement.setAttribute('data-theme', 'dark');
-              }
-          });
+  function themeChange() {
+    let button = document.querySelector('.theme-toggle');
 
-        // Adds the 'transition' class to <html> for CSS fun
-        let transition = () =>{
-            document.documentElement.classList.add('transition');
-            window.setTimeout(()=>{
-                document.documentElement.classList.remove('transition');
-              }, 1000);
-          }
+    button.addEventListener('click', function (e) {
+      let currentTheme = document.documentElement.getAttribute('data-theme');
+      if (currentTheme === 'dark') {
+        transition();
+        document.documentElement.setAttribute('data-theme', 'light');
+        localStorage.setItem('theme', 'light');
+      } else {
+        transition();
+        document.documentElement.setAttribute('data-theme', 'dark');
+        localStorage.setItem('theme', 'dark');
       }
+    });
+
+    let transition = () => {
+      document.documentElement.classList.add('transition');
+      window.setTimeout(() => {
+        document.documentElement.classList.remove('transition');
+      }, 1000);
+    }
+  }
 </script>
 

data/_layouts/blog.html

@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-<a href="{{ site.url }}">{{ site.theme_config.back_home_text }}</a>
+<a href="{{ "/" | relative_url }}">{{ site.theme_config.back_home_text }}</a>
 
 <header>
   <h1>{{ site.title }}</h1>

data/_layouts/default.html

@@ -3,15 +3,35 @@
         {%- include head.html -%}
   <body>
     <main class="page-content" aria-label="Content">
-        <div class="w">
-            {{ content }}
-            {% include toggle_theme_button.html %}
+      <div class="w">
+        {{ content }}
+        {% if site.theme_config.appearance_toggle %}
+          {% include toggle_theme_button.html %}
+        {% endif %}
+        <div class="credits">
+          {%- if site.theme_config.show_copyright == true -%}
+          &copy;&nbsp;{{ "now" | date: "%Y" }}&nbsp;{{site.author}}
+          &nbsp;
+          •
+          &nbsp;
+          {%- endif -%}
+          {%- if site.soopr -%}
+          Powered by <a href="https://www.soopr.co" target="_blank" rel="noreferrer">Soopr</a>
+          &nbsp;
+          •
+          &nbsp;
+          {%- endif -%}
+          Theme&nbsp; <a href="https://github.com/abhinavs/moonwalk" target="_blank" rel="noreferrer">Moonwalk</a>
         </div>
+      </div>
     </main>
 
-    {% if site.goat_counter and jekyll.environment == "production" %}
-        {% include goat_counter.html %}
-    {% endif %}
-
+    {%- if site.soopr -%}
+      {%- if site.soopr.publish_token and jekyll.environment == "production" -%}
+        <script async defer data-soopr-token="{{site.soopr.publish_token}}" src="https://sdk.soopr.co/soopr.js"></script>
+      {%- else -%}
+        <script async defer src="https://sdk.soopr.co/soopr.js"></script>
+      {%- endif -%}
+    {%- endif -%}
   </body>
 </html>

data/_layouts/home.html

@@ -5,7 +5,7 @@ layout: default
 <header>
 {% if site.theme_config.show_navbar == true %}
   {% include horizontal_list.html collection=site.data.home.navbar_entries %}
-  <div class="dashed" />
+  <div class="dashed"></div>
 {% endif %}
 
   <h1>{{ site.title }}</h1>
@@ -14,29 +14,32 @@ layout: default
   {% endif %}
 </header>
 
+{{ content }}
+
 {% if site.theme_config.show_projects == true %}
-  <h2>Portfolio</h2>
+  <h2>{{ site.theme_config.home.title_projects }}</h2>
   {% include card_list.html collection=site.data.home.project_entries %}
 {% endif %}
 
 {% if site.theme_config.show_misc_list == true %}
-  <h2>Details</h2>
+  <h2>{{ site.theme_config.home.title_misc_list }}</h2>
   {% include vertical_list.html collection=site.data.home.misc_entries %}
 {% endif %}
 
-
-<h2>Blog</h2>
-{% include post_list.html %}
+{% if site.theme_config.show_blog == true %}
+  <h2>{{ site.theme_config.home.title_blog }}</h2>
+  {% include post_list.html %}
+{% endif %}
 
 {% if site.theme_config.show_old_projects == true %}
-  <h2>Old Projects</h2>
+  <h2>{{ site.theme_config.home.title_old_projects }}</h2>
   {% include card_list.html collection=site.data.home.old_project_entries %}
 {% endif %}
 
 
 {% if site.theme_config.show_footer == true %}
   <footer>
-    <div class="dashed" />
+    <div class="dashed"></div>
     {% include horizontal_list.html collection=site.data.home.footer_entries %}
   </footer>
 {% endif %}

data/_layouts/post.html

@@ -2,6 +2,7 @@
 layout: default
 ---
 
-<a href="{{ site.url }}">{{ site.theme_config.back_home_text }}</a>
-<h1>{{ page.title }}</h1>
+<a href="{{ "/" | relative_url }}">{{ site.theme_config.back_home_text }}</a>
+<h1 class="post-title">{{ page.title }}</h1>
+{% include date_and_social_share.html %}
 {{ content }}

data/_sass/list.scss

@@ -20,13 +20,14 @@ ul.horizontal-list {
 .card {
   padding: 1em;
   border: 1px var(--text) solid;
-  width: 10em;
-  height: 10em;
+  width: 11em;
+  height: auto;
   text-align: center;
   font-size: 1em;
   align-items: center;
   background-color: var(--bg-secondary);
   margin-bottom: 0.8em;
+  border-radius: 0.8em;
 
   .header {
     color: var(--links);

data/_sass/moonwalk.scss

@@ -1,48 +1,38 @@
-html {
-    --bg: #fff;
-    --bg-secondary: #f8f9fa;
-    --headings: #000;
-    --text: #333;
-    --links: blue;
-    --highlight: #ffecb2; // light yellow
-}
-@mixin dark-appearance {
-  html, body  {
-      --bg: #1f242A;
-      --bg-secondary: #323945;
-      --headings: #3D9970;
-      --text: #adb5bd;
-      --links: #91a7ff;
-      --highlight: #ffd8a8;
-      --highlight: #ffd43b;
-  };
-}
-html[data-theme="dark"] { @include dark-appearance; }
-
-@media (prefers-color-scheme: dark) {
-  body[data-theme="auto"] { @include dark-appearance; }
-}
+@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
 
 html { height: 100%; }
 
 body {
-  font-family: monospace;
-  font-size: 1rem;
-  line-height: 1.5;
+  font-family:  "Inter", -apple-system, "avenir next", avenir, roboto, noto, ubuntu, "helvetica neue", helvetica, sans-serif;
+  font-size: 1.0rem;
+  line-height: 2;
   margin: 0;
   min-height: 100%;
 }
+pre, code {
+  font-family: "Anonymous Pro", "Courier New", monospace;
+  font-size: 0.9rem;
+}
 
 h2, h3, h4, h5 { margin-top: 1.5em; }
 
 hr { margin: 1em 0; }
 
+hr.page-break {
+  text-align: center;
+  border: 0;
+
+  &:before { content: '-----' }
+  &:after { content: attr(data-content) '-----' }
+}
+
 p { margin: 1em 0; }
 
 li { margin: 0.4em 0; }
 
 .w {
-  max-width: 640px;
+  max-width: 720px;
   margin: 0 auto;
   padding: 4em 2em;
 }
@@ -54,7 +44,7 @@ table, th, td {
   padding: 0.4em;
 }
 
-div.highlighter-rouge code, code.highlighter-rouge {
+div.highlighter-rouge pre code, pre code.highlighter-rouge {
   display: block;
   overflow-x: auto;
   padding: 1em;
@@ -73,6 +63,35 @@ img {
   display: block;
   margin: 0 auto;
 }
+html {
+    --bg: #FFF;
+    --bg-secondary: #f8f8f8;
+    --headings: #000;
+    --text: #333;
+    --links: blue;
+    --highlight: #FFECB2; // light yellow
+    --code-text: #9D174D;
+    --share-text: #999;
+}
+// -------------- THEME SWITCHER -------------- //
+@mixin dark-appearance {
+  html, body  {
+      --headings: #74c0fc;
+      --links: #91A7FF;
+      --highlight: #41C7C7;
+      --bg: #1f242A;
+      --bg-secondary: #323945;
+      --text: #adb5bd;
+      --code-text: #91A7FF;
+      --share-text: #C4C4C4;
+  };
+}
+html[data-theme="dark"] { @include dark-appearance; }
+
+@media (prefers-color-scheme: dark) {
+  body[data-theme="auto"] { @include dark-appearance; }
+}
+// -------------------------------------------- //
 
 html, body {
     background-color: var(--bg);
@@ -81,12 +100,15 @@ html, body {
 h1, h2, h3, h4, h5, h6 {
     color: var(--headings);
 }
-p, strong, b, em, span, small, li, hr, table, code, figcaption {
+p, strong, b, em, small, li, hr, table, figcaption {
     color: var(--text);
 }
-code, blockquote {
+.highlight, pre code, blockquote {
+  border-radius: 0.5em;
+}
+blockquote {
   background-color: var(--bg-secondary);
-  border: 1px var(--text) solid;
+  border: 1px var(--border) solid;
 }
 a {
   color: var(--links);
@@ -128,5 +150,50 @@ html.transition *:after {
 mark {
   padding: 0.4em;
   background-color: var(--highlight);
+  font-size: 0.6em;
+  letter-spacing: 1px;
+}
+
+.post-date {
+  color: var(--secondary-text);
+  //margin-bottom: 1rem;
+  font-size: 0.8em;
+}
+.home-date {
+  font-family: monospace;
+}
+.post-list-item a {
+  text-decoration: none;
+}
+.text-bold {
+  font-weight: bold;
+}
+.text-upcase {
+  text-transform: uppercase;
+}
+p code, li code {
+  background-color: var(--bg-secondary);
+  padding: 0.2rem;
+  color: var(--code-text);
+  font-weight: bold;
+}
+.post-title {
+  margin-bottom:-1.5rem;
+}
+.project-title {
+  margin-bottom: 0.8rem;
+}
+.credits {
   font-size: 0.8em;
+  color: var(--text);
+  margin: 8em auto -4em auto;
+  text-align: center;
+  a {
+    color: var(--text);
+    text-decoration: none;
+    font-weight: bold;
+  }
+  a:hover {
+    color: var(--links);
+  }
 }

data/_sass/syntax.scss

@@ -0,0 +1,73 @@
+.highlight .hll { background-color: #515151 }
+/*.highlight  { background: #2d2d2d; color: #f2f0ec }*/
+.highlight  { background: #1A1F35; color: #f2f0ec }
+.highlight .c { color: #747369 } /* Comment */
+.highlight .err { color: #f2777a } /* Error */
+.highlight .k { color: #cc99cc } /* Keyword */
+.highlight .l { color: #f99157 } /* Literal */
+.highlight .n { color: #f2f0ec } /* Name */
+.highlight .o { color: #66cccc } /* Operator */
+.highlight .p { color: #f2f0ec } /* Punctuation */
+.highlight .ch { color: #747369 } /* Comment.Hashbang */
+.highlight .cm { color: #747369 } /* Comment.Multiline */
+.highlight .cp { color: #747369 } /* Comment.Preproc */
+.highlight .cpf { color: #747369 } /* Comment.PreprocFile */
+.highlight .c1 { color: #747369 } /* Comment.Single */
+.highlight .cs { color: #747369 } /* Comment.Special */
+.highlight .gd { color: #f2777a } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gh { color: #f2f0ec; font-weight: bold } /* Generic.Heading */
+.highlight .gi { color: #99cc99 } /* Generic.Inserted */
+.highlight .gp { color: #747369; font-weight: bold } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #66cccc; font-weight: bold } /* Generic.Subheading */
+.highlight .kc { color: #cc99cc } /* Keyword.Constant */
+.highlight .kd { color: #cc99cc } /* Keyword.Declaration */
+.highlight .kn { color: #66cccc } /* Keyword.Namespace */
+.highlight .kp { color: #cc99cc } /* Keyword.Pseudo */
+.highlight .kr { color: #cc99cc } /* Keyword.Reserved */
+.highlight .kt { color: #ffcc66 } /* Keyword.Type */
+.highlight .ld { color: #99cc99 } /* Literal.Date */
+.highlight .m { color: #f99157 } /* Literal.Number */
+.highlight .s { color: #99cc99 } /* Literal.String */
+.highlight .na { color: #6699cc } /* Name.Attribute */
+.highlight .nb { color: #f2f0ec } /* Name.Builtin */
+.highlight .nc { color: #ffcc66 } /* Name.Class */
+.highlight .no { color: #f2777a } /* Name.Constant */
+.highlight .nd { color: #66cccc } /* Name.Decorator */
+.highlight .ni { color: #f2f0ec } /* Name.Entity */
+.highlight .ne { color: #f2777a } /* Name.Exception */
+.highlight .nf { color: #6699cc } /* Name.Function */
+.highlight .nl { color: #f2f0ec } /* Name.Label */
+.highlight .nn { color: #ffcc66 } /* Name.Namespace */
+.highlight .nx { color: #6699cc } /* Name.Other */
+.highlight .py { color: #f2f0ec } /* Name.Property */
+.highlight .nt { color: #66cccc } /* Name.Tag */
+.highlight .nv { color: #f2777a } /* Name.Variable */
+.highlight .ow { color: #66cccc } /* Operator.Word */
+.highlight .w { color: #f2f0ec } /* Text.Whitespace */
+.highlight .mb { color: #f99157 } /* Literal.Number.Bin */
+.highlight .mf { color: #f99157 } /* Literal.Number.Float */
+.highlight .mh { color: #f99157 } /* Literal.Number.Hex */
+.highlight .mi { color: #f99157 } /* Literal.Number.Integer */
+.highlight .mo { color: #f99157 } /* Literal.Number.Oct */
+.highlight .sa { color: #99cc99 } /* Literal.String.Affix */
+.highlight .sb { color: #99cc99 } /* Literal.String.Backtick */
+.highlight .sc { color: #f2f0ec } /* Literal.String.Char */
+.highlight .dl { color: #99cc99 } /* Literal.String.Delimiter */
+.highlight .sd { color: #747369 } /* Literal.String.Doc */
+.highlight .s2 { color: #99cc99 } /* Literal.String.Double */
+.highlight .se { color: #f99157 } /* Literal.String.Escape */
+.highlight .sh { color: #99cc99 } /* Literal.String.Heredoc */
+.highlight .si { color: #f99157 } /* Literal.String.Interpol */
+.highlight .sx { color: #99cc99 } /* Literal.String.Other */
+.highlight .sr { color: #99cc99 } /* Literal.String.Regex */
+.highlight .s1 { color: #99cc99 } /* Literal.String.Single */
+.highlight .ss { color: #99cc99 } /* Literal.String.Symbol */
+.highlight .bp { color: #f2f0ec } /* Name.Builtin.Pseudo */
+.highlight .fm { color: #6699cc } /* Name.Function.Magic */
+.highlight .vc { color: #f2777a } /* Name.Variable.Class */
+.highlight .vg { color: #f2777a } /* Name.Variable.Global */
+.highlight .vi { color: #f2777a } /* Name.Variable.Instance */
+.highlight .vm { color: #f2777a } /* Name.Variable.Magic */
+.highlight .il { color: #f99157 } /* Literal.Number.Integer.Long */

data/assets/css/main.scss

@@ -3,3 +3,4 @@
 
 @import "moonwalk";
 @import "list";
+@import "syntax";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: moonwalk
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.1.1
 platform: ruby
 authors:
 - Abhinav Saxena
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-10-29 00:00:00.000000000 Z
+date: 2021-08-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.1.1
+        version: 4.2.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.1.1
+        version: 4.2.0
 - !ruby/object:Gem::Dependency
   name: jekyll-feed
   requirement: !ruby/object:Gem::Requirement
@@ -39,19 +39,33 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 0.15.0
 - !ruby/object:Gem::Dependency
-  name: jekyll-seo-tag
+  name: jekyll-soopr-seo-tag
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.7.1
+        version: 2.7.3
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.7.1
+        version: 2.7.3
+- !ruby/object:Gem::Dependency
+  name: rouge
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.23.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 3.23.0
 description:
 email:
 - abhinav061@gmail.com
@@ -63,7 +77,8 @@ files:
 - README.md
 - _config.yml
 - _includes/card_list.html
-- _includes/goat_counter.html
+- _includes/custom_head.html
+- _includes/date_and_social_share.html
 - _includes/head.html
 - _includes/horizontal_list.html
 - _includes/post_list.html
@@ -76,8 +91,9 @@ files:
 - _layouts/post.html
 - _sass/list.scss
 - _sass/moonwalk.scss
+- _sass/syntax.scss
 - assets/css/main.scss
-homepage: https://github.com/abhinavs/apic-simple-blog
+homepage: https://github.com/abhinavs/moonwalk
 licenses:
 - MIT
 metadata: {}
@@ -96,7 +112,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.4
+rubygems_version: 3.2.15
 signing_key:
 specification_version: 4
 summary: A fast and minimalist Jekyll theme with clean dark mode.

data/_includes/goat_counter.html

@@ -1,6 +0,0 @@
-<script data-goatcounter="https://{{ site.goat_counter }}.goatcounter.com/count"
-        async src="//gc.zgo.at/count.js"></script>
-
-<noscript>
-  <img src="https://{{ site.goat_counter }}.goatcounter.com/count?p=/test-img">
-</noscript>