howdy-jekyll-theme 1.0.0 → 1.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3e5fe3f63665dc591e58b9ff6a57b5656b2a538ea7ff26eb2a575514d2a1db1b
-  data.tar.gz: 5a2a87e1f35d519013abe2e6c1dc722574c71bec65039a6c953f3db911629434
+  metadata.gz: 5fa6da0bec711a5951bd7ef3bb51909676fc336943db32fcd24ce4432890f7a9
+  data.tar.gz: 5ab762db73a45da22594709f5cd2d4aec482727ddd6a46f38324ca324f22e1db
 SHA512:
-  metadata.gz: 96872e77ddd36759fa876672c4be696bc1763f84cf8ed8da91ddfae4286a2f2ea53c1c74af21fbbe07c17661a216600e8018e634a9765c762ffef4de148ec523
-  data.tar.gz: 202609b75773017be7e56f38117732d96cf80e9fd5a44f8e4fcdc70bb6bc23a210abbc48ab334cbe603ec2bb7922f1ee5cecf4cb7fd1b145bb6fe9f40bfe5202
+  metadata.gz: c89d70bb104087bfe6a31c07f0b3162529941e6e75e8aba829f60b9744809780e8cddf2a037f6f40e181f099e1d7e31a76b6f52f3dcfaa77ad28aa6feccae9cb
+  data.tar.gz: 96237235b3b296ade916747c5ef9c2787a16e34d53ee27286d670c99e779e15fda844eec5d5bc4bef3865bf02a1ea8f51d4955731a71e502e2b0fa0a303e5b03

data/AGENTS.md

@@ -11,7 +11,9 @@ A gem-based Jekyll theme (`howdy-jekyll-theme`, v1.0.0) for personal sites and p
 | Setup | `bundle config --local path .bundle && bundle install` |
 | Dev server | `bundle exec jekyll serve` → http://localhost:4000 |
 | Build gem | `gem build howdy-jekyll-theme.gemspec` |
-| Install local gem | `gem install ./howdy-jekyll-theme-1.0.0.gem` |
+| Push gem | `gem push howdy-jekyll-theme-1.0.0.gem` (requires API key) |
+| Playwright tests | `npm test` |
+| Install npm deps | `npm install` |
 
 ## Architecture
 
@@ -42,8 +44,19 @@ blog/         — Blog index page (pagination entry)
 lib/          — Gem entry point (Jekyll hook)
 ```
 
+## CI/CD
+
+- **Workflow**: `.github/workflows/ci.yml` — validate → test → lighthouse + playwright (parallel) → deploy
+- **Playwright** runs inside `mcr.microsoft.com/playwright:v1.60.0` Docker container — browsers pre-installed, no CDN download needed
+- **Ruby native gems** in the Playwright container need `apt-get install -y build-essential ruby-dev libyaml-0-2` before `ruby/setup-ruby`
+- **Deploy** builds with `JEKYLL_ENV=production bundle exec jekyll build --baseurl "/howdy-jekyll-theme"` (repo name is the base path)
+- **GitHub Pages** is enabled with "Deploy from workflow" (not the default Jekyll builder)
+- **GitHub secret** `GEM_HOST_API_KEY` is set for CI gem publishing
+
 ## Gotchas
 
 - The `_config.yml` excludes `Gemfile`, `Gemfile.lock`, `*.gemspec`, `README.md`, `LICENSE` from the Jekyll build — do not put content there expecting it to render.
 - Font files (Inter, Chaumont Script, Fragment Mono) in `assets/fonts/` are licensed; verify licensing before redistributing.
 - The `.bundle/` directory contains vendored gems — do not edit files inside it.
+- When deploying to a GitHub Pages project site, build with `--baseurl "/repository-name"` so asset paths resolve correctly.
+- The Playwright Docker container is based on Ubuntu 22.04 — Ruby native gems that need C compilation require `build-essential` and `ruby-dev`.

data/README.md

@@ -2,7 +2,8 @@
 
 > A clean, modern, and minimalist Jekyll theme for personal websites and portfolios.
 
-[![Gem Version](https://img.shields.io/badge/gem-v1.0.0-blue)](https://rubygems.org/gems/howdy-jekyll-theme)
+[![Gem Version](https://badge.fury.io/rb/howdy-jekyll-theme.svg)](https://rubygems.org/gems/howdy-jekyll-theme)
+[![Gem Downloads](https://img.shields.io/gem/dt/howdy-jekyll-theme)](https://rubygems.org/gems/howdy-jekyll-theme)
 [![CI](https://github.com/howdyitskyle/howdy-jekyll-theme/actions/workflows/ci.yml/badge.svg)](https://github.com/howdyitskyle/howdy-jekyll-theme/actions/workflows/ci.yml)
 [![Jekyll](https://img.shields.io/badge/jekyll-%E2%89%A53.9-008a1e)](https://jekyllrb.com/)
 [![Ruby](https://img.shields.io/badge/ruby-%E2%89%A53.0-red)](https://www.ruby-lang.org/)

data/_includes/head.html

@@ -122,7 +122,6 @@
   .hero-content,
   .content-area > *,
   .company-logos,
-  .stats,
   .hero-carousel,
   .logo-overlay {
     opacity: 0;

data/_includes/hero-carousel.html

@@ -77,4 +77,6 @@
     </div>
     <div class="hero-carousel__dots"></div>
   </div>
+  <script src="{{ '/assets/js/swiper-bundle.min.js' | relative_url }}"></script>
+  <script src="{{ '/assets/js/hero-carousel.js' | relative_url }}"></script>
 {% endif %}

data/_layouts/default.html

@@ -11,8 +11,6 @@
 
   <script src="{{ '/assets/js/theme-toggle.js' | relative_url }}"></script>
   <script src="{{ '/assets/js/mobile-nav.js' | relative_url }}"></script>
-  <script src="{{ '/assets/js/swiper-bundle.min.js' | relative_url }}"></script>
-  <script src="{{ '/assets/js/hero-carousel.js' | relative_url }}"></script>
 
   <!-- Analytics -->
   {% include analytics.html %}

data/_sass/_base.scss

@@ -156,14 +156,6 @@ select:focus-visible {
   }
 }
 
-// Container fills the main wrapper
-.container {
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-}
-
 // Accessibility: Reduced motion support
 @media (prefers-reduced-motion: reduce) {
   *,

data/_sass/_components.scss

@@ -19,16 +19,6 @@
   border: 2px solid transparent;
   min-height: 44px;
 
-  &.btn-primary {
-    background-color: var(--howdy-text-primary);
-    color: var(--howdy-bg-white);
-
-    &:hover {
-      background-color: var(--howdy-accent-green);
-      color: var(--howdy-bg-white);
-    }
-  }
-
   &.btn-secondary {
     background-color: transparent;
     color: var(--howdy-text-primary);

data/_sass/_layout.scss

@@ -437,7 +437,7 @@ body.loaded .projects-grid {
   flex: none;
   place-content: flex-start;
   align-items: stretch;
-  gap: var(--howdy-content-gap-xxl);
+  row-gap: 32px;
   width: 100%;
   max-width: 720px;
   height: min-content;
@@ -448,28 +448,23 @@ body.loaded .projects-grid {
 
   @media (max-width: $howdy-xl) {
     max-width: none;
-    gap: var(--howdy-content-gap-xl);
     padding: 56px var(--howdy-content-area-padding-xl) var(--howdy-content-area-padding-xl-bottom);
   }
 
   @media (max-width: $howdy-lg) {
-    gap: var(--howdy-content-gap-lg);
     padding: 0 var(--howdy-content-area-padding-lg) var(--howdy-content-area-padding-lg-bottom);
   }
 
   @media (max-width: $howdy-md) {
     padding: 0 var(--howdy-content-area-padding-md) var(--howdy-content-area-padding-md-bottom);
-    gap: var(--howdy-content-gap-md);
   }
 
   @media (max-width: $howdy-sm) {
     padding: 0 var(--howdy-content-area-padding-sm) var(--howdy-content-area-padding-sm-bottom);
-    gap: var(--howdy-content-gap-sm);
   }
 
   @media (max-width: $howdy-xs) {
     padding: 0 var(--howdy-content-area-padding-xs) var(--howdy-content-area-padding-xs-bottom);
-    gap: var(--howdy-content-gap-xs);
   }
 }
 
@@ -564,40 +559,6 @@ body.loaded .projects-grid {
   }
 }
 
-// Header (navigation area)
-.site-header {
-  display: flex;
-  flex-flow: row;
-  flex: none;
-  place-content: center space-between;
-  align-items: center;
-  width: 100%;
-  height: min-content;
-  padding: 0 0 0 var(--howdy-spacing-sm);
-  position: relative;
-  transition: var(--howdy-transition);
-
-  @media (max-width: $howdy-xl) {
-    justify-content: space-between;
-    gap: 0;
-    padding: 0;
-  }
-
-  @media (max-width: $howdy-lg) {
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    gap: var(--howdy-header-gap-lg);
-  }
-
-  @media (max-width: $howdy-md) {
-    gap: var(--howdy-header-gap-md);
-  }
-
-  @media (max-width: $howdy-sm) {
-    gap: var(--howdy-header-gap-sm);
-  }
-}
-
 // Logo
 .site-logo {
   text-decoration: none;
@@ -830,24 +791,6 @@ html.nav-open .nav-overlay {
   transition: var(--howdy-transition);
 }
 
-// Badge (Now booking)
-.badge {
-  display: inline-block;
-  padding: 8px 16px;
-  background-color: var(--howdy-bg-green-tint);
-  color: var(--howdy-accent-green);
-  border-radius: var(--howdy-radius-full);
-  font-weight: 500;
-  font-size: 14px;
-  letter-spacing: 0.01em;
-  transition: var(--howdy-transition);
-
-  @media (max-width: $howdy-sm) {
-    font-size: 12px;
-    padding: 6px 12px;
-  }
-}
-
 // Company logos section
 .company-logos {
   width: 100%;
@@ -906,16 +849,6 @@ html.nav-open .nav-overlay {
   }
 }
 
-.logo-item {
-  flex-shrink: 0;
-  font-family: var(--howdy-font-primary);
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--howdy-text-muted);
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-}
-
 @keyframes scroll {
   0% {
     transform: translateX(0);
@@ -925,33 +858,6 @@ html.nav-open .nav-overlay {
   }
 }
 
-// Stats section
-.stats {
-  text-align: center;
-  padding: var(--howdy-spacing-lg) 0;
-
-  .stat-number {
-    font-family: var(--howdy-font-primary);
-    font-weight: 900;
-    font-size: 48px;
-    color: var(--howdy-text-primary);
-    transition: var(--howdy-transition);
-
-    @media (max-width: $howdy-md) {
-      font-size: 36px;
-    }
-
-    @media (max-width: $howdy-sm) {
-      font-size: 28px;
-    }
-  }
-
-  .stat-label {
-    @extend .body-large !optional;
-    color: var(--howdy-text-secondary);
-  }
-}
-
 // Hero carousel
 .hero-carousel {
   position: relative;

data/_sass/_typography.scss

@@ -3,7 +3,7 @@
 @use "variables" as *;
 
 // Heading 1 — fluid responsive sizing
-h1, .h1 {
+h1 {
   font-family: var(--howdy-font-primary);
   font-weight: 600;
   line-height: 1.2;
@@ -196,42 +196,11 @@ p, .body-regular {
   letter-spacing: 0.01em;  // Required for small text (11-13px range)
 }
 
-// Button/Label text
-.label-text {
-  font-family: var(--howdy-font-primary);
-  font-weight: 600;
-  font-size: 15px;
-  line-height: 1.2em;
-  letter-spacing: 0.02em;  // Required for UI labels/buttons
-  transition: var(--howdy-transition);
-}
-
-// Centered text
-.text-center {
-  text-align: center;
-}
-
 // Muted text (gray)
 .text-muted {
   color: var(--howdy-text-muted);
 }
 
-// Script font for logo
-.script-text {
-  font-family: 'Chaumont Script', 'Style Script', cursive;
-  font-weight: 400;
-  font-size: 32px;
-  letter-spacing: 0.02em;
-
-  @media (max-width: $howdy-md) {
-    font-size: 28px;
-  }
-
-  @media (max-width: $howdy-sm) {
-    font-size: 24px;
-  }
-}
-
 // Code
 code {
   font-family: var(--howdy-font-mono);

data/assets/js/hero-carousel.js

@@ -26,11 +26,6 @@ document.addEventListener('DOMContentLoaded', () => {
         prevSlideMessage: 'Previous slide',
         nextSlideMessage: 'Next slide',
       },
-      on: {
-        slideChange: () => {
-          document.body.classList.add('loaded');
-        },
-      },
     });
   });
 });

data/assets/js/mobile-nav.js

@@ -53,10 +53,5 @@
   window.howdyNavIsClosing = function() {
     return navClosing;
   };
-
-  window.howdyNavIsOpen = function() {
-    return root.classList.contains('nav-open');
-  };
-
   updateNav();
 })();

data/howdy-jekyll-theme.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |spec|
   spec.name          = "howdy-jekyll-theme"
-  spec.version       = "1.0.0"
+  spec.version       = "1.0.2"
   spec.authors       = ["Kyle Greenan"]
   spec.email         = ["kyle@howdyitskyle.com"]
 
@@ -14,7 +14,7 @@ Gem::Specification.new do |spec|
   spec.require_paths = ["lib"]
 
   spec.add_runtime_dependency "jekyll", ">= 3.9"
-  spec.add_runtime_dependency "jekyll-seo-tag", "~> 2.8.0"
+  spec.add_runtime_dependency "jekyll-seo-tag", ">= 2.8", "< 2.10"
   spec.add_runtime_dependency "jekyll-feed", "~> 0.17"
   spec.add_runtime_dependency "jekyll-sitemap", "~> 1.4"
   spec.add_runtime_dependency "jekyll-paginate-v2", "~> 3.0"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: howdy-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.0.2
 platform: ruby
 authors:
 - Kyle Greenan
@@ -27,16 +27,22 @@ dependencies:
   name: jekyll-seo-tag
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.8'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: 2.8.0
+        version: '2.10'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.8'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: 2.8.0
+        version: '2.10'
 - !ruby/object:Gem::Dependency
   name: jekyll-feed
   requirement: !ruby/object:Gem::Requirement