From a85c956e12c104e623539d28adf2725b4aa6e44e Mon Sep 17 00:00:00 2001 From: "Thomas A. Christensen II" <25492070+MillironX@users.noreply.github.com> Date: Mon, 20 Oct 2025 08:01:46 -0500 Subject: [PATCH 1/2] perf: Add `contain` directive to scrolling header --- assets/styles/scrolling-header.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/assets/styles/scrolling-header.css b/assets/styles/scrolling-header.css index c708ef5..acc8a4b 100644 --- a/assets/styles/scrolling-header.css +++ b/assets/styles/scrolling-header.css @@ -18,6 +18,8 @@ animation: sticky-header linear forwards; animation-timeline: scroll(); animation-range: 0 30vh; + + contain: content; } @keyframes blurry-header { @@ -60,6 +62,7 @@ main section { margin: 0 0.25em; + contain: content; } } /* end @supports */ } /* end @media */ From 2fe579bcc7c00781f77ce80e0c3ed6b0eb6234dd Mon Sep 17 00:00:00 2001 From: "Thomas A. Christensen II" <25492070+MillironX@users.noreply.github.com> Date: Mon, 20 Oct 2025 09:36:04 -0500 Subject: [PATCH 2/2] feat: Make page occupy middle of screen --- assets/styles/millironx.css | 21 ++++++++++++---- layouts/_default/baseof.html | 46 ++++++++++++++++++++---------------- 2 files changed, 43 insertions(+), 24 deletions(-) diff --git a/assets/styles/millironx.css b/assets/styles/millironx.css index 4566317..9b2026b 100644 --- a/assets/styles/millironx.css +++ b/assets/styles/millironx.css @@ -203,6 +203,19 @@ body { flex-direction: column; min-height: 98vh; margin: 0 8px; + align-items: center; +} + +.container { + max-width: min(60rem, 100vw - 2rem); +} + +.footer-inner { + width: min(60rem, 100vw - 2rem); + display: flex; + justify-content: space-between; + align-items: center; + flex-shrink: 0; } a { @@ -295,14 +308,14 @@ figure:has(blockquote) > figcaption { } footer { + display: flex; + flex-direction: column; + align-items: center; background-color: var(--container-background); margin: 0 0 -1em -1em; width: calc(100% - 1em); padding: 0.25em 1.25em; - display: flex; - justify-content: space-between; - align-items: center; - flex-shrink: 0; + font-size: smaller; } form { diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index c5246fe..a11db90 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -37,31 +37,37 @@ -
- - Milliron X - -

Milliron X

-
-
- {{ partial "sidebar" . }} -
{{ block "main" . }}{{ .Content }}{{ end }}
+
+
+ + Milliron X + +

Milliron X

+
+
+ {{ partial "sidebar" . }} +
{{ block "main" . }}{{ .Content }}{{ end }}
+
{{ with .Params.validation }}{{- partial "form-validation.html" -}}{{ end }}