jekyll-theme-handwritten 4.0.1 → 4.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d4e3f0a3a52c59bb50bba8448f048cd81662b3dd79000e2a3f3014016d88356d
-  data.tar.gz: d1a2639f84f633cf276106eb3354f62228797f2f9b1795a5bb819787165d0a37
+  metadata.gz: fa73ab7582532db7dc7b56dc3937b93208c08abb91573f8256f88d6dc56bdf03
+  data.tar.gz: 8f2bdd8bee55fb63e82a57467da0cfe93a408e810d4ca76dbd32b745207cb8b2
 SHA512:
-  metadata.gz: c31c5deee4de58ecb62497110086236defce08624325cf6f3b4c8ea74085d6c8d4929bb8b3ecba923c98b32410436baaf52ee78411e1bef2a72c0d122240c802
-  data.tar.gz: 41d5f31c38f9952134e1c8fb8f0ae63a7212789035c429b50983f0dc4ce35fa62ac74b2b57c926853d515f502f8c28ffd24115de32e3d77ad36d59ed4a8080e6
+  metadata.gz: 0f5e9e7ae228410dc0353d41a145d5a38d87314b5cb2e7ba5e95b99e1c0c97b49afddd29d34edfbe19cc3d5a134bc0cb518e1d7acec7bd0e7fc38f104d1bfbc2
+  data.tar.gz: ef52cf1d3bae03f119fbc0e4a6d64de7ec932a0e00eecf93326860efad0ca53d09101376c2391db01cdfcea1ff686d330220b78233a4cba68089fbfed43130ad

data/README.md

@@ -72,7 +72,7 @@ TODO: Write usage instructions here. Describe your available layouts, includes,
 
 ## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/gulnoor/darkBlog
+Bug reports and pull requests are welcome on GitHub at https://github.com/gulnoor/jekyll-theme-handwritten
 
 ## License
 

data/_includes/footer.html

@@ -1,6 +1,26 @@
 <footer class="site-footer h-card">
   <data class="u-url" href="{{ "/" | relative_url }}"></data>
   <div class="wrapper">
+    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675.2543454170227 29.03554949708291"
+    width="2025.7630362510681" height="87.10664849124873" class="divider-svg" >
+    <!-- svg-source:excalidraw -->
+  
+    <defs>
+      <style class="style-fonts">
+  
+      </style>
+  
+    </defs>
+    <g stroke-linecap="round">
+      <g transform="translate(11.685941191315635 18.671896285414732) rotate(0 325.1999816894531 -3.600006103515625)">
+        <path
+        class="divider-path"
+          d="M1.14 0.36 C108.79 -0.55, 540.18 -3.69, 648.3 -4.91 M-1.69 -1.91 C106.62 -3.63, 545.32 -8.38, 653.57 -8.67"
+           fill="none" ></path>
+      </g>
+    </g>
+    <mask></mask>
+  </svg>
     <h2 class="footer-heading">{{ site.title | escape }}</h2>
     <div class="footer-col-wrapper">
       <div class="footer-col footer-col-1">

data/_includes/navrail.html

@@ -1,17 +1,23 @@
 {%- if page_paths -%}
-<nav class="navrail">
-  <a class="navrail-button" href="/">
-    <img class="navrail-icon" src="{{- site.home_icon | relative_url -}}" />
-    Home</a
-  >
-
-  {%- for path in page_paths -%} {%- assign my_page = site.pages | where:
-  'path', path | first -%} {%- if my_page.title -%}
-  <a class="navrail-button" href="{{ my_page.url | relative_url }}">
-    {%- if my_page.title -%}
-    <img class="navrail-icon" src="{{- my_page.icon | relative_url -}}" />
-    {%- endif -%} {{ my_page.title | escape }}
-  </a>
-  {%- endif -%} {%- endfor -%}
-</nav>
+  <nav class="navrail">
+    <a class="navrail-button" href="/">
+      <img
+        class="navrail-icon"
+        src="{{- "/assets/theme-assets/theme-icons/home2.svg" | relative_url -}}"
+      >
+      Home</a
+    >
+    {%- for path in page_paths -%}
+      {%- assign my_page = site.pages | where: 'path', path | first -%}
+      {%- if my_page.title -%}
+        <a class="navrail-button" href="{{ my_page.url | relative_url }}">
+          {%- if my_page.title -%}
+            <img class="navrail-icon" src="{{- my_page.icon | relative_url -}}">
+          {%- endif -%}
+          {{ my_page.title | escape }}
+        </a>
+      {%- endif -%}
+    {%- endfor -%}
+    
+  </nav>
 {%- endif -%}

data/_sass/minima/_base.scss

@@ -19,6 +19,7 @@ ul,
 figure {
   margin: 0;
   padding: 0;
+  box-sizing: border-box;
 }
 .dark-yellow {
   --md-sys-color-primary: rgb(219 198 110);

data/_sass/minima/_layout.scss

@@ -4,10 +4,14 @@
 
 .site-header {
   border-top: 5px solid var(--md-sys-color-outline-dark);
+ 
   // border-bottom: 1px solid var(--md-sys-color-outline);
   min-height: $spacing-unit * 1.865;
   // Positioning context for the mobile navigation icon
   position: relative;
+  @media screen and (min-width:601px) {
+    padding-top: 24px;
+  }
 }
 
 .site-title {
@@ -18,12 +22,12 @@
   letter-spacing: -1px;
   margin-bottom: 0;
   // margin-top: 12px;
-  font-size: 56px;
+  font-size: 64px;
   padding-right: 0;
   // float: left;
 
   @include media-query($on-palm) {
-    font-size: 38px;
+    font-size: 46px;
   }
 
   &,
@@ -137,7 +141,7 @@
  * Site footer
  */
 .site-footer {
-  border-top: 1px solid var(--md-sys-color-outline);
+  // border-top: 1px solid var(--md-sys-color-outline);
   padding: $spacing-unit 0;
   @include media-query($on-palm){
     padding-bottom: 100px
@@ -256,6 +260,7 @@
   @include relative-font-size(2.625);
   letter-spacing: -1px;
   line-height: 1;
+  margin: 24px;
 
   @include media-query($on-laptop) {
     @include relative-font-size(2.25);
@@ -289,3 +294,4 @@
     }
   }
 }
+

data/_sass/minima/_mysass.scss

@@ -1,6 +1,5 @@
 .theme-picker {
   display: flex;
-  // width: 100%;
   padding-top: 12px;
   padding-bottom: 12px;
   padding-right: 15px;
@@ -8,29 +7,28 @@
   justify-content: flex-end;
 }
 .all-post-wrapper {
-  max-width: 800px;
+  max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
 }
 .post-list {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  gap: 8px;
+  grid-auto-flow: row;
+  grid-auto-rows: minmax(200px, auto);
   margin-left: 0;
   list-style: none;
-
-  > li {
-    margin-bottom: $spacing-unit;
-  }
 }
 .post-card {
-  // border: 1px solid var(--md-sys-color-outline);
-  //   overflow: visible;
   position: relative;
-  //   padding: 20px;
+  grid-column: auto / span 2;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   border-radius: 14px;
-  padding: 12px;
-  background-color: var(--md-sys-color-surface-container);
+  padding: 20px;
+  border: 1px solid var(--md-sys-color-outline);
   & p {
     display: -webkit-box;
     line-clamp: 3;
@@ -38,26 +36,27 @@
     -webkit-box-orient: vertical;
     overflow: hidden;
   }
+  @media screen and (max-width: 1200px) {
+    grid-column: auto/span 3;
+  }
+  @media screen and (max-width: 800px) {
+    grid-column: auto/span 6;
+  }
 }
 .pinned-post-card {
-  // border: 1px solid var(--md-sys-color-outline);
-  //   overflow: visible;
   position: relative;
-  //   padding: 20px;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   border-radius: 14px;
   padding: 12px;
   width: 30%;
-  background-color: var(--md-sys-color-surface-container);
   background-color: var(--md-sys-color-primary-container);
   & p,
   span,
   a {
     color: var(--md-sys-color-on-primary-container);
   }
-
   & img {
     background-color: var(--md-sys-color-surface-container-high);
     border-radius: 24px;
@@ -77,35 +76,18 @@
   }
 }
 
-// .post-card::before {
-//   content: "";
-//   position: absolute;
-//   top: -10px;
-//   left: -12px;
-//   right: -10px;
-//   bottom: -10px;
-//   // width: calc(100% + 12px);
-//   // height: calc(100% + 12px);
-//   z-index: 10;
-//   background-image: url("/assets/theme-assets/theme-images/border-thick.svg");
-//   background-size: 100% 100%;
-//   filter: var(--outline-filter);
-//   pointer-events: none; /* Allows interaction with content inside the border */
-// }
 .pinned-post-list {
   display: flex;
-  width: fit-content;
+  margin-left: 0;
   flex-wrap: wrap;
   justify-content: space-around;
   padding-top: 12px;
-  margin-left: 0;
   list-style: none;
   background-color: var(--md-sys-color-surface-container);
   border-radius: 24px;
   padding: $spacing-unit;
   min-height: 390px;
   @media screen and (max-width: 850px) {
-    // background-color: var(--md-sys-color-secondary-container);
     padding: $spacing-unit/2;
     min-height: 200px;
   }
@@ -121,8 +103,6 @@
   left: -12px;
   right: -10px;
   bottom: -10px;
-  // width: calc(100% + 12px);
-  // height: calc(100% + 12px);
   z-index: 10;
   background-image: url("/assets/theme-assets/theme-images/border-thick.svg");
   background-size: 100% 100%;
@@ -138,9 +118,13 @@
   justify-content: flex-start;
   align-items: center;
   z-index: 99;
-  padding: 80px 0 30px 12px;
+  padding: 30px 8px 30px 16px;
+  box-sizing: border-box;
   width: 100px;
   background-color: var(--md-sys-color-surface);
+  @media screen and (min-width: 1360px) {
+    width: 130px;
+  }
 
   @include media-query($on-palm) {
     flex-direction: row;
@@ -171,17 +155,27 @@
   color: var(--md-sys-color-on-surface);
 }
 .navrail-icon {
-  // filter: var(--outline-filter);
   max-width: 40px;
 }
 
 .theme-selector {
   position: relative;
   display: flex;
-  //   width: 100%;
   justify-content: flex-end;
-  padding: 12px;
-  padding-top: 18px;
+  margin-left: auto;
+  padding: 6px;
+  margin-top: 8px;
+  margin-right: 8px;
+  border-radius: 99px;
+  background-color: rgba(70, 70, 70, 0.233);
+  backdrop-filter: blur(8px);
+  width: fit-content;
+  @media screen and (min-width: 601px) {
+    position: fixed;
+    z-index: 103;
+    bottom: 10px;
+    left: 30px;
+  }
 }
 
 .current-theme {
@@ -193,20 +187,12 @@
   cursor: pointer;
   transition: transform 0.3s;
 }
-
 .theme-options {
-  //   position: absolute;
   display: flex;
-  //   top: 50%;
-  //   right: 20px;
-  //   transform: translate(-50%, -50%);
-  //   display: none;
-  //   flex-wrap: wrap;
   gap: 10px;
   max-width: 0px;
   transition: all 0.3s;
 }
-
 .theme-option {
   width: 26px;
   height: 26px;
@@ -232,8 +218,6 @@
   top: -34px;
   right: 15px;
   z-index: 11;
-
-  // filter: var(--outline-filter);
 }
 .pin-path {
   stroke: var(--md-sys-color-tertiary);
@@ -245,4 +229,22 @@ h1 {
 .tagline {
   font-family: "Comic Shanns", $base-font-family;
   text-align: center;
+  font-size: 1.2rem;
+}
+.home {
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto;
+}
+.divider-path {
+  stroke: var(--md-sys-color-outline);
+  stroke-width: 2;
+}
+.divider-svg {
+  width: 100%;
+  height: auto;
+  margin-left: auto;
+  margin-right: auto;
+  @include media-query($on-palm) {
+  }
 }

data/_sass/minima.scss

@@ -8,7 +8,7 @@ $base-font-weight: 400 !default;
 $small-font-size:  $base-font-size * 0.875 !default;
 $base-line-height: 1.5 !default;
 
-$spacing-unit:     30px !default;
+$spacing-unit:     16px !default;
 
 $text-color:       var(--md-sys-color-on-surface) !default;
 $background-color: var(--md-sys-color-background) !default;

data/assets/theme-assets/theme-icons/divider.svg

@@ -1,10 +1,20 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675.2543454170227 29.03554949708291" width="2025.7630362510681" height="87.10664849124873" filter="invert(93%) hue-rotate(180deg)">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675.2543454170227 29.03554949708291"
+  width="2025.7630362510681" height="87.10664849124873" >
   <!-- svg-source:excalidraw -->
-  
+
   <defs>
     <style class="style-fonts">
-      
+
     </style>
-    
+
   </defs>
-  <g stroke-linecap="round"><g transform="translate(11.685941191315635 18.671896285414732) rotate(0 325.1999816894531 -3.600006103515625)"><path d="M1.14 0.36 C108.79 -0.55, 540.18 -3.69, 648.3 -4.91 M-1.69 -1.91 C106.62 -3.63, 545.32 -8.38, 653.57 -8.67" stroke="#1e1e1e" stroke-width="2" fill="none"></path></g></g><mask></mask></svg>
+  <g stroke-linecap="round">
+    <g transform="translate(11.685941191315635 18.671896285414732) rotate(0 325.1999816894531 -3.600006103515625)">
+      <path
+      class="divider-path"
+        d="M1.14 0.36 C108.79 -0.55, 540.18 -3.69, 648.3 -4.91 M-1.69 -1.91 C106.62 -3.63, 545.32 -8.38, 653.57 -8.67"
+         fill="none"></path>
+    </g>
+  </g>
+  <mask></mask>
+</svg>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-handwritten
 version: !ruby/object:Gem::Version
-  version: 4.0.1
+  version: 4.2.0
 platform: ruby
 authors:
 - Gul Noor
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-07-28 00:00:00.000000000 Z
+date: 2024-07-29 00:00:00.000000000 Z
 dependencies: []
 description: 
 email: