jekyll-theme-minimalistic 0.3.2 → 0.3.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 35e636d23476097f0b30bc9341812c08773ee6f950037258d61fc618492ca9e1
-  data.tar.gz: 2ecf2d2e7176219dd8c012727f26da7590054d687ea908837e44829487b845ba
+  metadata.gz: 8b8c1a23c873154f78f8c675a74c257098d0573469aec4de8d94f9f12f3ce027
+  data.tar.gz: 2a7f12f8d92b07e2fdcee2c46833729a2668f437ff8b063986897d9ff7cdf259
 SHA512:
-  metadata.gz: 4686aecbe73980753d70898136639f8e303aa0b90156af3e4e64ca5150227d10a86bc3bcc41f5c7ac7d9ee0041e095fad11a9759eca8e0b6857a6075ffcbbdd4
-  data.tar.gz: a3a8f627a3264f5f25e92b948a65669ad4f259c41c1b73f5aebd86001d7a627baff7b55acb68a78cc8ab47637eba6c79a20ea624e5cf7e46b222c8fb84f8dc6d
+  metadata.gz: 6928bf31a8b7f6f11b2790d8b3dcf2a313d8d18f0e8c515b23bd40c5927ab93926ecb4a9b4cb5c0906dca7143f52383d15de5126ddb8e1ec372bfbd7293af73d
+  data.tar.gz: 03bce14dd091dde41a8df181a88520f4cfd0032326bba6b9d1d3f75f879accfb964567d45ab85fd547135d1ece3c8895ac442dd5076a8a1ee10793693559fc6c

data/_includes/footer.html

@@ -3,4 +3,4 @@
     <p>This project is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a></p>
     {% endif %}
 {% endunless %}
-<p><small>Powered by <a href="https://jekyllrb.com/">Jekyll</a> &amp; <a href="https://github.com/vaibhavvikas/jekyll-theme-minimalistic">Minimalistic</a></small></p>
+<p style="margin-bottom: 0px"><small>Powered by <a href="https://jekyllrb.com/">Jekyll</a> &amp; <a href="https://github.com/vaibhavvikas/jekyll-theme-minimalistic">Minimalistic</a></small></p>

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,12 +2,35 @@
 @import "colors";
 @import "rouge-github";
 
+html {
+  scroll-behavior: smooth;
+}
+
 body {
   background-color: var(--clr-bg);
   padding:50px;
   font: 15px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: var(--clr-text);
   font-weight:400;
+  animation: fadein ease-in 1s;
+}
+
+@keyframes fadein {
+  0% {
+    opacity: 0;
+  }
+
+  50% {
+   opacity: 0.5;
+  }
+
+  75% {
+    opacity: 0.75;
+  }
+  
+  100% {
+    opacity: 1;
+  }
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -59,14 +82,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: none;
+}
+
+.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 +125,10 @@ ul.link:last-child {
   margin-bottom: 6px;
 }
 
+.link-wrapper-mobile {
+  display: none !important;
+}
+
 .wrapper {
   width:860px;
   margin: 0 auto;
@@ -202,12 +254,21 @@ hr {
 .sidebar-footer {
   width:250px;
   float:left;
-  bottom:30px;
   -webkit-font-smoothing:subpixel-antialiased;
+  flex-basis: content;
 }
 
-.sidebar-footer {
-  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);
 }
 
 
@@ -233,6 +294,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 +348,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 +367,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;
@@ -322,4 +387,3 @@ hr {
     color:#444;
   }
 }
-

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.5
 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