From 373ebadef9e8c86db5bcec4b085aa85785eef74a Mon Sep 17 00:00:00 2001
From: ausbernard <109692469+ausbernard@users.noreply.github.com>
Date: Tue, 26 May 2026 09:55:20 -0700
Subject: [PATCH] update linkedin in navbar
---
about.html | 7 ++++++-
index.html | 9 +++++++++
writing/cicd-same-image.html | 8 ++++++++
writing/htmx-production.html | 8 ++++++++
writing/index.html | 9 +++++++++
writing/overengineering-operational-exhaustion.html | 8 ++++++++
writing/partida-gap.html | 8 ++++++++
writing/terraform-dishwasher.html | 8 ++++++++
8 files changed, 64 insertions(+), 1 deletion(-)
diff --git a/about.html b/about.html
index fc92828..985d341 100644
--- a/about.html
+++ b/about.html
@@ -23,7 +23,7 @@
color: var(--ink);
font-family: 'Questrial', sans-serif;
-webkit-font-smoothing: antialiased;
- min-height: 100vh;
+ min-height: 100vh;\n max-width: 1400px;\n margin-left: auto;\n margin-right: auto;
}
/* ─── NAV ─── */
@@ -73,6 +73,8 @@
}
.nav-contact:hover { opacity: 0.85; transform: scale(1.03); }
+ .nav-linkedin { color: var(--ink); opacity: 0.5; display: flex; align-items: center; transition: opacity 0.15s; }
+ .nav-linkedin:hover { opacity: 1; }
/* ─── BLOB HERO ─── */
.blob-section {
@@ -193,6 +195,9 @@
Work
Writing
About
+
+
+
Contact me
diff --git a/index.html b/index.html
index b661246..32c9b42 100644
--- a/index.html
+++ b/index.html
@@ -24,6 +24,9 @@
-webkit-font-smoothing: antialiased;
min-height: 100vh;
overflow-x: hidden;
+ max-width: 1400px;
+ margin-left: auto;
+ margin-right: auto;
}
nav {
@@ -74,6 +77,8 @@
}
.nav-contact:hover { opacity: 0.85; transform: scale(1.03); }
+ .nav-linkedin { color: var(--ink); opacity: 0.5; display: flex; align-items: center; transition: opacity 0.15s; }
+ .nav-linkedin:hover { opacity: 1; }
/* ─── HERO ─── */
.hero {
@@ -388,6 +393,7 @@
.nav-links { gap: 0.75rem; }
.nav-links a { font-size: 0.8rem; }
.nav-contact { font-size: 0.72rem; padding: 0.35rem 0.75rem; }
+ .nav-linkedin svg { width: 16px; height: 16px; }
.hero { padding: 3.5rem 1.5rem 6rem; }
.hero-body { margin-top: 2.5rem; max-width: 100%; }
.glyph-strip { grid-template-columns: repeat(2, 1fr); height: auto; margin-bottom: 4rem; }
@@ -409,6 +415,9 @@
Work
Writing
About
+
+
+
Contact me
diff --git a/writing/cicd-same-image.html b/writing/cicd-same-image.html
index 1bc4d08..3e08009 100644
--- a/writing/cicd-same-image.html
+++ b/writing/cicd-same-image.html
@@ -23,6 +23,9 @@
font-family: 'Questrial', sans-serif;
-webkit-font-smoothing: antialiased;
min-height: 100vh;
+ max-width: 1400px;
+ margin-left: auto;
+ margin-right: auto;
}
nav {
@@ -71,6 +74,8 @@
}
.nav-contact:hover { opacity: 0.85; transform: scale(1.03); }
+ .nav-linkedin { color: var(--ink); opacity: 0.5; display: flex; align-items: center; transition: opacity 0.15s; }
+ .nav-linkedin:hover { opacity: 1; }
/* ─── POST ─── */
.post-wrap {
@@ -229,6 +234,9 @@
Work
Writing
About
+
+
+
Contact me
diff --git a/writing/htmx-production.html b/writing/htmx-production.html
index 53a3e3c..2c49cf0 100644
--- a/writing/htmx-production.html
+++ b/writing/htmx-production.html
@@ -23,6 +23,9 @@
font-family: 'Questrial', sans-serif;
-webkit-font-smoothing: antialiased;
min-height: 100vh;
+ max-width: 1400px;
+ margin-left: auto;
+ margin-right: auto;
}
nav {
@@ -71,6 +74,8 @@
}
.nav-contact:hover { opacity: 0.85; transform: scale(1.03); }
+ .nav-linkedin { color: var(--ink); opacity: 0.5; display: flex; align-items: center; transition: opacity 0.15s; }
+ .nav-linkedin:hover { opacity: 1; }
/* ─── POST ─── */
.post-wrap {
@@ -229,6 +234,9 @@
Work
Writing
About
+
+
+
Contact me
diff --git a/writing/index.html b/writing/index.html
index 80d91d6..6e11332 100644
--- a/writing/index.html
+++ b/writing/index.html
@@ -23,6 +23,9 @@
font-family: 'Questrial', sans-serif;
-webkit-font-smoothing: antialiased;
min-height: 100vh;
+ max-width: 1400px;
+ margin-left: auto;
+ margin-right: auto;
}
/* ─── NAV ─── */
@@ -72,6 +75,8 @@
}
.nav-contact:hover { opacity: 0.85; transform: scale(1.03); }
+ .nav-linkedin { color: var(--ink); opacity: 0.5; display: flex; align-items: center; transition: opacity 0.15s; }
+ .nav-linkedin:hover { opacity: 1; }
/* ─── HERO ─── */
.hero {
@@ -206,6 +211,7 @@
.nav-links { gap: 0.75rem; }
.nav-links a { font-size: 0.8rem; }
.nav-contact { font-size: 0.72rem; padding: 0.35rem 0.75rem; }
+ .nav-linkedin svg { width: 16px; height: 16px; }
.hero { padding: 3rem 1.5rem 2.5rem; }
.hero-sub { max-width: 100%; }
.tag-filter { padding: 0 1.5rem 2rem; gap: 0.35rem 0.85rem; }
@@ -222,6 +228,9 @@
Work
Writing
About
+
+
+
Contact me
diff --git a/writing/overengineering-operational-exhaustion.html b/writing/overengineering-operational-exhaustion.html
index c8ba610..66a5a93 100644
--- a/writing/overengineering-operational-exhaustion.html
+++ b/writing/overengineering-operational-exhaustion.html
@@ -23,6 +23,9 @@
font-family: 'Questrial', sans-serif;
-webkit-font-smoothing: antialiased;
min-height: 100vh;
+ max-width: 1400px;
+ margin-left: auto;
+ margin-right: auto;
}
nav {
@@ -71,6 +74,8 @@
}
.nav-contact:hover { opacity: 0.85; transform: scale(1.03); }
+ .nav-linkedin { color: var(--ink); opacity: 0.5; display: flex; align-items: center; transition: opacity 0.15s; }
+ .nav-linkedin:hover { opacity: 1; }
/* ─── POST ─── */
.post-wrap {
@@ -229,6 +234,9 @@
Work
Writing
About
+
+
+
Contact me
diff --git a/writing/partida-gap.html b/writing/partida-gap.html
index b94ce6e..b0616da 100644
--- a/writing/partida-gap.html
+++ b/writing/partida-gap.html
@@ -23,6 +23,9 @@
font-family: 'Questrial', sans-serif;
-webkit-font-smoothing: antialiased;
min-height: 100vh;
+ max-width: 1400px;
+ margin-left: auto;
+ margin-right: auto;
}
nav {
@@ -71,6 +74,8 @@
}
.nav-contact:hover { opacity: 0.85; transform: scale(1.03); }
+ .nav-linkedin { color: var(--ink); opacity: 0.5; display: flex; align-items: center; transition: opacity 0.15s; }
+ .nav-linkedin:hover { opacity: 1; }
/* ─── POST ─── */
.post-wrap {
@@ -229,6 +234,9 @@
Work
Writing
About
+
+
+
Contact me
diff --git a/writing/terraform-dishwasher.html b/writing/terraform-dishwasher.html
index 6c7bf17..8ffdd6a 100644
--- a/writing/terraform-dishwasher.html
+++ b/writing/terraform-dishwasher.html
@@ -23,6 +23,9 @@
font-family: 'Questrial', sans-serif;
-webkit-font-smoothing: antialiased;
min-height: 100vh;
+ max-width: 1400px;
+ margin-left: auto;
+ margin-right: auto;
}
nav {
@@ -71,6 +74,8 @@
}
.nav-contact:hover { opacity: 0.85; transform: scale(1.03); }
+ .nav-linkedin { color: var(--ink); opacity: 0.5; display: flex; align-items: center; transition: opacity 0.15s; }
+ .nav-linkedin:hover { opacity: 1; }
/* ─── POST ─── */
.post-wrap {
@@ -229,6 +234,9 @@
Work
Writing
About
+
+
+
Contact me