jekyll-theme-minimalistic 0.3.0 → 0.3.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2d439c70965fcf9fc824632fc3dfad9a5dffc50ec137a710379970333c54a125
-  data.tar.gz: '08b5218c748769a6c9a5bdda1d6904c7e3e43282602b6b0a9659c79b56db890d'
+  metadata.gz: 3c47a2432e900a2a43c9cb42b9f1609992371f6ebd477532a275c56c114e3f45
+  data.tar.gz: 2f757384295ec31bc4312d0b7fc2ce640993dd2bdff23f5e7e9a744f5a1ca5a9
 SHA512:
-  metadata.gz: a5a87d2b8147a2115bd3b289ed0b69836f3f4569e669e6dad834216407ed0349da11b6165aaf55ecee89ab10a2a4e7b1779c5997640538e26a75da3c81bfb4f9
-  data.tar.gz: 4295482129c13ffb4e1c4b75e580ef11742f0d0491b273728c8aff44b3c900fa08fda8d5878df7e72044a8162e36afb51cae98ef9cade8db95108c73635c3845
+  metadata.gz: 2580036e656d27a366c1e95a7ccff7779ac218daa8b1bc5ca0f8df046c737cbabbd96d7b39ff182783275eb8c60c45d369aa041d2574cfe186a4125d1d5fe44a
+  data.tar.gz: a6ca519e8b04d171ba00361259db3773447504fd8ba03991f10d09454b6cfe40e61a44fbbd4be548c42682cae7a478ec4c4dce8d0143886696bff84c85c25402

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> &mdash; Theme by <a href="https://github.com/vaibhavvikas">vaibhavvikas</a></small></p>
+<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>

data/_includes/head-custom.html

@@ -8,5 +8,4 @@
 {% if site.favicon %}
   <link rel="shortcut icon" type="image/x-icon" href="{{ '/favicon.ico' | relative_url }}">
 {% endif %}
-
 <!-- end custom head snippets -->

data/_includes/header.html

@@ -0,0 +1,27 @@
+{% if site.logo %}
+<img class="logo" src="{{ site.logo | relative_url }}" alt="Logo">
+{% endif %}
+
+{% if site.blank_title %}
+<h1>{{ site.title | default: site.github.repository_name }}</h1>
+{% else %}
+<h1><a href="{{ "/" | absolute_url }}">{{ site.title | default: site.github.repository_name }}</a></h1>
+{% endif %}
+
+{% if site.email %}
+<p class="addr"><i class="fa-solid fa-envelope"></i>&nbsp;<a href="mailto:{{site.email}}">{{ site.email }}</a></p>
+{% endif %}
+
+<p>{{ site.description | default: site.github.project_tagline }}</p>
+
+{% unless site.hide_project_page %}
+    {% if site.github.is_project_page %}
+    <p class="view"><a href="{{ site.github.repository_url }}">View the Project on GitHub<br><small>{{ site.github.repository_nwo }}</small></a></p>
+    {% endif %}
+
+    {% if site.github.is_user_page %}
+    <p class="view"><a href="{{ site.github.owner_url }}">View My GitHub Profile</a></p>
+    {% endif %}
+{% endunless %}
+
+{% include sidebar.html %}

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

@@ -21,35 +21,9 @@
     <div class="wrapper">
       <div class="sidebar">
         <header>
-          {% if site.logo %}
-          <img class="logo" src="{{site.logo | relative_url}}" alt="Logo">
-          {% endif %}
-
-          {% if site.blank_title %}
-            <h1>{{ site.title | default: site.github.repository_name }}</h1>
-          {% else %}
-            <h1><a href="{{ "/" | absolute_url }}">{{ site.title | default: site.github.repository_name }}</a></h1>
-          {% endif %}
-
-          {% if site.email %}
-          <p class="addr"><i class="fa-solid fa-envelope"></i>&nbsp;<a href="mailto:{{site.email}}">{{ site.email }}</a></p>
-          {% endif %}
-
-          <p>{{ site.description | default: site.github.project_tagline }}</p>
-          
-          {% unless site.hide_project_page %}
-            {% if site.github.is_project_page %}
-            <p class="view"><a href="{{ site.github.repository_url }}">View the Project on GitHub<br><small>{{ site.github.repository_nwo }}</small></a></p>
-            {% endif %}
-
-            {% if site.github.is_user_page %}
-            <p class="view"><a href="{{ site.github.owner_url }}">View My GitHub Profile</a></p>
-            {% endif %}
-          {% endunless %}
-
-          {% include sidebar.html %}
-
+          {%- include header.html -%}
         </header>
+        {% include mobile.html %}
         <div class="sidebar-footer">
           {%- include footer.html -%}
         </div>

data/_sass/jekyll-theme-minimalistic.scss

@@ -1,6 +1,10 @@
 @import "fonts";
-@import "rouge-github";
 @import "colors";
+@import "rouge-github";
+
+html {
+  scroll-behavior: smooth;
+}
 
 body {
   background-color: var(--clr-bg);
@@ -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;
@@ -105,6 +138,8 @@ pre {
 table {
   width:100%;
   border-collapse:collapse;
+  display: block;
+  overflow-x: auto;
 }
 
 th, td {
@@ -208,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) {
   
@@ -231,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;
@@ -262,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;
@@ -285,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/_sass/rouge-github.scss

@@ -1,206 +1,81 @@
+/*
+   generated by rouge http://rouge.jneen.net/
+   original base16 by Chris Kempson (https://github.com/chriskempson/base16)
+*/
+
 .highlight table td { padding: 5px; }
 .highlight table pre { margin: 0; }
-.highlight .cm {
-  color: #999988;
-  font-style: italic;
-}
-.highlight .cp {
-  color: #999999;
-  font-weight: bold;
-}
-.highlight .c1 {
-  color: #999988;
-  font-style: italic;
-}
-.highlight .cs {
-  color: #999999;
-  font-weight: bold;
-  font-style: italic;
-}
-.highlight .c, .highlight .cd {
-  color: #999988;
-  font-style: italic;
+.highlight, .highlight .w {
+  color: #d0d0d0;
 }
 .highlight .err {
-  color: #a61717;
-  background-color: #e3d2d2;
+  color: #151515;
+  background-color: #ac4142;
 }
-.highlight .gd {
-  color: #000000;
-  background-color: #ffdddd;
+.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {
+  color: #888;
 }
-.highlight .ge {
-  color: #000000;
-  font-style: italic;
+.highlight .cp {
+  color: #f4bf75;
 }
-.highlight .gr {
-  color: #aa0000;
+.highlight .nt {
+  color: #f4bf75;
 }
-.highlight .gh {
-  color: #999999;
+.highlight .o, .highlight .ow {
+  color: #d0d0d0;
 }
-.highlight .gi {
-  color: #000000;
-  background-color: #ddffdd;
+.highlight .p, .highlight .pi {
+  color: #d0d0d0;
 }
-.highlight .go {
-  color: #888888;
+.highlight .gi {
+  color: #90a959;
 }
-.highlight .gp {
-  color: #555555;
+.highlight .gd {
+  color: #ac4142;
 }
-.highlight .gs {
+.highlight .gh {
+  color: #6a9fb5;
   font-weight: bold;
 }
-.highlight .gu {
-  color: #aaaaaa;
-}
-.highlight .gt {
-  color: #aa0000;
+.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
+  color: #aa759f;
 }
 .highlight .kc {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kd {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kn {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kp {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .kr {
-  color: #000000;
-  font-weight: bold;
+  color: #d28445;
 }
 .highlight .kt {
-  color: #445588;
-  font-weight: bold;
-}
-.highlight .k, .highlight .kv {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .mf {
-  color: #009999;
-}
-.highlight .mh {
-  color: #009999;
-}
-.highlight .il {
-  color: #009999;
-}
-.highlight .mi {
-  color: #009999;
-}
-.highlight .mo {
-  color: #009999;
-}
-.highlight .m, .highlight .mb, .highlight .mx {
-  color: #009999;
-}
-.highlight .sb {
-  color: #d14;
-}
-.highlight .sc {
-  color: #d14;
-}
-.highlight .sd {
-  color: #d14;
+  color: #d28445;
 }
-.highlight .s2 {
-  color: #d14;
-}
-.highlight .se {
-  color: #d14;
-}
-.highlight .sh {
-  color: #d14;
-}
-.highlight .si {
-  color: #d14;
+.highlight .kd {
+  color: #d28445;
 }
-.highlight .sx {
-  color: #d14;
+.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
+  color: #90a959;
 }
 .highlight .sr {
-  color: #009926;
-}
-.highlight .s1 {
-  color: #d14;
-}
-.highlight .ss {
-  color: #990073;
-}
-.highlight .s {
-  color: #d14;
+  color: #75b5aa;
 }
-.highlight .na {
-  color: #008080;
+.highlight .si {
+  color: #8f5536;
 }
-.highlight .bp {
-  color: #999999;
+.highlight .se {
+  color: #8f5536;
 }
-.highlight .nb {
-  color: #0086B3;
+.highlight .nn {
+  color: #f4bf75;
 }
 .highlight .nc {
-  color: #445588;
-  font-weight: bold;
+  color: #f4bf75;
 }
 .highlight .no {
-  color: #008080;
+  color: #f4bf75;
 }
-.highlight .nd {
-  color: #3c5d5d;
-  font-weight: bold;
-}
-.highlight .ni {
-  color: #800080;
-}
-.highlight .ne {
-  color: #990000;
-  font-weight: bold;
-}
-.highlight .nf {
-  color: #990000;
-  font-weight: bold;
-}
-.highlight .nl {
-  color: #990000;
-  font-weight: bold;
-}
-.highlight .nn {
-  color: #555555;
-}
-.highlight .nt {
-  color: #4d4dc0;
-}
-.highlight .vc {
-  color: #008080;
-}
-.highlight .vg {
-  color: #008080;
-}
-.highlight .vi {
-  color: #008080;
-}
-.highlight .nv {
-  color: #008080;
-}
-.highlight .ow {
-  color: #000000;
-  font-weight: bold;
-}
-.highlight .o {
-  color: #000000;
-  font-weight: bold;
+.highlight .na {
+  color: #6a9fb5;
 }
-.highlight .w {
-  color: #bbbbbb;
+.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {
+  color: #90a959;
 }
+.highlight .ss {
+  color: #90a959;
+}

data/assets/css/colors-auto.scss

@@ -4,7 +4,7 @@
 @import "colors";
 
 // this mode is like colors-auto but if the device does not support 
-// @media prefers-color-scheme it will default to light mode
+// @media prefers-color-scheme it will default to dark mode
 :root {
     @include colors;
     @include light-colors;
@@ -17,7 +17,7 @@
 }
 
 @media print, (prefers-color-scheme: light) {
-  //we would not like to apply dark mode if content is on printer
+  // we would not like to apply dark mode if content is on printer
   // as that would use a lot of ink
   :root {
     @include light-colors;

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.0
+  version: 0.3.3
 platform: ruby
 authors:
 - Vaibhav Vikas
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-07-03 00:00:00.000000000 Z
+date: 2022-07-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -127,6 +127,8 @@ files:
 - _includes/footer.html
 - _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