jekyll-theme-handwritten 4.1.0 → 4.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 879406d10c6dd630c0079f455e4424c1374f92fab81a8bf334eccf43e54a3ac5
-  data.tar.gz: b17117773c32fdb050446c04ae3a56260ed3ffe680b113efed7d2e9c6f342aa6
+  metadata.gz: 25d369dceee1c17964e9499f8736fccb7cf7ac2342aed7e65c7b88a9c3886b50
+  data.tar.gz: e5d190d417e2671357aa04be899c85d37d977db03431ccb42d33f4b325979fde
 SHA512:
-  metadata.gz: eb318487faa4ffa99f8f0ad019c0359a18f8a6d00caf4827ba404fb931443353e3041caf52c36fe8bcf46cbb6093815808bfde4f0c75a7ef66e9600ad3e7f3ef
-  data.tar.gz: c91b08e8b0a4b8911c6608e5eb4dba305213bcdbbd27ab10d0e2233c34b9be1509412c0543313cb8be8a36d5dc240b5e634c4b802a7c7f6c62bd8de5433e6781
+  metadata.gz: bfa82d0691111075cb02de5d7c53d8d46f774c87c5ef5d33d9e48efe9b08d61768c4007c09afa435dbd5f81166b291122c750116c7a97010723a53978d302ce4
+  data.tar.gz: 7268bb7790b9294a5504cd7c93ff42869fa6d579356422d3223aa4ef2342714dade047aba858a743dd84049ed30a711627994e72cbf005034e4d75959aa6cd3e

data/README.md

@@ -63,6 +63,17 @@ Or install it yourself as:
 
 ## Usage
 
+To pin a post add `status: pinned` to the front matter of the post markdown file e.g
+
+```yaml
+---
+layout: post
+title: "Welcome to Jekyll!"
+status: pinned
+---
+<!-- post content -->
+```
+
 TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
 
 ### TODO

data/_includes/head.html

@@ -9,6 +9,13 @@
     type="font/woff2"
     crossorigin
   >
+  <link
+    rel="preload"
+    href="/assets/theme-assets/theme-fonts/comic shanns.otf"
+    as="font"
+    type="font/otf"
+    crossorigin
+  >
   {% comment %} {%- seo -%} {% endcomment %}
   <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
   <script>

data/_includes/navrail.html

@@ -7,7 +7,6 @@
       >
       Home</a
     >
-
     {%- for path in page_paths -%}
       {%- assign my_page = site.pages | where: 'path', path | first -%}
       {%- if my_page.title -%}
@@ -19,5 +18,6 @@
         </a>
       {%- endif -%}
     {%- endfor -%}
+    
   </nav>
 {%- endif -%}

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 {
@@ -83,6 +87,7 @@
     top: 12px;
     left: 12px;
     background-color: var(--md-sys-color-surface-container);
+    backdrop-filter: blur(8px);
     border-radius: 8px;
     text-align: right;
     padding-bottom: 3px;

data/_sass/minima/_mysass.scss

@@ -19,10 +19,6 @@
   grid-auto-rows: minmax(200px, auto);
   margin-left: 0;
   list-style: none;
-
-  // > li {
-  // margin-bottom: $spacing-unit/2;
-  // }
 }
 .post-card {
   position: relative;
@@ -55,6 +51,8 @@
   border-radius: 14px;
   padding: 12px;
   width: 30%;
+  transform-origin: top right;
+  animation: pin 2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   background-color: var(--md-sys-color-primary-container);
   & p,
   span,
@@ -107,8 +105,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%;
@@ -121,7 +117,7 @@
   display: flex;
   flex-direction: column;
   height: 100vh;
-  justify-content: center;
+  justify-content: flex-start;
   align-items: center;
   z-index: 99;
   padding: 30px 8px 30px 16px;
@@ -137,7 +133,7 @@
     bottom: 0;
     width: 100vw;
     height: fit-content;
-    background-color: var(--md-sys-color-surface-container-highest);
+    background-color: var(--md-sys-color-surface-container);
     padding: 0px;
     box-shadow: 0px -4px 16px 0px var(--md-sys-color-shadow);
     .navrail-icon {
@@ -161,17 +157,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 {
@@ -183,20 +189,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;
@@ -222,8 +220,6 @@
   top: -34px;
   right: 15px;
   z-index: 11;
-
-  // filter: var(--outline-filter);
 }
 .pin-path {
   stroke: var(--md-sys-color-tertiary);
@@ -242,17 +238,49 @@ h1 {
   margin-left: auto;
   margin-right: auto;
 }
-.divider-path{
+.divider-path {
   stroke: var(--md-sys-color-outline);
   stroke-width: 2;
 }
-.divider-svg{
+.divider-svg {
   width: 100%;
   height: auto;
   margin-left: auto;
   margin-right: auto;
-  @include media-query($on-palm){
-
-
+  @include media-query($on-palm) {
   }
-}
+}
+@keyframes pin {
+  0% {
+    transform: rotate(-35deg);
+  }
+  20% {
+    transform: rotate(10deg);
+  }
+  40% {
+    transform: rotate(-3deg);
+  }
+  60% {
+    transform: rotate(2deg);
+  }
+  80% {
+    transform: rotate(-1deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+@keyframes mainreveal {
+  from {
+    transform: translateY(20%);
+    opacity: 0;
+  }
+  to {
+    transform: translate(0);
+    opacity: 1;
+  }
+}
+main {
+  overflow: hidden;
+  animation: mainreveal 0.25s;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-handwritten
 version: !ruby/object:Gem::Version
-  version: 4.1.0
+  version: 4.3.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: