diff --git a/css/index.css b/css/index.css
index 14c1640..bc93691 100644
--- a/css/index.css
+++ b/css/index.css
@@ -229,6 +229,8 @@ code {
letter-spacing: 0.01em;
}
+
+
/* ── Sections ── */
.content-section {
diff --git a/index.html b/index.html
index e08d386..c07426d 100644
--- a/index.html
+++ b/index.html
@@ -54,6 +54,8 @@
Hello World! I'm Daniel Morrisey, also known as @madebydanny_uk or Danny, welcome to my corner of the Internet.
I'm a front-end web developer and a Bluesky/AT Protocol nerd, who spends too much time on Bluesky and listening to Hamilton.
+
+
Loading visitor info…
@@ -109,7 +111,7 @@
Favfinder
Fetch favicons for any website in seconds using Google S2 and Cloudflare Workers
-
+
Privo.fyi (beta)
Shorten links in seconds. Zero tracking. Free for life.
diff --git a/js/sequoia-subscribe.js b/js/sequoia-subscribe.js
index becfd47..6bcf3d1 100644
--- a/js/sequoia-subscribe.js
+++ b/js/sequoia-subscribe.js
@@ -39,21 +39,27 @@ const styles = `
display: inline-flex;
align-items: center;
gap: 0.375rem;
- padding: 0.5rem 1rem;
- background: var(--sequoia-accent-color, #2563eb);
- color: #ffffff;
- border: none;
- border-radius: var(--sequoia-border-radius, 8px);
+ padding: 0.6rem 1rem;
+ background: var(--sequoia-accent-color, var(--accent, #d4975c));
+ color: var(--sequoia-bg-color, var(--bg-deep, #100b09));
+ border: 1px solid var(--sequoia-border-color, var(--accent, #d4975c));
+ border-radius: var(--sequoia-border-radius, var(--radius, 10px));
font-size: 0.875rem;
- font-weight: 500;
+ font-weight: 600;
+ letter-spacing: 0.01em;
cursor: pointer;
text-decoration: none;
- transition: background-color 0.15s ease;
+ transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
font-family: inherit;
+ box-shadow: 0 8px 20px rgba(16, 11, 9, 0.18);
}
.sequoia-button:hover:not(:disabled) {
- background: color-mix(in srgb, var(--sequoia-accent-color, #2563eb) 85%, black);
+ background: var(--sequoia-secondary-color, var(--accent-bright, #e8c28a));
+ color: var(--sequoia-fg-color, var(--bg-deep, #100b09));
+ border-color: var(--sequoia-secondary-color, var(--accent-bright, #e8c28a));
+ transform: translateY(-1px);
+ box-shadow: 0 10px 24px rgba(16, 11, 9, 0.22);
}
.sequoia-button:disabled {
@@ -112,7 +118,7 @@ const ATMOSPHERE_ICON = `