jekyll-theme-minimalistic 0.3.10 → 0.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 28af68dbb97f0a847e1a73e6cf57d400de56eb1a16862ade6e97d7f394fb962d
-  data.tar.gz: de612db30505f07e1cd5c83d10924391cdfecdf3ce7a9eaeed188113224bebfe
+  metadata.gz: bf70358b1c100c0279e7ffe93c941b2695e60f7c5a04c33c6ac8f98768f5025f
+  data.tar.gz: 5fa78bd20c5b631a7fad8396eab158cfed27eb90f7b2d211d350f838976751ce
 SHA512:
-  metadata.gz: af761d3f8be1b7570c3b0082789cab4b4a71c9e7fdecf6edccd521e94db724f4dbb00add6cf91ade9c43391a27e4752ec397b2c12939a4c57b6242c1c5cb5074
-  data.tar.gz: a9731999e1d2ac1afd0331a0679c335105e7de1d20af4b9dac0593a9b418addf380481e18413291790d85187f39e7f99a158dea509521b23f3fd40909bddb108
+  metadata.gz: 762890d1b03588a4d26179100c2bd452f3ef2ba0c329a76b740445f3e0e366c5446830cce06744cb8e6f7748ab9a516d9b8633a02d7a35694bb00cb7086eacc7
+  data.tar.gz: 5975b51594caa5e0f2d916b74deecf44c8207806767fb1f3ec11b8267f9c2f460157a45c1620269d69cbff853ff518cffc41beb5668e606c3bf23e56fc195474

data/README.md

@@ -1,6 +1,5 @@
 # jekyll-theme-minimalistic
 
-
 [![Featured](https://img.shields.io/badge/featured%20on-JekyllThemes-red.svg)](https://jekyll-themes.com/jekyll-theme-minimalistic/)
 [![GitHub top language](https://img.shields.io/github/languages/top/vaibhavvikas/jekyll-theme-minimalistic)](#)
 [![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/vaibhavvikas/jekyll-theme-minimalistic)](#)
@@ -9,7 +8,22 @@
 [![pages-build-deployment](https://github.com/vaibhavvikas/jekyll-theme-minimalistic/actions/workflows/pages/pages-build-deployment/badge.svg)](https://github.com/vaibhavvikas/jekyll-theme-minimalistic/actions/workflows/pages/pages-build-deployment)
 
 
-A fork of gh-pages minimal theme with navigation in the sidebar. You can view a live demo at [Minimalistic](https://vaibhavvikas.github.io/jekyll-theme-minimalistic/).
+Minimalistic theme is based on gh-pages minimal theme, with navigation in the sidebar and super amazing features. Wanna see it in action? You can view a live demo at [Minimalistic](https://vaibhavvikas.github.io/jekyll-theme-minimalistic/).
+
+![Screenshot](https://user-images.githubusercontent.com/28614457/179896288-56255d9e-946a-4566-aca4-85459d403ff9.png)
+
+## Features
+1. Auto light/dark mode.
+2. Syntax Highlighting for light/dark mode.
+3. Logo Support for the page.
+4. Links in Sidebar.
+5. List/Sublist in Sidebar.
+6. Fully responsive with mobile support.
+7. Logo/Favicon Support.
+8. Github-Pages Support.
+9. Card Support
+10. Under active development.
+11. And many more. 😁
 
 ## Usage
 
@@ -131,6 +145,18 @@ navigation:
     link: ./xyz.html
 ```
 
+### Adding Card:
+
+Use the code template:
+```html
+<div class="card">
+  <h3>Some Title</h3>
+  <p><b>New Delhi</b>, India<br>
+  Some Text</p>
+  <a href="https://vaibhavvikas.ml/"><span class="card-link-spanner"></span></a>
+</div>
+```
+
 ### Stylesheet
 
 If you'd like to add your own custom styles:
@@ -169,7 +195,7 @@ The theme contains a minimal test suite, to ensure a site with the theme would b
 
 ## Contributors
 
-All contributions are welcome.
+All contributions and suggestions are welcome.
 
 ## Credits:
 

data/_sass/colors.scss

@@ -62,6 +62,7 @@ hvr -> hover
   --clr-splitter-blockquote-and-section: hsl(0, 0%, var(--L-splitter-blockquote-and-section));
   --clr-small-in-a: hsl(0, 0%, var(--L-small-in-a));
   --clr-table-header-and-dt: hsl(0, 0%, var(--L-table-header-and-dt));
+  --clr-card-bg: hsl(0, 0%, var(--L-card-bg));
 }
 
 @mixin light-colors {
@@ -93,6 +94,7 @@ hvr -> hover
   --L-splitter-blockquote-and-section: 90%;
   --L-small-in-a: 47%;
   --L-table-header-and-dt: 27%;
+  --L-card-bg: 97%;
 }
 
 @mixin dark-colors {
@@ -123,4 +125,89 @@ hvr -> hover
   --L-bg: 10%;
   --L-small-in-a: 60%;
   --L-table-header-and-dt: 90%;
+  --L-card-bg: 15%;
+}
+
+@mixin code-highlights {
+  --clr-w-text: var(--L-w-text);
+  --clr-err-text: var(--L-err-text);
+  --clr-err-bg: var(--L-err-bg);
+  --clr-cd-text: var(--L-cd-text);
+  --clr-cp-text: var(--L-cp-text);
+  --clr-nt-text: var(--L-nt-text);
+  --clr-nn-text: var(--L-nn-text);
+  --clr-nc-text: var(--L-nn-text);
+  --clr-no-text: var(--L-no-text);
+  --clr-na-text: var(--L-na-text);
+  --clr-o-text: var(--L-o-text);
+  --clr-p-text: var(--L-p-text);
+  --clr-gi-text: var(--L-gi-text);
+  --clr-gd-text: var(--L-gd-text);
+  --clr-gh-text: var(--L-gh-text);
+  --clr-k-text: var(--L-k-text);
+  --clr-kc-text: var(--L-kc-text);
+  --clr-kt-text: var(--L-kt-text);
+  --clr-kd-text: var(--L-kd-text);
+  --clr-s-text: var(--L-s-text);
+  --clr-sr-text: var(--L-sr-text);
+  --clr-si-text: var(--L-si-text);
+  --clr-se-text: var(--L-se-text);
+  --clr-ss-text: var(--L-ss-text);
+  --clr-m-text: var(--L-m-text);
+}
+
+@mixin highlights-dark {
+  --L-w-text: hsl(60, 30%, 96%);
+  --L-err-text: hsl(231, 15%, 18%);
+  --L-err-bg: hsl(326, 100%, 74%);
+  --L-cd-text: hsl(0, 0%, 80%);
+  --L-cp-text: hsl(135, 94%, 65%);
+  --L-nt-text: hsl(135, 94%, 65%);
+  --L-nn-text: hsl(135, 94%, 65%);
+  --L-nc-text: hsl(135, 94%, 65%);
+  --L-no-text: hsl(135, 94%, 65%);
+  --L-na-text: hsl(191, 97%, 77%);
+  --L-o-text: hsl(135, 94%, 96%);
+  --L-p-text: hsl(135, 94%, 96%);
+  --L-gi-text: hsl(65, 92%, 76%);
+  --L-gd-text: hsl(31, 100%, 74%);
+  --L-gh-text: hsl(191, 97%, 77%);
+  --L-k-text: hsl(265, 89%, 78%);
+  --L-kc-text: hsl(31, 100%, 71%);
+  --L-kk-text: hsl(31, 100%, 71%);
+  --L-kd-text: hsl(31, 100%, 71%);
+  --L-s-text: hsl(65, 92%, 76%);
+  --L-sr-text: hsl(191, 97%, 77%);
+  --L-si-text: hsl(0, 100%, 67%);
+  --L-se-text: hsl(0, 100%, 67%);
+  --L-ss-text: hsl(65, 92%, 76%);
+  --L-m-text: hsl(65, 92%, 76%);
+}
+
+@mixin highlights-light {
+  --L-w-text: hsl(0, 0%, 20%);
+  --L-err-text: hsl(231, 15%, 78%);
+  --L-err-bg: hsl(326, 100%, 24%);
+  --L-cd-text: hsl(0, 0%, 20%);
+  --L-cp-text: hsl(135, 94%, 25%);
+  --L-nt-text: hsl(135, 94%, 25%);
+  --L-nn-text: hsl(135, 94%, 25%);
+  --L-nc-text: hsl(135, 94%, 25%);
+  --L-no-text: hsl(135, 94%, 25%);
+  --L-na-text: hsl(191, 97%, 37%);
+  --L-o-text: hsl(135, 94%, 16%);
+  --L-p-text: hsl(135, 94%, 16%);
+  --L-gi-text: hsl(130, 100%, 21%);
+  --L-gd-text: hsl(31, 100%, 24%);
+  --L-gh-text: hsl(191, 97%, 27%);
+  --L-k-text: hsl(265, 89%, 28%);
+  --L-kc-text: hsl(31, 100%, 21%);
+  --L-kk-text: hsl(31, 100%, 21%);
+  --L-kd-text: hsl(31, 100%, 21%);
+  --L-s-text: hsl(96, 94%, 20%);
+  --L-sr-text: hsl(191, 97%, 27%);
+  --L-si-text: hsl(0, 100%, 37%);
+  --L-se-text: hsl(0, 100%, 37%);
+  --L-ss-text: hsl(130, 100%, 21%);
+  --L-m-text: hsl(130, 100%, 21%);
 }

data/_sass/jekyll-theme-minimalistic.scss

@@ -19,11 +19,16 @@ body {
   display: none;
 }
 
+img {
+  max-width: 100%;
+}
+
 .logo {
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
   margin-bottom: 10px;
+  max-width: 90%;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -133,7 +138,7 @@ blockquote {
 }
 
 code, pre {
-  font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
+  font-family: Consolas, Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
   color: var(--clr-code-text);
 }
 
@@ -145,6 +150,43 @@ pre {
   overflow-x: auto;
 }
 
+.card {
+  position: relative;
+  padding: 10px 15px;
+  margin: 25px 0;
+  border-radius: 5px;
+  color: var(--clr-text);
+  background: var(--clr-card-bg);
+  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
+  transition: 0.3s;
+}
+
+.card h2, .card h3 {
+  margin-bottom: 2px;
+  color: var(--clr-a-text);
+}
+
+.card p {
+  margin: 0;
+}
+
+.card ul {
+  margin-left: -1.4em;
+  margin-bottom: 5px;
+}
+
+.card-link-spanner {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+
+.card:hover {
+  box-shadow: 0 4px 7px 0 rgba(0,0,0,0.2);
+}
+
 table {
   width: 100%;
   border-collapse: collapse;
@@ -167,10 +209,6 @@ th {
   color: var(--clr-table-header-and-dt);
 }
 
-img {
-  max-width: 90%;
-}
-
 kbd {
   background-color: var(--clr-kbd-bg) ;
   border: 1px solid var(--clr-kbd-border);
@@ -246,7 +284,7 @@ hr {
 }
 
 .sidebar-h3 {
-  margin: 1em 0 0.25em 0;
+  margin: 0 0 0.25em;
 }
 
 @media print, screen and (max-width: 960px) {
@@ -325,7 +363,7 @@ hr {
   section {
     border: 1px solid var(--clr-splitter-blockquote-and-section);
     border-width: 1px 0;
-    padding: 0;
+    padding: 20px 0 0;
     margin: 0 0 20px;
   }
 
@@ -341,11 +379,8 @@ hr {
     display: block;
   }
 
-  .header-title-mobile h1, h2, h3, h4, h5, h6 {
-    margin: 15px 0 15px;
-  }
-
   .header-title-mobile h1 {
+    margin: 15px 0 15px;
     line-height: 1.1;
   }
   

data/_sass/rouge-github.scss

@@ -1,81 +1,87 @@
-/*
-   generated by rouge http://rouge.jneen.net/
-   original base16 by Chris Kempson (https://github.com/chriskempson/base16)
-*/
+@import "colors";
 
-.highlight table td { padding: 5px; }
-.highlight table pre { margin: 0; }
+.highlight table td {
+  padding: 5px;
+}
+.highlight table pre {
+  margin: 0;
+}
 .highlight, .highlight .w {
-  color: #d0d0d0;
+  color: var(--clr-w-text);
 }
 .highlight .err {
-  color: #151515;
-  background-color: #ac4142;
+  color: var(--clr-err-text);
+  background-color: var(--clr-err-bg);
 }
 .highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {
-  color: #888;
+  color: var(--clr-cd-text);
 }
 .highlight .cp {
-  color: #f4bf75;
+  color: var(--clr-cp-text);
+  font-weight: bold;
 }
 .highlight .nt {
-  color: #f4bf75;
+  color: var(--clr-cp-text);
 }
 .highlight .o, .highlight .ow {
-  color: #d0d0d0;
+  color: var(--clr-o-text);
+  font-weight: bold;
 }
 .highlight .p, .highlight .pi {
-  color: #d0d0d0;
+  color: var(--clr-o-text);
 }
 .highlight .gi {
-  color: #90a959;
+  color: var(--clr-gi-text);
 }
 .highlight .gd {
-  color: #ac4142;
+  color: var(--clr-gd-text);
 }
 .highlight .gh {
-  color: #6a9fb5;
+  color: var(--clr-gh-text);
   font-weight: bold;
 }
-.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
-  color: #aa759f;
+.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr {
+  color: var(--clr-k-text);
+  font-weight: bold;
 }
-.highlight .kc {
-  color: #d28445;
+.highlight .kc, .highlight .kv {
+  color: var(--clr-kc-text);
+  font-weight: bold;
 }
 .highlight .kt {
-  color: #d28445;
+  color: var(--clr-kt-text);
 }
 .highlight .kd {
-  color: #d28445;
+  color: var(--clr-kd-text);
+  font-weight: bold;
 }
 .highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
-  color: #90a959;
+  color: var(--clr-s-text);
 }
 .highlight .sr {
-  color: #75b5aa;
+  color: var(--clr-sr-text);
 }
 .highlight .si {
-  color: #8f5536;
+  color: var(--clr-si-text);
 }
 .highlight .se {
-  color: #8f5536;
+  color: var(--clr-se-text);
 }
 .highlight .nn {
-  color: #f4bf75;
+  color: var(--clr-nn-text);
 }
 .highlight .nc {
-  color: #f4bf75;
+  color: var(--clr-nc-text);
 }
 .highlight .no {
-  color: #f4bf75;
+  color: var(--clr-no-text);
 }
 .highlight .na {
-  color: #6a9fb5;
+  color: var(--clr-na-text);
 }
 .highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {
-  color: #90a959;
+  color: var(--clr-m-text);
 }
 .highlight .ss {
-  color: #90a959;
-}
+  color: var(--clr-ss-text);
+}

data/assets/css/colors-auto.scss

@@ -7,12 +7,15 @@
 // @media prefers-color-scheme it will default to dark mode
 :root {
     @include colors;
-    @include light-colors;
+    @include dark-colors;
+    @include code-highlights;
+    @include highlights-dark;
   }
 
 @media screen and (prefers-color-scheme: dark) {
   :root{
     @include dark-colors;
+    @include highlights-dark;
   }
 }
 
@@ -21,5 +24,6 @@
   // as that would use a lot of ink
   :root {
     @include light-colors;
+    @include highlights-light
   }
 }

data/assets/css/colors-dark.scss

@@ -6,10 +6,13 @@
 :root {
   @include colors;
   @include dark-colors;
+  @include code-highlights;
+  @include highlights-dark;
 }
 
 @media print {
   :root {
     @include light-colors;
+    @include highlights-light;
   }
 }

data/assets/css/colors-light.scss

@@ -6,4 +6,6 @@
 :root {
   @include colors;
   @include light-colors;
+  @include code-highlights;
+  @include highlights-light;
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-minimalistic
 version: !ruby/object:Gem::Version
-  version: 0.3.10
+  version: 0.4.1
 platform: ruby
 authors:
 - Vaibhav Vikas
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-07-15 00:00:00.000000000 Z
+date: 2022-07-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll