moonwalk 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b824a918995982654ff750310424a3f6e24fe8de33abd654107124c28214b38e
-  data.tar.gz: 853a3bdae09be4088f51e0d000989c81e203de813d99e80d72cb4402ef94302b
+  metadata.gz: 7edd39e392da8da952ccc0c9d8e3ef35d7134c38ea1ab990c17255a4115a76e8
+  data.tar.gz: 98306e5362e09a847d9bdba85d870d04e3b27057844dda40c8e0c9e013134281
 SHA512:
-  metadata.gz: 4b3d9b1772cb422833b78d6fbc88615fd0f6da36fbcd229c07b75069dea80ab89978e9d4a6432813a9bbacb2011481af45232074f6a224c72dc03edb9da2a2f5
-  data.tar.gz: 155f708cd9fb095dd9ac7e7296252fe12f9aa835d3c9c6cf65094c5f7dd778a4db4502115d1e29ce3b354e9b2750bcd0d3b6f61265028dcb8e606a1f511be987
+  metadata.gz: 0b57b95f1b12e72776cede7691c645fb1a1eb4d6bcfe27e7d021b8d8bae523ec66a4e689de032a2f9d1d07127011cf600cd14cc195f30eb6c5fa7b0f6eb7a2e2
+  data.tar.gz: 76fb05d55b77e3f171b27a546f20d07008abf8225658795cba1cfe65036065ab186da37baefeecd060fa21c4979673539b0a849e169e12a4c6cb8ca9b26f09c9

data/README.md

@@ -4,19 +4,24 @@
 
 <h3 align="center"><a href="https://abhinavs.github.io/moonwalk/">Try the Demo</a></h3>
 
-<img src="https://raw.githubusercontent.com/abhinavs/moonwalk/master/_screenshots/moonwalk.png" />
+<img src="https://raw.githubusercontent.com/abhinavs/moonwalk/master/_screenshots/moonwalk.jpg" />
 
 ## 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))
 * 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))
 
+
+#### Lighthouse
+
+<img src="https://raw.githubusercontent.com/abhinavs/moonwalk/master/_screenshots/lighthouse-report.png" />
+
 ## 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.

data/_config.yml

@@ -1,6 +1,6 @@
 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.
 
@@ -21,7 +21,7 @@ theme_config:
   show_footer: true # show footer links in home page,add in _data/home.yml
   show_projects: true # show projects as cards, add in _data/home.yml
   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
 
 
 sass:

data/_includes/post_list.html

@@ -6,4 +6,4 @@
       </li>
     {% endfor %}
   </ul>
-{% endif %}
+{% endif %}

data/_sass/list.scss

@@ -20,8 +20,8 @@ ul.horizontal-list {
 .card {
   padding: 1em;
   border: 1px var(--text) solid;
-  width: 10em;
-  height: 10em;
+  width: 11em;
+  height: 11em;
   text-align: center;
   font-size: 1em;
   align-items: center;

data/_sass/moonwalk.scss

@@ -1,34 +1,9 @@
-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; }
-}
-
 html { height: 100%; }
 
 body {
-  font-family: monospace;
-  font-size: 1rem;
-  line-height: 1.5;
+  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
+  font-size: 1.0rem;
+  line-height: 2;
   margin: 0;
   min-height: 100%;
 }
@@ -37,12 +12,20 @@ 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;
 }
@@ -73,6 +56,32 @@ img {
   display: block;
   margin: 0 auto;
 }
+html {
+    --bg: #FFF;
+    --bg-secondary: #F8F9FA;
+    --headings: #000;
+    --text: #333;
+    --links: blue;
+    //--highlight: #FFD19B;
+    --highlight: #FFECB2; // light yellow
+}
+// -------------- THEME SWITCHER -------------- //
+@mixin dark-appearance {
+  html, body  {
+      --headings: #74c0fc;
+      --links: #91A7FF;
+      --highlight: #41C7C7;
+      --bg: #1f242A;
+      --bg-secondary: #323945;
+      --text: #adb5bd;
+  };
+}
+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,7 +90,7 @@ 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, code, figcaption {
     color: var(--text);
 }
 code, blockquote {
@@ -128,5 +137,25 @@ html.transition *:after {
 mark {
   padding: 0.4em;
   background-color: var(--highlight);
-  font-size: 0.8em;
+  font-size: 0.7em;
+}
+
+.post-date {
+  color: var(--headings);
+  margin-right: 2em;
+}
+.share {
+  color: var(--text);
+}
+.home-date {
+  font-family: monospace;
+}
+.post-list-item a {
+  text-decoration: none;
+}
+.text-bold {
+  font-weight: bold;
+}
+.text-upcase {
+  text-transform: uppercase;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: moonwalk
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Abhinav Saxena
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-10-29 00:00:00.000000000 Z
+date: 2020-12-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll