features

README.md

@@ -1,4 +1,4 @@
-# Jekyll Garden v 0.2 (Stable)
+# Jekyll Garden v 0.3 (Stable)
 
 This is a simple Jekyll theme created for building a digital garden with Obsidian and Github Pages. You have to fork this theme to your Github account, configure Github pages, and start using the `_notes` folder as the Obsidian vault. Check out [the demo](https://jekyll-garden.github.io/). 
 

_config.yml

@@ -31,7 +31,7 @@ url: "https://jekyll-garden.github.io/" # the base hostname & protocol for your
 heading: Digital Garden # Change this 
 copyright:  
   year: 2021
-  msg: Hiran Venugopalan # This is a mandatory attribute for copyright to be displayed ; If deleting this, edit at footer layout.
+  msg: Your Name # This is a mandatory attribute for copyright to be displayed ; If deleting this, edit at footer layout.
 
 
 #####################################################################

_includes/Footer.html

@@ -30,7 +30,7 @@
 
 {%- if site.copyright.msg != nil and site.copyright.msg != empty and site.copyright.msg != null -%}
 <div id="copyright">
-    <p id="copyright-notice"> Under CC0. {{site.copyright.msg}}. {{site.copyright.year}}</p>
+    <p id="copyright-notice">{{site.copyright.msg}}. {{site.copyright.year}}, powered by <a href="https://github.com/Jekyll-Garden/jekyll-garden.github.io">Jekyll Garden</a></p>
 </div> 
 <script src="/assets/js/modeswitcher.js"></script>
 

_layouts/Post.html

@@ -96,9 +96,9 @@
                         <div class="note-page-section">
                             <div class="buttons for-back-home">
                                 {%- if site.preferences.homepage.enabled -%}
-                                <a class="button is-text" onclick="window.location.assign('/notes');">
+                                <a class="button is-text button__page-back" onclick="window.location.assign('/notes');">
                                 {%- else -%}
-                                <a class="button is-text" onclick="window.location.assign('/');">
+                                <a class="button is-text button__page-back" onclick="window.location.assign('/');">
                                 {%- endif -%}
                                     <span class="icon is-small">
                                         <svg width="12" height="20" viewBox="0 0 12 20" fill="none"

assets/css/main.css

@@ -214,7 +214,7 @@ th {
 
 html {
   background-color: var(--bg-sub);
-  font-size: 16px;
+  font-size: 14px;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   min-width: 300px;
@@ -348,9 +348,6 @@ table th {
   text-align: right !important; }
 
 @media screen and (max-width: 768px) {
-  html {
-    font-size: 12px; 
-  }
   .has-text-centered-mobile {
     text-align: center !important; } }
 
@@ -1038,6 +1035,16 @@ a.box-feed:active {
     .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
       background-color: var(--bg-sub);
       color: var(--color-bis); }
+      .button.button__page-back {
+        background-color: var(--bg-sub);
+        color: var(--color-bis);
+      }
+      @media screen and (min-width: 769px), print {
+        .button.button__page-back {
+          background-color: transparent;
+          border-color: transparent;
+        }
+      }
     .button.is-text:active, .button.is-text.is-active {
       background-color: #e8e8e8;
       color: var(--color-bis); }
@@ -1149,7 +1156,6 @@ a.box-feed:active {
 
 .content ol {
   list-style-position: outside;
-  margin-left: 2em;
   margin-top: 1em; }
   .content ol:not([type]) {
     list-style-type: decimal; }
@@ -1164,7 +1170,6 @@ a.box-feed:active {
 
 .content ul {
   list-style: disc outside;
-  margin-left: 2em;
   margin-top: 1em; }
   .content ul ul {
     list-style-type: circle;
@@ -3856,9 +3861,6 @@ a.navbar-item,
 .search-suggestions.content li + li {
   margin-top: 0.5em; }
 
-.note-cards .content {
-  width: 88%; }
-
 .tags.are-medium .tag:not(body) {
   padding: 8px 16px;
   height: 2rem; }
@@ -3885,7 +3887,10 @@ a.navbar-item,
 @media screen and (min-width: 769px), print {
   .section.is-note .column.is-primary-content,
     .note-page-section {
-      padding: 3rem 8rem; } }
+      padding: 3rem 8rem; } 
+  .note-cards .content {
+    width: 88%; }
+    }
 
 @media screen and (min-width: 769px), print {
   .for-back-home {

assets/css/style.css

@@ -151,28 +151,29 @@ main {
 }
 */
 
+/* Minor third with base font 14px */
 h1 {
-    font-size: 2.441rem;
+    font-size: 2.074rem;
     font-weight: 600;
 }
 
 h2 {
-    font-size: 1.953rem;
+    font-size: 1.728rem;
     font-weight: 600;
 }
 
 h3 {
-    font-size: 1.563rem;
+    font-size: 1.44rem;
     font-weight: 600;
 }
 
 h4 {
-    font-size: 1.25rem;
+    font-size: 1.2rem;
     font-weight: 600;
 }
 
 h5 {
-    font-size: 1.25rem;
+    font-size: 1.2rem;
     font-weight: 400;
 }
 
@@ -181,17 +182,47 @@ h6 {
     font-weight: 600;
 }
 
+
+/* Major third with base font 16px */
+@media screen and (min-width: 769px), print {
+    html {
+        font-size: 16px; 
+    }
+    h1 {
+        font-size: 2.441rem;
+        font-weight: 600;
+    }
+
+    h2 {
+        font-size: 1.953rem;
+        font-weight: 600;
+    }
+
+    h3 {
+        font-size: 1.563rem;
+        font-weight: 600;
+    }
+
+    h4 {
+        font-size: 1.25rem;
+        font-weight: 600;
+    }
+
+    h5 {
+        font-size: 1.25rem;
+        font-weight: 400;
+    }
+
+    h6 {
+        font-size: 1rem;
+        font-weight: 600;
+    }
+}
+
 h1, h2, h3, h4, h5, h6 {
     margin: 0;
     font-family: 'IBM Plex Sans', sans-serif;
 }
-/*
-a, p, ul, li, ol, table, span, blockquote {
-    color: var(--text-main);
-    font-family: 'IBM Plex Sans', sans-serif;
-    font-size: 16px;  /* Let's set the font-size to something old-man friendly 
-}*/
-
 
 p a,
 ul a,
@@ -590,8 +621,6 @@ hr {
     list-style: decimal;
     display: inline-block;
     background: var(--bg-sub);
-    /* @hiran, do we need this border radius? - @asim */
-    border-radius: 8px;
     width: 100%;
     margin: 0;
 }
@@ -1310,6 +1339,7 @@ label.srs-toggle {
 #copyright-notice {
     font-size: 0.7rem;
     font-weight: 700;
+    text-align: center;
 }
 
 #disqus_thread {