From 61c0f448e97a9b4cc98a185fbb9aabd4eb8d3af7 Mon Sep 17 00:00:00 2001 From: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com> Date: Thu, 5 Feb 2026 19:15:49 -0500 Subject: [PATCH 1/7] add viewport tag for standard mobile scaling --- layouts/_default/baseof.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index cca15b8..6e7f358 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,6 +1,8 @@ + + {{ .Title }} {{- $style := resources.Get "sass/main.scss" | resources.ExecuteAsTemplate "main.scss" . | css.Sass }} From dda45b2a44f736841e10fadaff62abfe33fa3503 Mon Sep 17 00:00:00 2001 From: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com> Date: Thu, 5 Feb 2026 19:29:50 -0500 Subject: [PATCH 2/7] replace header table layout with responsive image --- assets/sass/main.scss | 5 +++-- layouts/partials/banner.html | 15 --------------- 2 files changed, 3 insertions(+), 17 deletions(-) diff --git a/assets/sass/main.scss b/assets/sass/main.scss index f5eae4a..209fa2a 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -16,8 +16,9 @@ body { .banner { text-align: center; font-weight: bold; - td img { - height: 150px; + img { + max-width: 100%; + height: auto; } } big { diff --git a/layouts/partials/banner.html b/layouts/partials/banner.html index b676b85..2bd84d5 100644 --- a/layouts/partials/banner.html +++ b/layouts/partials/banner.html @@ -7,21 +7,6 @@ ... one iteration at a time... {{- end -}} {{ if eq .Kind "home" }}
{{ end }} From dad29bc843bea965191e19602603e0fb18958eea Mon Sep 17 00:00:00 2001 From: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com> Date: Thu, 5 Feb 2026 19:38:36 -0500 Subject: [PATCH 3/7] add code block bg and horizontal scroll to prevent broken page scrolling on mobile --- assets/sass/main.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 209fa2a..9f1d209 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -27,6 +27,22 @@ big { small { font-size: 70%; } +pre { + background-color: rgb(247, 243, 239); + border: 1px solid #c5bbb0; + border-radius: 0.5em; + padding: 1em; + overflow-x: auto; +} +code { + background-color: rgb(247, 243, 239); + padding: 0.1em 0.3em; + border-radius: 0.25em; +} +pre code { + background-color: transparent; + padding: 0; +} div.feature-matrix { table { border-collapse: collapse; From 09b532d2c5b8039caee7a18658c6bd51ee175c11 Mon Sep 17 00:00:00 2001 From: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com> Date: Thu, 5 Feb 2026 19:47:12 -0500 Subject: [PATCH 4/7] allow text to wrap down to prevent broken horizontal page scrolling on mobile --- assets/sass/main.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 9f1d209..4f2e364 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -4,6 +4,7 @@ body { background-image: linear-gradient(#d7cdc0ff, #fdf7f6ff); margin-right: 10%; margin-left: 10%; + overflow-wrap: break-word; } .block { background-color: rgb(247, 243, 239); From 494ec5117b98daf1b0f2bf48122be9f7748dfcb0 Mon Sep 17 00:00:00 2001 From: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com> Date: Thu, 5 Feb 2026 19:50:27 -0500 Subject: [PATCH 5/7] reduce margin spacing on mobile to let content scale --- assets/sass/main.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 4f2e364..017d387 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -79,6 +79,10 @@ div.feature-matrix { } } @media screen and (max-width: 767px) { + body { + margin-right: 3%; + margin-left: 3%; + } .tg { width: auto !important; } From 893130acb6a4c725e1d5ec21e131179c37b1d8ef Mon Sep 17 00:00:00 2001 From: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com> Date: Thu, 5 Feb 2026 20:10:05 -0500 Subject: [PATCH 6/7] scale down banner title to fit on smaller screens --- assets/sass/main.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 017d387..75e5ddc 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -78,6 +78,11 @@ div.feature-matrix { vertical-align: center; } } +@media screen and (max-width: 450px) { + big { + font-size: 300%; + } +} @media screen and (max-width: 767px) { body { margin-right: 3%; From 38776e19d09d5b893bc4bd3f38d490c18d7b5fc9 Mon Sep 17 00:00:00 2001 From: Rito Rhymes <83614463+ritorhymes@users.noreply.github.com> Date: Thu, 5 Feb 2026 20:50:46 -0500 Subject: [PATCH 7/7] contain graphviz SVG size on mobile to prevent broken horizontal page scrolling --- assets/sass/main.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 75e5ddc..371969f 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -14,13 +14,13 @@ body { padding-bottom: .1em; border-radius: 2em; } +img { + max-width: 100%; + height: auto; +} .banner { text-align: center; font-weight: bold; - img { - max-width: 100%; - height: auto; - } } big { font-size: 400%;