From 8d99eb2f6b0436d2d3e07d72b0d0b84a72c46108 Mon Sep 17 00:00:00 2001 From: Abhinav Saxena Date: Tue, 1 Nov 2022 18:00:29 +0530 Subject: [PATCH] added tags - v0 --- Gemfile.lock | 32 ++++++++++++------------- README.md | 21 ++++++++++------- _config.yml | 1 + _includes/date_and_social_share.html | 30 ++++++++++++++---------- _posts/2020-07-07-overview-post.md | 1 + _sass/list.scss | 2 +- _sass/moonwalk.scss | 35 ++++++++++++++++++++-------- moonwalk.gemspec | 2 +- 8 files changed, 75 insertions(+), 49 deletions(-) diff --git a/Gemfile.lock b/Gemfile.lock index 07755facb..076543ebd 100644 --- 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 index c6bd8c59e..859aee747 100644 --- 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 index cf8012914..0a280a671 100644 --- 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 index 5001bf42e..20d44af23 100644 --- a/_includes/date_and_social_share.html +++ b/_includes/date_and_social_share.html @@ -1,25 +1,31 @@ -

+

{% if page.author %} - {{ page.author }} / + {{ page.author }} / {% endif %} {% if page.date %} - {{ page.date | date: "%B %Y"}} + {{ page.date | date: "%B %Y"}} {% endif %} -

- -
-
{% if site.theme_config.show_reading_time == true %} -

{% 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 %}

+ +
+
+ +{% if site.theme_config.show_tags == true %} +
+ {% for tag in page.tags %} + {{ tag }} + {% endfor %} +
{% endif %} diff --git a/_posts/2020-07-07-overview-post.md b/_posts/2020-07-07-overview-post.md index 3ff73e547..7611fddfc 100644 --- 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 index aebac08f9..124f3f002 100644 --- 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 index 8f16e3106..141cf16a8 100644 --- 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 index aae3bb4ce..0373a6b42 100644 --- 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"]