moonwalk 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d81eeb38ad464be4727b7d0091511a25a06254ec8c923c0fb3891023a57805be
-  data.tar.gz: 35b2c4aeaa42d7bb1195104552a05a15eafd6ece2be67337def5b8fc107623c0
+  metadata.gz: 7e270dfe2fbc981a4e282452fe0e19234b064cbdf98f048df6b63ea07d8a785c
+  data.tar.gz: c189daf8b600ca2f7bcfeaa26619ab73727bb70abd069aa9f9c1b4c6b2a2b54f
 SHA512:
-  metadata.gz: fa9be9f35f712dadaa044e384160fd8c0016687c6325db66035ccd2ba0c0343f1948110d1ba955d81d7d7a5d40eb8f47771b4fcf3c517b0971a2d9770933dc8b
-  data.tar.gz: 6d9cf38cd3b938a827a3ce5b786910cefd44ae378d09d865c23d336984b520115337fda11ad7ff4fec0590aaafebdd1e4824922741aa7214c3083f301457ff8c
+  metadata.gz: d87fc734bad001a7ff65694bdf39de795462778bd2a2b890bbdb53b24601a311b9d8ccc152fe1397d5a9ee1d50cce1199bc42a898cff1a79ec123f1625dc9080
+  data.tar.gz: 9e47b40287b8f29f5b8f94e67c4f662d673e47a25a2a9bdbfe1640d010a91bfb528ceedbb48b8e065fcafc064d478b2e37355d78e57239016d1cba697db0efaa

data/_config.yml

@@ -7,24 +7,33 @@ description: > # description of the site (multiple lines allowed)
 permalink: /:slug.html
 
 favicon: "./logo.png" # relative path to site's favicon
-# goat_counter: "yoursitename" # put your GoatCounter name if you want to use GoatCounter analytics
 
 #theme: moonwalk # if you are using GitHub Pages, change it to remote_theme: abhinavs/moonwalk
 remote_theme: abhinavs/moonwalk
 
 theme_config:
   appearance: "dark" # can be "light", "dark" or "auto"
+  appearance_toggle: true # if appearance can be switched by user
   back_home_text: "home.." # customize text for homepage link in post layout
   date_format: "%Y-%m-%d" # customize how date is formatted
-  show_description: true # show blog description in home page
-  show_navbar: true # show horizontal navbar in home page
+  show_description: true # show blog description
+  show_navbar: true # show horizontal navbar
   show_footer: true # show footer links in home page,add in _data/home.yml
+  show_copyright: true # show copyright notice in footer
+  # following keys are using to create home layout
   show_projects: true # show projects as cards, add in _data/home.yml
+  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_soopr: true # show share buttons using soopr
-  soopr_base_url: "https://soopr.netlify.app"
-
+  # options for "home" page
+  home:
+    title_projects: Portfolio
+    title_misc_list: Details
+    title_blog: Blog
+    title_old_projects: Old Projects
+
+soopr:
+  publish_token: "" # sign up at https://www.soopr.co to get your publish token and personalize share and reaction options
 
 highlighter: rouge
 

data/_includes/custom_head.html

@@ -0,0 +1,3 @@
+{% comment %}
+  Placeholder to allow defining custom head. You can put favicons and other custom header fields here
+{% endcomment %}

data/_includes/date_and_social_share.html

@@ -1,14 +1,11 @@
-<p class="text-bold text-upcase">
+<p class="post-date text-bold text-upcase">
   {% if page.date %}
-    <span class="post-date">{{ page.date | date: "%B %Y"}}</span>
-  {% endif %}
-  {% if site.theme_config.show_soopr  %}
-    <span class="share">Share </span>
-    <span class="soopr-btn soopr-btn-sm"
-      data-twitter="abhinav"
-      data-facebook="abhinavs"
-      data-text="{{ page.title }}"
-      data-url="{{ site.url }}/{{ page.url }}">
-    </span>
+    <span>{{ page.date | date: "%B %Y"}}</span>
   {% endif %}
 </p>
+
+<div class="soopr-btn"
+   data-twitter="abhinav"
+   data-facebook="abhinavs"
+>
+</div>

data/_includes/head.html

@@ -14,7 +14,11 @@
   {% seo title=false %}
   {% feed_meta %}
 
-  <link rel="shortcut icon" type="image/x-icon" href="/{{ site.favicon }}" />
-  <link rel="stylesheet" href="{{ site.url }}/assets/css/main.css" />
-  {% include toggle_theme_js.html %}
+  <link rel="shortcut icon" type="image/x-icon" href="/{{ site.favicon | relative_url }}" />
+  <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}" />
+  {% if site.theme_config.appearance_toggle %}
+    {% include toggle_theme_js.html %}
+  {% endif %}
+
+  {%- include custom_head.html -%}
 </head>

data/_includes/toggle_theme_js.html

@@ -1,32 +1,31 @@
-<script src="https://cdnjs.cloudflare.com/ajax/libs/turbolinks/5.2.0/turbolinks.js" defer></script>
 <script type="text/javascript">
-  document.addEventListener('turbolinks:load', themeChange);
-    const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null;
-    if (currentTheme)
-      document.documentElement.setAttribute('data-theme', currentTheme);
+  window.addEventListener('load', themeChange);
+  const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null;
+  if (currentTheme)
+    document.documentElement.setAttribute('data-theme', currentTheme);
 
-    function themeChange(){
-        let button = document.querySelector('.theme-toggle');
+  function themeChange() {
+    let button = document.querySelector('.theme-toggle');
 
-        button.addEventListener('click', function(e){
-            let currentTheme = document.documentElement.getAttribute('data-theme');
-            if(currentTheme === 'dark') {
-                transition();
-                document.documentElement.setAttribute('data-theme','light');
-                localStorage.setItem('theme', 'light');
-            } else {
-                transition();
-                document.documentElement.setAttribute('data-theme', 'dark');
-                localStorage.setItem('theme', 'dark');
-              }
-          });
-
-        let transition = () =>{
-            document.documentElement.classList.add('transition');
-            window.setTimeout(()=>{
-                document.documentElement.classList.remove('transition');
-              }, 1000);
-          }
+    button.addEventListener('click', function (e) {
+      let currentTheme = document.documentElement.getAttribute('data-theme');
+      if (currentTheme === 'dark') {
+        transition();
+        document.documentElement.setAttribute('data-theme', 'light');
+        localStorage.setItem('theme', 'light');
+      } else {
+        transition();
+        document.documentElement.setAttribute('data-theme', 'dark');
+        localStorage.setItem('theme', 'dark');
       }
+    });
+
+    let transition = () => {
+      document.documentElement.classList.add('transition');
+      window.setTimeout(() => {
+        document.documentElement.classList.remove('transition');
+      }, 1000);
+    }
+  }
 </script>
 

data/_layouts/blog.html

@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-<a href="{{ site.url }}">{{ site.theme_config.back_home_text }}</a>
+<a href="{{ "/" | relative_url }}">{{ site.theme_config.back_home_text }}</a>
 
 <header>
   <h1>{{ site.title }}</h1>

data/_layouts/default.html

@@ -3,18 +3,35 @@
         {%- include head.html -%}
   <body>
     <main class="page-content" aria-label="Content">
-        <div class="w">
-            {{ content }}
-            {% include toggle_theme_button.html %}
+      <div class="w">
+        {{ content }}
+        {% if site.theme_config.appearance_toggle %}
+          {% include toggle_theme_button.html %}
+        {% endif %}
+        <div class="credits">
+          {%- if site.theme_config.show_copyright == true -%}
+          &copy;&nbsp;{{ "now" | date: "%Y" }}&nbsp;{{site.author}}
+          &nbsp;
+          •
+          &nbsp;
+          {%- endif -%}
+          {%- if site.soopr -%}
+          Powered by <a href="https://www.soopr.co" target="_blank" rel="noreferrer">Soopr</a>
+          &nbsp;
+          •
+          &nbsp;
+          {%- endif -%}
+          Theme&nbsp; <a href="https://github.com/abhinavs/moonwalk" target="_blank" rel="noreferrer">Moonwalk</a>
         </div>
+      </div>
     </main>
 
-    {% if site.goat_counter and jekyll.environment == "production" %}
-        {% include goat_counter.html %}
-    {% endif %}
-
-    {% if site.theme_config.show_soopr %}
-      <script src="{{ site.theme_config.soopr_base_url }}/soopr.js" ></script>
-    {% endif %}
+    {%- if site.soopr -%}
+      {%- if site.soopr.publish_token and jekyll.environment == "production" -%}
+        <script async defer data-soopr-token="{{site.soopr.publish_token}}" src="https://sdk.soopr.co/soopr.js"></script>
+      {%- else -%}
+        <script async defer src="https://sdk.soopr.co/soopr.js"></script>
+      {%- endif -%}
+    {%- endif -%}
   </body>
 </html>

data/_layouts/home.html

@@ -5,7 +5,7 @@ layout: default
 <header>
 {% if site.theme_config.show_navbar == true %}
   {% include horizontal_list.html collection=site.data.home.navbar_entries %}
-  <div class="dashed" />
+  <div class="dashed"></div>
 {% endif %}
 
   <h1>{{ site.title }}</h1>
@@ -14,29 +14,32 @@ layout: default
   {% endif %}
 </header>
 
+{{ content }}
+
 {% if site.theme_config.show_projects == true %}
-  <h2>Portfolio</h2>
+  <h2>{{ site.theme_config.home.title_projects }}</h2>
   {% include card_list.html collection=site.data.home.project_entries %}
 {% endif %}
 
 {% if site.theme_config.show_misc_list == true %}
-  <h2>Details</h2>
+  <h2>{{ site.theme_config.home.title_misc_list }}</h2>
   {% include vertical_list.html collection=site.data.home.misc_entries %}
 {% endif %}
 
-
-<h2>Blog</h2>
-{% include post_list.html %}
+{% if site.theme_config.show_blog == true %}
+  <h2>{{ site.theme_config.home.title_blog }}</h2>
+  {% include post_list.html %}
+{% endif %}
 
 {% if site.theme_config.show_old_projects == true %}
-  <h2>Old Projects</h2>
+  <h2>{{ site.theme_config.home.title_old_projects }}</h2>
   {% include card_list.html collection=site.data.home.old_project_entries %}
 {% endif %}
 
 
 {% if site.theme_config.show_footer == true %}
   <footer>
-    <div class="dashed" />
+    <div class="dashed"></div>
     {% include horizontal_list.html collection=site.data.home.footer_entries %}
   </footer>
 {% endif %}

data/_layouts/post.html

@@ -2,7 +2,7 @@
 layout: default
 ---
 
-<a href="{{ site.url }}">{{ site.theme_config.back_home_text }}</a>
-<h1>{{ page.title }}</h1>
+<a href="{{ "/" | relative_url }}">{{ site.theme_config.back_home_text }}</a>
+<h1 class="post-title">{{ page.title }}</h1>
 {% include date_and_social_share.html %}
 {{ content }}

data/_sass/list.scss

@@ -21,12 +21,13 @@ ul.horizontal-list {
   padding: 1em;
   border: 1px var(--text) solid;
   width: 11em;
-  height: 11em;
+  height: auto;
   text-align: center;
   font-size: 1em;
   align-items: center;
   background-color: var(--bg-secondary);
   margin-bottom: 0.8em;
+  border-radius: 0.8em;
 
   .header {
     color: var(--links);

data/_sass/moonwalk.scss

@@ -155,11 +155,9 @@ mark {
 }
 
 .post-date {
-  color: var(--headings);
-  margin-right: 2em;
-}
-.share {
-  color: var(--share-text);
+  color: var(--secondary-text);
+  //margin-bottom: 1rem;
+  font-size: 0.8em;
 }
 .home-date {
   font-family: monospace;
@@ -179,3 +177,23 @@ p code, li code {
   color: var(--code-text);
   font-weight: bold;
 }
+.post-title {
+  margin-bottom:-1.5rem;
+}
+.project-title {
+  margin-bottom: 0.8rem;
+}
+.credits {
+  font-size: 0.8em;
+  color: var(--text);
+  margin: 8em auto -4em auto;
+  text-align: center;
+  a {
+    color: var(--text);
+    text-decoration: none;
+    font-weight: bold;
+  }
+  a:hover {
+    color: var(--links);
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: moonwalk
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Abhinav Saxena
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-01-07 00:00:00.000000000 Z
+date: 2021-03-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.1.1
+        version: 4.2.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.1.1
+        version: 4.2.0
 - !ruby/object:Gem::Dependency
   name: jekyll-feed
   requirement: !ruby/object:Gem::Requirement
@@ -77,8 +77,8 @@ files:
 - README.md
 - _config.yml
 - _includes/card_list.html
+- _includes/custom_head.html
 - _includes/date_and_social_share.html
-- _includes/goat_counter.html
 - _includes/head.html
 - _includes/horizontal_list.html
 - _includes/post_list.html
@@ -93,7 +93,7 @@ files:
 - _sass/moonwalk.scss
 - _sass/syntax.scss
 - assets/css/main.scss
-homepage: https://github.com/abhinavs/apic-simple-blog
+homepage: https://github.com/abhinavs/moonwalk
 licenses:
 - MIT
 metadata: {}

data/_includes/goat_counter.html

@@ -1,6 +0,0 @@
-<script data-goatcounter="https://{{ site.goat_counter }}.goatcounter.com/count"
-        async src="//gc.zgo.at/count.js"></script>
-
-<noscript>
-  <img src="https://{{ site.goat_counter }}.goatcounter.com/count?p=/test-img">
-</noscript>