jekyll-theme-tallneck 0.3.1 → 0.3.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 05ff25c53b81c3c78ee9dcc3c296463f2204a7f91c59c71c985fbe621701d5ae
-  data.tar.gz: 120ee0da12d74568b392d9561c02ea49144fc72c5b64086e30628b02f412e001
+  metadata.gz: 3bca53fe63882516cab19479701715d606edb5a5a3d074a781a643133daa6959
+  data.tar.gz: 2cd33cbbefe418f772d2b52ea598cf28afbaa68d29c7ac87d60a6dbdda681eca
 SHA512:
-  metadata.gz: c61e412c3e5dd9ff0cda9b34abad7b32a70bcfef3ea02a0480e4f3953d42f14c3301efd584b271c6ca49df5d3be0aaf2b2f4361680ff9f0a64386a9240d40994
-  data.tar.gz: 5e213babe9feeef1a157f8591ea981a9e412064f4857116d9e4fc2a20dec3510818688d52dc2a6c06e15c38fe3ed99700c3c5cca59aca56c871798380f6dbd47
+  metadata.gz: 87dd18bd53971be497d0cb6dede132bd7da511f90f9ecc0b074429b767d62bc9958ce476e80c56a64a063299873d13c278f57b388a8e53ed95ed0c4d1e1f6499
+  data.tar.gz: 28cca40d1c724ddcef06fb6882d6b31bcd2d030acaedf48943756f3e7cbaacabd4942ece151e00f0162c91ab4683279a64e072045c874634181f974510fd759a

data/_includes/head.html

@@ -22,8 +22,8 @@
 
     <!-- Preload -->
     <link rel="preload" as="style" href="{{ "/assets/css/style.css" | relative_url }}">
-    <link rel="preload" as="font" type="font/woff2" href="{{ "/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-700.woff2" | relative_url }}">
-    <link rel="preload" as="font" type="font/woff2" href="{{ "/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-regular.woff2" | relative_url }}">
+    <link rel="preload" as="font" crossorigin type="font/woff2" href="{{ "/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-700.woff2" | relative_url }}">
+    <link rel="preload" as="font" crossorigin type="font/woff2" href="{{ "/assets/fonts/opensans/open-sans-v40-latin_latin-ext_math_symbols-regular.woff2" | relative_url }}">
     <link rel="preload" as="image" type="image/svg+xml" href="{{ "/assets/images/logo.svg" | relative_url }}">
 
     <!-- CSS stylesheets -->
@@ -40,7 +40,7 @@
     
     <!-- PWA -->
     <meta name="theme-color" content="#282828"/>
-    <meta content="yes" name="apple-mobile-web-app-capable">
+    <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <link rel="manifest" href="/assets/sitemanifest.json">
     <link rel="apple-touch-icon" sizes="512x512" href="/assets/images/pwa_icon_x512.png">

data/_layouts/home.html

@@ -17,8 +17,8 @@ layout: base
     </div>
 
     <div class="no_print" style="height: fit-content; align-items: center; text-align: center; margin: 3rem auto 0rem;">
-        <a href="{{ '/feed' | relative_url }}" class="hidden-link hover-underline center">
-            <span>Read all posts →</span>
+        <a href="{{ '/feed' | relative_url }}" class="btn">
+            Read all posts →
         </a>
     </div>
 </div>

data/_sass/tallneck/base.scss

@@ -34,6 +34,7 @@ body {
 main {
   display: block;
   max-width: variables.$main-max-width;
+  margin-top: variables.$header-height;
 }
 
 a {

data/_sass/tallneck/components/button.scss

@@ -0,0 +1,18 @@
+@use "../variables";
+
+/* Modern outline button */
+.btn {
+  display: inline-block;
+  padding: 0.5rem 1rem;
+  border: 1px solid var(--border-secondary);
+  background-color: transparent;
+  color: var(--text-primary);
+  border-radius: 0.5rem;
+  text-decoration: none;
+  transition: background-color 0.3s ease, color 0.3s ease;
+
+  &:hover {
+    background-color: var(--border-secondary);
+    color: var(--text-primary);
+  }
+}

data/_sass/tallneck/components/post-card.scss

@@ -16,13 +16,13 @@
     padding-right: 2rem;
   }
 
-  @media (max-width: 800px) and (min-width: 600px) {
+  @media (max-width: 800px) and (min-width: 680px) {
     grid-template-columns: 1fr 1fr;
     padding-left: 1rem;
     padding-right: 1rem;
   }
 
-  @media (max-width: 600px) {
+  @media (max-width: 680px) {
     grid-template-columns: 1fr;
   }
 
@@ -30,7 +30,6 @@
 
 .post-card {
   max-width: variables.$card-max-width;
-  
 
   vertical-align: middle;
 

data/_sass/tallneck/components.scss

@@ -2,3 +2,4 @@
 @forward "components/post-card"; 
 @forward "components/post-preview"; 
 @forward "components/about.scss";
+@forward "components/button.scss";

data/_sass/tallneck/header.scss

@@ -1,10 +1,10 @@
 @use "variables";
 
 .page-header {
-  position: relative;
+  position: fixed;
   z-index: 100;
   width: 100%;
-  height: 3.3rem;
+  height: variables.$header-height;
 
   background-color: var(--header-background);
   color: var(--header-text-primary);

data/_sass/tallneck/layout.scss

@@ -7,10 +7,10 @@
   position: relative;
   margin: 0 auto;
 
-  padding: 2rem 2rem 1rem 2rem;
+  padding: 2rem + variables.$header-height 2rem 1rem 2rem;
 
   @media screen and (max-width: 380px) {
-    padding: 1rem 1.25rem;
+    padding: 1rem + variables.$header-height 1.25rem;
   }
 
   img {

data/_sass/tallneck/variables.scss

@@ -18,12 +18,14 @@ $table-text-align: left !default;
 
 $min-width : 220px !default;
 
+$header-height: 3.3rem !default;
+
 // Width of the content area
 $main-max-width: 1200px !default;
 $content-width-overflow: 100px !default;
 $content-width: 1000px !default;
 
-$card-max-width: 18rem !default;
+$card-max-width: 28rem !default;
 $card-min-width: 16rem !default;
 $card-min-height: 400px !default;
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-tallneck
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.3.3
 platform: ruby
 authors:
 - John Toniutti
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-11-08 00:00:00.000000000 Z
+date: 2025-08-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -104,7 +104,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: 
+description:
 email:
 - john.toniutti@gmail.com
 executables: []
@@ -130,6 +130,7 @@ files:
 - _sass/tallneck/base.scss
 - _sass/tallneck/components.scss
 - _sass/tallneck/components/about.scss
+- _sass/tallneck/components/button.scss
 - _sass/tallneck/components/post-card.scss
 - _sass/tallneck/components/post-preview.scss
 - _sass/tallneck/components/post.scss
@@ -195,7 +196,7 @@ licenses:
 - MIT
 metadata:
   plugin_type: theme
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -211,7 +212,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.4.10
-signing_key: 
+signing_key:
 specification_version: 4
 summary: A minimalist Jekyll theme with dark mode support
 test_files: []