added tags - v0

abhinavs · Nov 1, 2022 · 8d99eb2 · 8d99eb2
1 parent 0a89e33
commit 8d99eb2
Show file tree

Hide file tree

Showing 8 changed files with 75 additions and 49 deletions.
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    moonwalk (0.1.1)
+    moonwalk (0.1.3)
       jekyll (~> 4.2.0)
       jekyll-feed (~> 0.15.0)
       jekyll-soopr-seo-tag (~> 2.7.3)
@@ -11,20 +11,20 @@ PATH
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.8.0)
-      public_suffix (>= 2.0.2, < 5.0)
+    addressable (2.8.1)
+      public_suffix (>= 2.0.2, < 6.0)
     colorator (1.1.0)
-    concurrent-ruby (1.1.9)
-    em-websocket (0.5.2)
+    concurrent-ruby (1.1.10)
+    em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0.6.0)
+      http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    ffi (1.15.3)
+    ffi (1.15.5)
     forwardable-extended (2.6.0)
-    http_parser.rb (0.6.0)
-    i18n (1.8.10)
+    http_parser.rb (0.8.0)
+    i18n (1.12.0)
       concurrent-ruby (~> 1.0)
-    jekyll (4.2.0)
+    jekyll (4.2.2)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
@@ -41,25 +41,25 @@ GEM
       terminal-table (~> 2.0)
     jekyll-feed (0.15.1)
       jekyll (>= 3.7, < 5.0)
-    jekyll-sass-converter (2.1.0)
+    jekyll-sass-converter (2.2.0)
       sassc (> 2.0.1, < 3.0)
     jekyll-soopr-seo-tag (2.7.3)
       jekyll (>= 3.8, < 5.0)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    kramdown (2.3.1)
+    kramdown (2.4.0)
       rexml
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.3)
-    listen (3.6.0)
+    listen (3.7.1)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (4.0.6)
-    rb-fsevent (0.11.0)
+    public_suffix (5.0.0)
+    rb-fsevent (0.11.2)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
     rexml (3.2.5)
@@ -69,7 +69,7 @@ GEM
       ffi (~> 1.9)
     terminal-table (2.0.0)
       unicode-display_width (~> 1.1, >= 1.1.1)
-    unicode-display_width (1.7.0)
+    unicode-display_width (1.8.0)
     webrick (1.7.0)
 
 PLATFORMS

diff --git a/README.md b/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;
   };
 }
 ```

diff --git a/_config.yml b/_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

diff --git a/_includes/date_and_social_share.html b/_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 %}
diff --git a/_posts/2020-07-07-overview-post.md b/_posts/2020-07-07-overview-post.md
@@ -1,6 +1,7 @@
 ---
 layout: post
 author: Abhinav Saxena
+tags: [overview, moonwalk]
 ---
 
 Lorem ipsum[^1] dolor sit amet, consectetur adipiscing elit. Pellentesque vel lacinia neque. Praesent nulla quam, ullamcorper in sollicitudin ac, molestie sed justo. Cras aliquam, sapien id consectetur accumsan, augue magna faucibus ex, ut ultricies turpis tortor vel ante. In at rutrum tellus.

diff --git a/_sass/list.scss b/_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);

diff --git a/_sass/moonwalk.scss b/_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);
+}
diff --git a/moonwalk.gemspec b/moonwalk.gemspec
@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "moonwalk"
-  spec.version       = "0.1.1"
+  spec.version       = "0.1.3"
   spec.authors       = ["Abhinav Saxena"]
   spec.email         = ["abhinav061@gmail.com"]