jekyll-theme-minimalistic 0.4.0 → 0.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 80dba14004ebbec626a9798386c067d3f6bc9a58f4d350bddb6b3a9b50d4c10c
-  data.tar.gz: 751aebd29f0651582b9d06998df6ea6579a3368a1ce252a57bfe342c480034ce
+  metadata.gz: bf70358b1c100c0279e7ffe93c941b2695e60f7c5a04c33c6ac8f98768f5025f
+  data.tar.gz: 5fa78bd20c5b631a7fad8396eab158cfed27eb90f7b2d211d350f838976751ce
 SHA512:
-  metadata.gz: f3d3ec9e2c68829730a5bd61d4b1f75f24625a2f0f657ce7bca0deb3535d22a792f8e28973754916901007a958bb9a565a89a68c88d0ad29ac40dc894d694dbd
-  data.tar.gz: f4b4eec0ac6ccb33ab4fba88486fd17eca59bba84bf1a74bada7dd2e1c6cc59678b4cc5cab6500c86088a9969ca1cb485295e222131f99f617a7684100dbc8a3
+  metadata.gz: 762890d1b03588a4d26179100c2bd452f3ef2ba0c329a76b740445f3e0e366c5446830cce06744cb8e6f7748ab9a516d9b8633a02d7a35694bb00cb7086eacc7
+  data.tar.gz: 5975b51594caa5e0f2d916b74deecf44c8207806767fb1f3ec11b8267f9c2f460157a45c1620269d69cbff853ff518cffc41beb5668e606c3bf23e56fc195474

data/README.md

@@ -15,14 +15,15 @@ Minimalistic theme is based on gh-pages minimal theme, with navigation in the si
 ## Features
 1. Auto light/dark mode.
 2. Syntax Highlighting for light/dark mode.
-3. Logo Support for thr page.
+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. Under active development.
-10. And many more. 😁
+9. Card Support
+10. Under active development.
+11. And many more. 😁
 
 ## Usage
 
@@ -144,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:

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,88 +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: hsl(60, 30%, var(--L-w-text));
-  --clr-err-text: hsl(231, 15%, var(--L-err-text));
-  --clr-err-bg: hsl(326, 100%, var(--L-err-bg));
-  --clr-cd-text: hsl(232, 14%, var(--L-cd-text));
-  --clr-cp-text: hsl(135, 94%, var(--L-cp-text));
-  --clr-nt-text: hsl(135, 94%, var(--L-nt-text));
-  --clr-nn-text: hsl(135, 94%, var(--L-nn-text));
-  --clr-nc-text: hsl(135, 94%, var(--L-nn-text));
-  --clr-no-text: hsl(135, 94%, var(--L-no-text));
-  --clr-na-text: hsl(191, 97%, var(--L-na-text));
-  --clr-o-text: hsl(135, 94%, var(--L-o-text));
-  --clr-p-text: hsl(135, 94%, var(--L-p-text));
-  --clr-gi-text: hsl(65, 92%, var(--L-gi-text));
-  --clr-gd-text: hsl(326, 100%, var(--L-gd-text));
-  --clr-gh-text: hsl(191, 97%, var(--L-gh-text));
-  --clr-k-text: hsl(265, 89%, var(--L-k-text));
-  --clr-kc-text: hsl(31, 100%, var(--L-kc-text));
-  --clr-kt-text: hsl(31, 100%, var(--L-kt-text));
-  --clr-kd-text: hsl(31, 100%, var(--L-kd-text));
-  --clr-s-text: hsl(65, 92%, var(--L-s-text));
-  --clr-sr-text: hsl(191, 97%, var(--L-sr-text));
-  --clr-si-text: hsl(0, 100%, var(--L-si-text));
-  --clr-se-text: hsl(0, 100%, var(--L-se-text));
-  --clr-ss-text: hsl(65, 92%, var(--L-ss-text));
-  --clr-m-text: hsl(65, 92%, var(--L-m-text));
+  --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: 96%;
-  --L-err-text: 18%;
-  --L-err-bg: 74%;
-  --L-cd-text: 81%;
-  --L-cp-text: 65%;
-  --L-nt-text: 65%;
-  --L-nn-text: 65%;
-  --L-nc-text: 65%;
-  --L-no-text: 65%;
-  --L-na-text: 77%;
-  --L-0-text: 96%;
-  --L-p-text: 96%;
-  --L-gi-text: 76%;
-  --L-gd-text: 74%;
-  --L-gh-text: 77%;
-  --L-k-text: 78%;
-  --L-kc-text: 71%;
-  --L-kk-text: 71%;
-  --L-kd-text: 71%;
-  --L-s-text: 76%;
-  --L-sr-text: 77%;
-  --L-si-text: 67%;
-  --L-se-text: 67%;
-  --L-ss-text: 76%;
-  --L-m-text: 76%;
+  --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: 46%;
-  --L-err-text: 78%;
-  --L-err-bg: 24%;
-  --L-cd-text: 21%;
-  --L-cp-text: 25%;
-  --L-nt-text: 25%;
-  --L-nn-text: 25%;
-  --L-nc-text: 25%;
-  --L-no-text: 25%;
-  --L-na-text: 37%;
-  --L-0-text: 36%;
-  --L-p-text: 36%;
-  --L-gi-text: 36%;
-  --L-gd-text: 34%;
-  --L-gh-text: 37%;
-  --L-k-text: 38%;
-  --L-kc-text: 31%;
-  --L-kk-text: 31%;
-  --L-kd-text: 31%;
-  --L-s-text: 36%;
-  --L-sr-text: 37%;
-  --L-si-text: 37%;
-  --L-se-text: 37%;
-  --L-ss-text: 46%;
-  --L-m-text: 46%;
+  --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);

data/_sass/rouge-github.scss

@@ -1,12 +1,11 @@
-/*
-   theme created based on the dracula colours
-   (draculatheme.com) with auto light/dark support.
-*/
-
 @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: var(--clr-w-text);
 }
@@ -19,12 +18,14 @@
 }
 .highlight .cp {
   color: var(--clr-cp-text);
+  font-weight: bold;
 }
 .highlight .nt {
   color: var(--clr-cp-text);
 }
 .highlight .o, .highlight .ow {
   color: var(--clr-o-text);
+  font-weight: bold;
 }
 .highlight .p, .highlight .pi {
   color: var(--clr-o-text);
@@ -39,17 +40,20 @@
   color: var(--clr-gh-text);
   font-weight: bold;
 }
-.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
+.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr {
   color: var(--clr-k-text);
+  font-weight: bold;
 }
-.highlight .kc {
+.highlight .kc, .highlight .kv {
   color: var(--clr-kc-text);
+  font-weight: bold;
 }
 .highlight .kt {
   color: var(--clr-kt-text);
 }
 .highlight .kd {
   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: var(--clr-s-text);

metadata

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