moonwalk 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2967d34ac4d69b0a22ed559b8332cccebe5c2cdd371ce09fa4566bdb384caac1
-  data.tar.gz: 63d7e752098c997ee32d0c25e6c2eb3103c19a689edade42b524a462d86030fc
+  metadata.gz: 520b901c78a0b63580aee60986eeb6c91049ffb9aa9c43470acf62c205fabc0a
+  data.tar.gz: 4857ad038f6bafe1c3add5fa466c6f9d0fda0cd6e392bd5dc13cf551338d453b
 SHA512:
-  metadata.gz: 75da973db880f5071dd744bd4da7490c5ce319428e31bc38b9375f037dcf636e9bc2a326128df29f7ba0bfe1045c42cd31445a5a563548e69360a4b26cf63e40
-  data.tar.gz: 408605ab11b60c50086241c69c291d7d66e55d08ef524a7cfce49473df0406c468e2ee31ac494d29abbb045edc8840dbbe40c8042783e05f419a19cfbc526113
+  metadata.gz: a1d8b3960ac369b1e7b0bc2e1609b92470c6651d141356cf4c0607b0c715a7e294c6177c2fa6e9f77b96f5293b361dde3a0dc4da33ac9411b3bf1fddcff9737e
+  data.tar.gz: 839a03e3bfa0754116addeb4ae1b98d5b6b679f89a11438e691ac77aa586803f411b58b42955b43aecfda6b3a32ee974291ea5f100097601bb8ecc0cca3c18bb

data/README.md

@@ -90,24 +90,27 @@ 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;
   };
 }
 ```

data/_config.yml

@@ -30,6 +30,7 @@ theme_config:
   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,25 +1,31 @@
-<p class="post-date text-bold text-upcase">
+<p class="post-date text-bold">
   {% if page.author %}
-    <span class="text-bold">{{ page.author }}</span> / 
+    <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 %}
-</p>
-
-<div class="soopr-btn"
-   data-twitter="SooprCo"
->
-</div>
 
 {% if site.theme_config.show_reading_time == true %}
-<p class="post-date text-bold">
   {% capture words %}
   {{ content | number_of_words | minus: 180 }}
   {% endcapture %}
   {% unless words contains '-' %}
-  {{ words | append: ' Words, ' }}
-  {{ words | plus: 180 | divided_by: 180 | append: ' Minutes' }}
+  {{ 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;
@@ -198,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.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Abhinav Saxena
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-09-21 00:00:00.000000000 Z
+date: 2022-11-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -107,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