moonwalk 0.1.1 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '090356e88da17ad90e7f88cd8104eb23401d4d92412f93f82c476f51b482d628'
-  data.tar.gz: ebc009042c02bf50123f36040bd8d251eb98b6c72d2c5f78779a7c4cc6815228
+  metadata.gz: 520b901c78a0b63580aee60986eeb6c91049ffb9aa9c43470acf62c205fabc0a
+  data.tar.gz: 4857ad038f6bafe1c3add5fa466c6f9d0fda0cd6e392bd5dc13cf551338d453b
 SHA512:
-  metadata.gz: 6bd9a469b9c503784167fc53872f81dd94ea5bdc51963f67842ffeb856d3402010a2e98f814ce6a4fb007f31e917fa0df35e975673bb8a5d5f408cac904ac942
-  data.tar.gz: 146f84a88f20840c4bb45c1322732b2e4f64ffc8ee1a5f23a8f06cc1b381bf34b44925c5f16b65bdc0c5e837afc16335ebe448caf0c2b10711243fe86b78ca4d
+  metadata.gz: a1d8b3960ac369b1e7b0bc2e1609b92470c6651d141356cf4c0607b0c715a7e294c6177c2fa6e9f77b96f5293b361dde3a0dc4da33ac9411b3bf1fddcff9737e
+  data.tar.gz: 839a03e3bfa0754116addeb4ae1b98d5b6b679f89a11438e691ac77aa586803f411b58b42955b43aecfda6b3a32ee974291ea5f100097601bb8ecc0cca3c18bb

data/README.md

@@ -17,8 +17,8 @@
 * 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)
+* Auto-generated share images for social media (using [Soopr](https://www.soopr.co))
+* Share & like buttons (using [Soopr](https://www.soopr.co))
 
 
 #### Lighthouse
@@ -31,6 +31,8 @@
 3. `bin/bootstrap`
 4. [Optional] Sign up on Soopr, and add your `publish_token` in `_config.yml` file.
 
+If you are installing Moonwalk on Windows, please note that you might have to use Ruby 3.0.x instead of Ruby 3.1.x - you can see Windows specific installation instructions [here](https://github.com/abhinavs/moonwalk/blob/master/moonwalk_on_windows.md)
+
 ## Starting Server
 `bin/start` - development server will start at http://127.0.0.1:4000
 
@@ -88,28 +90,31 @@ The `home.yml` file accepts the following fields:
 ```css
 html {
     --bg: #fff;
-    --bg-secondary: #f8f9fa;
-    --headings: #000;
-    --text: #333;
-    --links: blue;
+    --bg-secondary: #f3f4f6;
+    --headings: #1e293b;
+    --text: #374151;
+    --text-secondary: #6b7280;
+    --links: #6366f1;
     --highlight: #ffecb2; // light yellow
+    --code-text: #9d174d;
 }
 ```
   - for dark mode customize these css variables
 ```css
 @mixin dark-appearance {
   html, body  {
-      --bg: #1f242A;
+      --headings: #74c0fc;
+      --links: #91a7ff;
+      --highlight: #41c7c7;
+      --bg: #1f242a;
       --bg-secondary: #323945;
-      --headings: #3D9970;
       --text: #adb5bd;
-      --links: #91a7ff;
-      --highlight: #ffd8a8;
-      --highlight: #ffd43b;
+      --text-secondary: #9ca3af;
+      --code-text: #91a7ff;
   };
 }
 ```
-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.
+3. Sign up for free on [Soopr](https://www.soopr.co) and add your `publish_token` in `_config.yml` file - with this, each page gets short URL, like button and auto generated share image for social media.
 
 <img src="https://raw.githubusercontent.com/abhinavs/moonwalk/master/_screenshots/twitter_card.png" />
 

data/_config.yml

@@ -4,7 +4,7 @@ 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
+permalink: /:slug
 
 favicon: "./logo.png" # relative path to site's favicon
 
@@ -29,6 +29,8 @@ theme_config:
   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: false # show generic vertical list for misc details, add _data/home.yml
+  show_reading_time: true # show number of words and reading time in the blog posts
+  show_tags: true # show tags in a blog posts
   # options for "home" page
   home:
     title_projects: Portfolio

data/_includes/date_and_social_share.html

@@ -1,10 +1,31 @@
-<p class="post-date text-bold text-upcase">
+<p class="post-date text-bold">
+  {% if page.author %}
+    <span class="text-upcase">{{ page.author }}</span> / 
+  {% endif %}
   {% if page.date %}
-    <span>{{ page.date | date: "%B %Y"}}</span>
+    <span class="text-upcase">{{ page.date | date: "%B %Y"}}</span>
   {% endif %}
+
+{% if site.theme_config.show_reading_time == true %}
+  {% capture words %}
+  {{ content | number_of_words | minus: 180 }}
+  {% endcapture %}
+  {% unless words contains '-' %}
+  {{ words | strip | prepend: '(' | append: ' Words, ' }}
+  {{ words | plus: 180 | divided_by: 180 | append: ' Minutes)' }}
+  {% endunless %}
+{% endif %}
 </p>
 
 <div class="soopr-btn"
    data-twitter="SooprCo"
 >
 </div>
+
+{% if site.theme_config.show_tags == true %}
+  <div class="">
+    {% for tag in page.tags %}
+    <span class="tag">{{ tag }}</span>
+    {% endfor %}
+  </div>
+{% endif %}

data/_includes/head.html

@@ -14,7 +14,18 @@
   {% seo title=false %}
   {% feed_meta %}
 
-  <link rel="shortcut icon" type="image/x-icon" href="/{{ site.favicon | relative_url }}" />
+  <!-- Favicon -->
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png">
+  <link rel="manifest" href="/assets/images/favicon/site.webmanifest">
+  <link rel="mask-icon" href="/assets/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
+  <link rel="shortcut icon" href="/assets/images/favicon/favicon.ico">
+  <meta name="msapplication-TileColor" content="#00aba9">
+  <meta name="msapplication-config" content="/assets/images/favicon/browserconfig.xml">
+  <meta name="theme-color" content="#ffffff">
+  <!-- Favicon -->
+
   <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}" />
   {% if site.theme_config.appearance_toggle %}
     {% include toggle_theme_js.html %}

data/_sass/list.scss

@@ -27,7 +27,7 @@ ul.horizontal-list {
   align-items: center;
   background-color: var(--bg-secondary);
   margin-bottom: 0.8em;
-  border-radius: 0.8em;
+  border-radius: 0.5em;
 
   .header {
     color: var(--links);

data/_sass/moonwalk.scss

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
 
 html { height: 100%; }
@@ -11,7 +11,7 @@ body {
   min-height: 100%;
 }
 pre, code {
-  font-family: "Anonymous Pro", "Courier New", monospace;
+  font-family: "Roboto Mono", "Courier New", monospace;
   font-size: 0.9rem;
 }
 
@@ -65,10 +65,11 @@ img {
 }
 html {
     --bg: #FFF;
-    --bg-secondary: #f8f8f8;
-    --headings: #000;
-    --text: #333;
-    --links: blue;
+    --bg-secondary: #f3f4f6;
+    --headings: #1e293b;
+    --text: #374151;
+    --text-secondary: #6b7280;
+    --links: #6366f1;
     --highlight: #FFECB2; // light yellow
     --code-text: #9D174D;
     --share-text: #999;
@@ -82,6 +83,7 @@ html {
       --bg: #1f242A;
       --bg-secondary: #323945;
       --text: #adb5bd;
+      --text-secondary: #9CA3AF;
       --code-text: #91A7FF;
       --share-text: #C4C4C4;
   };
@@ -155,12 +157,13 @@ mark {
 }
 
 .post-date {
-  color: var(--secondary-text);
-  //margin-bottom: 1rem;
-  font-size: 0.8em;
+  color: var(--text-secondary);
+  margin-top: 1rem;
+  font-size: 0.7em;
+  font-family: "Roboto Mono", "Courier New", monospace;
 }
 .home-date {
-  font-family: monospace;
+  font-family: "Roboto Mono", "Courier New", monospace;
 }
 .post-list-item a {
   text-decoration: none;
@@ -170,6 +173,7 @@ mark {
 }
 .text-upcase {
   text-transform: uppercase;
+  letter-spacing: 1px;
 }
 p code, li code {
   background-color: var(--bg-secondary);
@@ -197,3 +201,15 @@ p code, li code {
     color: var(--links);
   }
 }
+.tag {
+  font-family: "Roboto Mono", "Courier New", monospace;
+  color: var(--text-secondary);
+  padding: 0.4em 1em;
+  margin-right: 0.5em;
+  border-radius: 1em;
+  background-color: var(--bg-secondary);
+  font-size: 0.7em;
+  font-weight: bold;
+  text-transform: lowercase;
+  //border: 1px solid var(--text-secondary);
+}

data/assets/images/favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/assets/images/favicon/mstile-150x150.png"/>
+            <TileColor>#00aba9</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

data/assets/images/favicon/safari-pinned-tab.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="300.000000pt" height="300.000000pt" viewBox="0 0 300.000000 300.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,300.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1350 2994 c-14 -2 -68 -12 -120 -20 -135 -23 -283 -74 -419 -144
+-401 -208 -683 -581 -783 -1037 -29 -135 -32 -412 -4 -558 114 -611 565 -1072
+1183 -1207 135 -29 412 -32 558 -4 609 114 1074 568 1206 1178 29 136 36 355
+15 494 -52 353 -188 624 -432 867 -211 208 -462 344 -756 408 -90 19 -384 35
+-448 23z m296 -355 c507 -70 913 -476 983 -983 78 -560 -277 -1105 -820 -1260
+-90 -26 -213 -46 -280 -46 l-39 0 0 1150 0 1150 39 0 c22 0 74 -5 117 -11z"/>
+</g>
+</svg>

data/assets/images/favicon/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Moonwalk",
+    "short_name": "Moonwalk",
+    "icons": [
+        {
+            "src": "/assets/images/favicon/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/images/favicon/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: moonwalk
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.3
 platform: ruby
 authors:
 - Abhinav Saxena
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-08-11 00:00:00.000000000 Z
+date: 2022-11-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -66,6 +66,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 3.23.0
+- !ruby/object:Gem::Dependency
+  name: webrick
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
 description:
 email:
 - abhinav061@gmail.com
@@ -93,6 +107,16 @@ files:
 - _sass/moonwalk.scss
 - _sass/syntax.scss
 - assets/css/main.scss
+- assets/images/favicon/android-chrome-192x192.png
+- assets/images/favicon/android-chrome-256x256.png
+- assets/images/favicon/apple-touch-icon.png
+- assets/images/favicon/browserconfig.xml
+- assets/images/favicon/favicon-16x16.png
+- assets/images/favicon/favicon-32x32.png
+- assets/images/favicon/favicon.ico
+- assets/images/favicon/mstile-150x150.png
+- assets/images/favicon/safari-pinned-tab.svg
+- assets/images/favicon/site.webmanifest
 homepage: https://github.com/abhinavs/moonwalk
 licenses:
 - MIT