jekyll-theme-minimalistic 0.3.2 → 0.3.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 35e636d23476097f0b30bc9341812c08773ee6f950037258d61fc618492ca9e1
-  data.tar.gz: 2ecf2d2e7176219dd8c012727f26da7590054d687ea908837e44829487b845ba
+  metadata.gz: 3c47a2432e900a2a43c9cb42b9f1609992371f6ebd477532a275c56c114e3f45
+  data.tar.gz: 2f757384295ec31bc4312d0b7fc2ce640993dd2bdff23f5e7e9a744f5a1ca5a9
 SHA512:
-  metadata.gz: 4686aecbe73980753d70898136639f8e303aa0b90156af3e4e64ca5150227d10a86bc3bcc41f5c7ac7d9ee0041e095fad11a9759eca8e0b6857a6075ffcbbdd4
-  data.tar.gz: a3a8f627a3264f5f25e92b948a65669ad4f259c41c1b73f5aebd86001d7a627baff7b55acb68a78cc8ab47637eba6c79a20ea624e5cf7e46b222c8fb84f8dc6d
+  metadata.gz: 2580036e656d27a366c1e95a7ccff7779ac218daa8b1bc5ca0f8df046c737cbabbd96d7b39ff182783275eb8c60c45d369aa041d2574cfe186a4125d1d5fe44a
+  data.tar.gz: a6ca519e8b04d171ba00361259db3773447504fd8ba03991f10d09454b6cfe40e61a44fbbd4be548c42682cae7a478ec4c4dce8d0143886696bff84c85c25402

data/_includes/mobile.html

@@ -0,0 +1,25 @@
+<div class="link-wrapper-mobile" id="link-wrapper-mobile">
+    {% if site.platforms %}
+    {%- for platform in site.platforms %}
+    <nobr><a href="{{ platform.link }}" rel="me">{{ platform.icon }}&nbsp;{{ platform.name }}</a>
+    {%- unless forloop.last %}<span style="margin-left: 6px;"></span>{% endunless %}</nobr>
+    {%- endfor %}
+    {% endif %}
+
+    {% if site.navigation %}
+    <h3 class="sidebar-h3">Contents:</h3>
+    <ul class="content">
+    {%- for item in site.navigation %}
+      <li><a href="{{ item.link }}">{{ item.name }}</a>
+          {% if item.sublist %}
+          <ul class="sublist">
+              {%- for subitem in item.sublist %}
+              <li><a href="{{ subitem.link }}">{{ subitem.name }}</a></li>
+              {%- endfor %}
+          </ul>
+          {% endif %}
+      </li>
+    {%- endfor %}
+    </ul>
+    {% endif %}
+</div>

data/_includes/sidebar.html

@@ -1,34 +1,4 @@
 <div class="link-wrapper">
-  <style scoped>
-    h3 {
-        margin: 1em 0 0.25em 0;
-    }
-
-    ul.link a {
-      color:var(--clr-h1-and-bold);
-      text-decoration:none;
-    }
-
-    ul.link a:hover, a:focus {
-      color: var(--clr-a-text-hvr);
-    }
-
-    ul.content {
-      margin-left: -1.4em;
-    }
-
-    ul.content a:hover, a:focus {
-      text-decoration: underline;
-    }
-
-    .sublist {
-      margin: 0 0 0;
-    }
-
-    ul.sublist {
-      margin-left: -1.5em;
-    }
-  </style>
   {% if site.platforms %}
   <ul class="link">
     {%- for platform in site.platforms %}
@@ -38,7 +8,7 @@
   {% endif %}
 
   {% if site.navigation %}
-  <h3>Contents:</h3>
+  <h3 class="sidebar-h3">Contents:</h3>
   <ul class="content">
   {%- for item in site.navigation %}
     <li><a href="{{ item.link }}">{{ item.name }}</a>

data/_layouts/default.html

@@ -23,6 +23,7 @@
         <header>
           {%- include header.html -%}
         </header>
+        {% include mobile.html %}
         <div class="sidebar-footer">
           {%- include footer.html -%}
         </div>

data/_sass/jekyll-theme-minimalistic.scss

@@ -2,6 +2,10 @@
 @import "colors";
 @import "rouge-github";
 
+html {
+  scroll-behavior: smooth;
+}
+
 body {
   background-color: var(--clr-bg);
   padding:50px;
@@ -59,14 +63,39 @@ a:hover small {
   text-decoration: underline;
 }
 
+ul.link a {
+  color:var(--clr-h1-and-bold);
+  text-decoration:none;
+}
+
+ul.link a:hover, a:focus {
+  color: var(--clr-a-text-hvr);
+}
+
+ul.content {
+  margin-left: -1.4em;
+}
+
+ul.content a:hover, a:focus {
+  text-decoration: underline;
+}
+
+.sublist {
+  margin: 0 0 0;
+}
+
+ul.sublist {
+  margin-left: -1.5em;
+}
+
 p.link {
   margin:0 0 4px;
 }
 
 ul.link {
-  list-style-type: none; /* Remove bullets */
-  margin: 0; /* To remove default bottom margin */ 
-  padding: 0.4px; /* To remove default left padding */
+  list-style-type: none;
+  margin: 0;
+  padding: 0.4px;
 }
 
 ul.link li + li {
@@ -77,6 +106,10 @@ ul.link:last-child {
   margin-bottom: 6px;
 }
 
+.link-wrapper-mobile {
+  display: none !important;
+}
+
 .wrapper {
   width:860px;
   margin: 0 auto;
@@ -210,6 +243,19 @@ hr {
   flex-basis: content;
 }
 
+.sidebar-h3 {
+  margin: 1em 0 0.25em 0;
+}
+
+#link-wrapper-mobile a {
+  color:var(--clr-h1-and-bold);
+  text-decoration:none;
+}
+
+#link-wrapper-mobile a:hover, a:focus {
+  color: var(--clr-a-text-hvr);
+}
+
 
 @media print, screen and (max-width: 960px) {
   
@@ -233,6 +279,29 @@ hr {
 }
 
 @media print, screen and (max-width: 720px) {
+  body {
+    word-wrap:break-word;
+  }
+
+  header {
+    padding:0;
+    overflow-x: hidden;
+  }
+
+  header ul, header p.view {
+    position:static;
+  }
+  .link-wrapper {
+    display: none !important;
+  }
+
+  .link-wrapper-mobile {
+    display:block !important;
+  }
+
+  .link-wrapper-mobile {
+    margin-bottom: 20px;
+  }
 
   .sidebar {
     float: none;
@@ -264,10 +333,6 @@ hr {
     overflow-x: hidden;
   }
 
-  header {
-    padding-right:320px;
-  }
-
   section {
     border:1px solid var(--clr-splitter-blockquote-and-section);
     border-width:1px 0;
@@ -287,21 +352,6 @@ hr {
   .logo {
     display: none !important;
   }
-}
-
-@media print, screen and (max-width: 720px) {
-  body {
-    word-wrap:break-word;
-  }
-
-  header {
-    padding:0;
-    overflow-x: hidden;
-  }
-
-  header ul, header p.view {
-    position:static;
-  }
 
   pre, code {
     word-wrap:normal;

data/assets/css/style.scss

@@ -4,9 +4,9 @@
 @import "jekyll-theme-minimalistic";
 
 .logo {
-    -webkit-border-radius: 8px;
-    -moz-border-radius: 8px;
-    border-radius: 8px; 
+    -webkit-border-radius: 100%;
+    -moz-border-radius: 100%;
+    border-radius: 100%; 
     margin-bottom: 10px;
 }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-minimalistic
 version: !ruby/object:Gem::Version
-  version: 0.3.2
+  version: 0.3.3
 platform: ruby
 authors:
 - Vaibhav Vikas
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-07-08 00:00:00.000000000 Z
+date: 2022-07-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -128,6 +128,7 @@ files:
 - _includes/head-custom-google-analytics.html
 - _includes/head-custom.html
 - _includes/header.html
+- _includes/mobile.html
 - _includes/sidebar.html
 - _layouts/default.html
 - _layouts/post.html