howdy-jekyll-theme 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +3 -3
  3. data/_layouts/default.html +1 -1
  4. data/_sass/_base.scss +11 -11
  5. data/_sass/_components.scss +20 -20
  6. data/_sass/_dark-mode.scss +1 -1
  7. data/_sass/_layout.scss +6 -6
  8. data/_sass/_typography.scss +1 -1
  9. data/_sass/_variables.scss +2 -2
  10. data/howdy-jekyll-theme.gemspec +1 -1
  11. metadata +1 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3c76a97513ea456f11ead87da4dcb383919361151b9b4106b6c4e4dfd940b3b3
4
- data.tar.gz: 8c250eb79ed790461b7bc0ed8aac1e77562a0d41034197901a6ef0f00a9748fb
3
+ metadata.gz: 1fb83b642c2ee97b7a0d0d6fea264331ee277490c3c60f057ab8f9536e448dcf
4
+ data.tar.gz: dedbcad873767f13e5eda393e1ef0c85a9b0991656cb2a8f49838da76ef30c4e
5
5
  SHA512:
6
- metadata.gz: 8bbf94254ab3d9bd7bb4aafcde5551b16bf4548ee2393c2d15a1bd308182124b84a8e5dabd6ede2eb2de3e06c224d009292243c7a5976372ce778ad0967e6cda
7
- data.tar.gz: f3def116d86645d8211b0f35fe0404822d9808c1049f11c7a0e01048cc27f987c26124942f063e11882b39e108f01b54cd0ef37f2d8266d9d56bfc62ba1d9985
6
+ metadata.gz: 02d0591eb4d2be1f6e9718d6e5cdfe910ab3220100d58a5d15f83f24279d82710f7e2a09f09e6af4f6c9cc4e8c68c55b81fe37a951db0ed08f2255a1875189cd
7
+ data.tar.gz: f8994d1f07d1f94c7d93a7b02f35426fc68887abbfc5bcdd08c7af100f955fe2770dc71cb312a57aac6ea3784cda8372ae92ab13fd8eb179f8e063aef8884675
data/README.md CHANGED
@@ -46,7 +46,7 @@
46
46
  | **Newsletter** | Mailchimp, Buttondown, or custom form support |
47
47
  | **Comments** | Giscus, Disqus, or Utterances |
48
48
  | **Analytics** | Google Analytics or Plausible |
49
- | **Company Logos** | Configurable "Trusted by" marquee section |
49
+ | **Company Logos** | Configurable marquee section |
50
50
  | **Fonts** | Local DM Sans variable font + Chaumont Script logo font. Configurable via `fonts.primary` and `fonts.mono` |
51
51
 
52
52
  ## Browser Compatibility
@@ -351,11 +351,11 @@ Copy any `_includes/` or `_layouts/` file into your site's directory with the sa
351
351
 
352
352
  ### User Color Palette
353
353
 
354
- Override the green accent in your `_config.yml`:
354
+ Override the accent color in your `_config.yml`:
355
355
 
356
356
  ```yaml
357
357
  colors:
358
- accent_green: "#008a1e"
358
+ accent: "#e63946"
359
359
  ```
360
360
 
361
361
  ## Development
data/_layouts/default.html CHANGED
@@ -72,7 +72,7 @@
72
72
  target.scrollIntoView({ behavior: 'smooth', block: 'start' });
73
73
 
74
74
  target.style.transition = 'color 0.3s ease';
75
- target.style.color = 'var(--howdy-accent-green)';
75
+ target.style.color = 'var(--howdy-accent)';
76
76
  setTimeout(() => {
77
77
  target.style.color = '';
78
78
  }, 1500);
data/_sass/_base.scss CHANGED
@@ -52,7 +52,7 @@ img {
52
52
 
53
53
  // Focus-visible — global accessible focus ring
54
54
  :focus-visible {
55
- outline: 2px solid var(--howdy-accent-green);
55
+ outline: 2px solid var(--howdy-accent);
56
56
  outline-offset: 2px;
57
57
  }
58
58
 
@@ -60,57 +60,57 @@ img {
60
60
  input:focus-visible,
61
61
  textarea:focus-visible,
62
62
  select:focus-visible {
63
- outline: 2px solid var(--howdy-accent-green);
63
+ outline: 2px solid var(--howdy-accent);
64
64
  outline-offset: 0;
65
- border-color: var(--howdy-accent-green);
65
+ border-color: var(--howdy-accent);
66
66
  }
67
67
 
68
68
  // Theme toggle focus ring
69
69
  .theme-toggle:focus-visible {
70
- outline: 2px solid var(--howdy-accent-green);
70
+ outline: 2px solid var(--howdy-accent);
71
71
  outline-offset: 2px;
72
72
  }
73
73
 
74
74
  // Nav links focus ring
75
75
  .site-nav a:focus-visible {
76
- outline: 2px solid var(--howdy-accent-green);
76
+ outline: 2px solid var(--howdy-accent);
77
77
  outline-offset: 2px;
78
78
  }
79
79
 
80
80
  // Social links focus ring — ensure ring is visible outside the container
81
81
  .social-links a:focus-visible {
82
- outline: 2px solid var(--howdy-accent-green);
82
+ outline: 2px solid var(--howdy-accent);
83
83
  outline-offset: 2px;
84
84
  }
85
85
 
86
86
  // Share buttons focus ring
87
87
  .share-btn:focus-visible {
88
- outline: 2px solid var(--howdy-accent-green);
88
+ outline: 2px solid var(--howdy-accent);
89
89
  outline-offset: 2px;
90
90
  }
91
91
 
92
92
  // Pagination focus ring
93
93
  .pagination-page:focus-visible {
94
- outline: 2px solid var(--howdy-accent-green);
94
+ outline: 2px solid var(--howdy-accent);
95
95
  outline-offset: 2px;
96
96
  }
97
97
 
98
98
  // TOC links focus ring
99
99
  .toc a:focus-visible {
100
- outline: 2px solid var(--howdy-accent-green);
100
+ outline: 2px solid var(--howdy-accent);
101
101
  outline-offset: 2px;
102
102
  border-radius: 2px;
103
103
  }
104
104
 
105
105
  // Nav toggle (hamburger) focus ring
106
106
  .nav-toggle:focus-visible {
107
- outline: 2px solid var(--howdy-accent-green);
107
+ outline: 2px solid var(--howdy-accent);
108
108
  outline-offset: 2px;
109
109
  }
110
110
 
111
111
  // FAQ details/summary focus ring
112
112
  .faq-question:focus-visible {
113
- outline: 2px solid var(--howdy-accent-green);
113
+ outline: 2px solid var(--howdy-accent);
114
114
  outline-offset: 2px;
115
115
  border-radius: 2px;
116
116
  }
data/_sass/_components.scss CHANGED
@@ -25,8 +25,8 @@
25
25
  border-color: var(--howdy-border);
26
26
 
27
27
  &:hover {
28
- border-color: var(--howdy-accent-green);
29
- color: var(--howdy-accent-green);
28
+ border-color: var(--howdy-accent);
29
+ color: var(--howdy-accent);
30
30
  }
31
31
  }
32
32
 
@@ -90,7 +90,7 @@
90
90
  }
91
91
 
92
92
  &:hover {
93
- border-color: var(--howdy-accent-green);
93
+ border-color: var(--howdy-accent);
94
94
  }
95
95
 
96
96
  &:hover .project-image {
@@ -117,7 +117,7 @@
117
117
  align-items: center;
118
118
  padding: 4px 12px;
119
119
  background-color: var(--howdy-bg-green-tint);
120
- color: var(--howdy-accent-green);
120
+ color: var(--howdy-accent);
121
121
  border-radius: var(--howdy-radius-full);
122
122
  font-size: 12px;
123
123
  letter-spacing: 0.01em;
@@ -141,7 +141,7 @@
141
141
 
142
142
  &:hover {
143
143
  transform: translateY(-2px);
144
- border-color: var(--howdy-accent-green);
144
+ border-color: var(--howdy-accent);
145
145
  background-color: var(--howdy-bg-light-gray);
146
146
  }
147
147
 
@@ -209,7 +209,7 @@
209
209
 
210
210
  &.category-freebies {
211
211
  background-color: var(--howdy-bg-green-tint);
212
- color: var(--howdy-accent-green);
212
+ color: var(--howdy-accent);
213
213
  }
214
214
 
215
215
  &.category-interviews {
@@ -264,8 +264,8 @@
264
264
  transition: var(--howdy-transition);
265
265
 
266
266
  &:hover {
267
- border-color: var(--howdy-accent-green);
268
- color: var(--howdy-accent-green);
267
+ border-color: var(--howdy-accent);
268
+ color: var(--howdy-accent);
269
269
  }
270
270
 
271
271
  &.active {
@@ -336,9 +336,9 @@
336
336
  }
337
337
 
338
338
  &:focus-visible {
339
- outline: 2px solid var(--howdy-accent-green);
339
+ outline: 2px solid var(--howdy-accent);
340
340
  outline-offset: 0;
341
- border-color: var(--howdy-accent-green);
341
+ border-color: var(--howdy-accent);
342
342
  }
343
343
  }
344
344
 
@@ -454,7 +454,7 @@
454
454
  text-decoration: none;
455
455
 
456
456
  &:hover {
457
- color: var(--howdy-accent-green);
457
+ color: var(--howdy-accent);
458
458
  }
459
459
  }
460
460
 
@@ -487,8 +487,8 @@
487
487
  color: var(--howdy-text-primary);
488
488
 
489
489
  &:hover {
490
- border-color: var(--howdy-accent-green);
491
- color: var(--howdy-accent-green);
490
+ border-color: var(--howdy-accent);
491
+ color: var(--howdy-accent);
492
492
  }
493
493
 
494
494
  svg {
@@ -514,7 +514,7 @@
514
514
  transition: var(--howdy-transition);
515
515
 
516
516
  &:hover {
517
- color: var(--howdy-accent-green);
517
+ color: var(--howdy-accent);
518
518
  }
519
519
 
520
520
  svg {
@@ -552,7 +552,7 @@
552
552
  transition: var(--howdy-transition);
553
553
 
554
554
  &:hover {
555
- color: var(--howdy-accent-green);
555
+ color: var(--howdy-accent);
556
556
  }
557
557
 
558
558
  &[style*="padding-left: 16px"],
@@ -619,8 +619,8 @@
619
619
  }
620
620
 
621
621
  &:hover {
622
- border-color: var(--howdy-accent-green);
623
- color: var(--howdy-accent-green);
622
+ border-color: var(--howdy-accent);
623
+ color: var(--howdy-accent);
624
624
  }
625
625
  }
626
626
  }
@@ -662,9 +662,9 @@
662
662
  min-height: 44px;
663
663
 
664
664
  &:focus-visible {
665
- outline: 2px solid var(--howdy-accent-green);
665
+ outline: 2px solid var(--howdy-accent);
666
666
  outline-offset: 0;
667
- border-color: var(--howdy-accent-green);
667
+ border-color: var(--howdy-accent);
668
668
  }
669
669
  }
670
670
 
@@ -672,7 +672,7 @@
672
672
  padding: 10px 20px;
673
673
  border: none;
674
674
  border-radius: var(--howdy-radius-full);
675
- background-color: var(--howdy-accent-green);
675
+ background-color: var(--howdy-accent);
676
676
  color: var(--howdy-bg-white);
677
677
  font-family: var(--howdy-font-primary);
678
678
  font-weight: 600;
data/_sass/_dark-mode.scss CHANGED
@@ -10,7 +10,7 @@ html.dark-mode body,
10
10
  html.dark-mode .main-container {
11
11
  --howdy-text-primary: #fafafa;
12
12
  --howdy-bg-light-gray: #1e1e1e;
13
- --howdy-accent-green: #7eea9b;
13
+ --howdy-accent: #7eea9b;
14
14
  --howdy-bg-green-tint: #1c2b22;
15
15
  --howdy-bg-white: #141414;
16
16
  --howdy-border: #2d2d2d;
data/_sass/_layout.scss CHANGED
@@ -579,7 +579,7 @@ body.loaded .projects-grid {
579
579
  }
580
580
 
581
581
  &:hover .logo-text {
582
- fill: var(--howdy-accent-green);
582
+ fill: var(--howdy-accent);
583
583
  }
584
584
 
585
585
  @media (max-width: $howdy-lg) {
@@ -667,11 +667,11 @@ body.loaded .projects-grid {
667
667
  }
668
668
 
669
669
  &.active {
670
- color: var(--howdy-accent-green);
670
+ color: var(--howdy-accent);
671
671
  background-color: var(--howdy-bg-green-tint);
672
672
 
673
673
  &:hover {
674
- color: var(--howdy-accent-green);
674
+ color: var(--howdy-accent);
675
675
  background-color: var(--howdy-bg-green-tint);
676
676
  }
677
677
  }
@@ -699,8 +699,8 @@ html.nav-open .site-nav {
699
699
  color: var(--howdy-text-primary);
700
700
 
701
701
  &:hover {
702
- border-color: var(--howdy-accent-green);
703
- color: var(--howdy-accent-green);
702
+ border-color: var(--howdy-accent);
703
+ color: var(--howdy-accent);
704
704
  }
705
705
 
706
706
  @media (max-width: $howdy-xxl) {
@@ -916,7 +916,7 @@ html.nav-open .nav-overlay {
916
916
  font-family: var(--howdy-font-mono);
917
917
  font-size: 120px;
918
918
  font-weight: 400;
919
- color: var(--howdy-accent-green);
919
+ color: var(--howdy-accent);
920
920
  line-height: 1;
921
921
  margin-bottom: 8px;
922
922
  }
data/_sass/_typography.scss CHANGED
@@ -255,7 +255,7 @@ pre {
255
255
  blockquote {
256
256
  margin: 0;
257
257
  padding: 16px 0 16px 20px;
258
- border-left: 3px solid var(--howdy-accent-green);
258
+ border-left: 3px solid var(--howdy-accent);
259
259
  max-width: 65ch;
260
260
 
261
261
  p {
data/_sass/_variables.scss CHANGED
@@ -12,7 +12,7 @@ $howdy-xs: 360px; // Small phones
12
12
  // Primary colors (Light mode)
13
13
  --howdy-text-primary: #1e1e28;
14
14
  --howdy-bg-light-gray: #f0f0f0;
15
- --howdy-accent-green: #008a1e;
15
+ --howdy-accent: #008a1e;
16
16
  --howdy-bg-green-tint: #f5fbf7;
17
17
  --howdy-bg-white: #fff;
18
18
  --howdy-border: #e3e3e3;
@@ -142,7 +142,7 @@ $howdy-xs: 360px; // Small phones
142
142
  :root:not(.light-mode) {
143
143
  --howdy-text-primary: #fafafa;
144
144
  --howdy-bg-light-gray: #1e1e1e;
145
- --howdy-accent-green: #7eea9b;
145
+ --howdy-accent: #7eea9b;
146
146
  --howdy-bg-green-tint: #1c2b22;
147
147
  --howdy-bg-white: #141414;
148
148
  --howdy-border: #2d2d2d;
data/howdy-jekyll-theme.gemspec CHANGED
@@ -1,6 +1,6 @@
1
1
  Gem::Specification.new do |spec|
2
2
  spec.name = "howdy-jekyll-theme"
3
- spec.version = "1.0.3"
3
+ spec.version = "1.0.4"
4
4
  spec.authors = ["Kyle Greenan"]
5
5
  spec.email = ["kyle@howdyitskyle.com"]
6
6
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: howdy-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.3
4
+ version: 1.0.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Kyle Greenan