From 09a787272b56bfb033ee8f0a8df8f0782ab56298 Mon Sep 17 00:00:00 2001 From: Landon Taylor Date: Fri, 13 Jun 2025 13:08:43 -0600 Subject: [PATCH] aesthetic updates and banner --- assets/sass/_layout.sass | 59 ++++++++++++++++++++++++++++++-- layouts/_markup/render-link.html | 1 + layouts/_partials/banner.html | 5 +++ layouts/_partials/footer.html | 1 + layouts/baseof.html | 3 ++ layouts/tools/page.html | 6 ++-- layouts/tools/section.html | 44 ++++++++++++++---------- 7 files changed, 95 insertions(+), 24 deletions(-) create mode 100644 layouts/_markup/render-link.html create mode 100644 layouts/_partials/banner.html diff --git a/assets/sass/_layout.sass b/assets/sass/_layout.sass index 1480b15..30846be 100644 --- a/assets/sass/_layout.sass +++ b/assets/sass/_layout.sass @@ -4,6 +4,7 @@ $spacing-unit: 1.5rem $section-spacing: 2rem $border-radius: 8px +$body-width: 1024px html background: darken($background, 3%) @@ -15,7 +16,7 @@ body font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif width: 100% height: 100% - max-width: 1024px + max-width: $body-width margin: $spacing-unit auto padding: $spacing-unit box-sizing: border-box @@ -106,7 +107,7 @@ section margin: $section-spacing 0 padding-bottom: $section-spacing -#page-header +#page-header border-bottom: 3px solid $surface margin: $section-spacing 0 padding-bottom: $section-spacing @@ -190,3 +191,57 @@ pre overflow-x: auto code font-size: 0.8rem + +.banner + position: fixed + top: 0 + width: 100% + max-width: $body-width + background-color: $accent + color: $darkest + padding: 5px 0 + font-weight: 400 + text-align: center + font-size: 1.1em + border-radius: 0 0 8px 8px + z-index: 1000 + font-size: 0.9rem + height: 1.3rem + margin-left: calc(0% - #{$spacing-unit}) + + a + color: $darkest + text-decoration: underline + font-weight: 700 + transition: color 0.3s ease-in-out + &:hover, &:focus + color: $primary-dark + +body:has(.banner) + margin-top: 2.6rem + +@media (max-width: 600px) + .banner + position: absolute + top: 0 + width: calc(100% - #{$spacing-unit}) + max-width: $body-width + background-color: $accent + color: $darkest + padding: 5px + font-weight: 400 + text-align: center + font-size: 1.1em + border-radius: 0 0 8px 8px + z-index: 1000 + font-size: 0.9rem + height: 4.3rem + margin-left: calc(0% - #{$spacing-unit}) + + .banner-text + display: block + margin: 0 5px + + + body:has(.banner) + margin-top: 5.6rem \ No newline at end of file diff --git a/layouts/_markup/render-link.html b/layouts/_markup/render-link.html new file mode 100644 index 0000000..5a97746 --- /dev/null +++ b/layouts/_markup/render-link.html @@ -0,0 +1 @@ +{{ .Text | safeHTML }} \ No newline at end of file diff --git a/layouts/_partials/banner.html b/layouts/_partials/banner.html new file mode 100644 index 0000000..21f3e5a --- /dev/null +++ b/layouts/_partials/banner.html @@ -0,0 +1,5 @@ + diff --git a/layouts/_partials/footer.html b/layouts/_partials/footer.html index f40f9fb..6c98067 100644 --- a/layouts/_partials/footer.html +++ b/layouts/_partials/footer.html @@ -1,3 +1,4 @@

Contribute  |  About  |  License  |  Privacy

+

© Copyright {{ now.Year }}. An open-source project.

diff --git a/layouts/baseof.html b/layouts/baseof.html index 39dcbec..8428fa8 100644 --- a/layouts/baseof.html +++ b/layouts/baseof.html @@ -4,6 +4,9 @@ {{ partial "head.html" . }} + {{ if .Site.Params.banner }} + {{ partial "banner.html" . }} + {{ end }}
{{ partial "header.html" . }}
diff --git a/layouts/tools/page.html b/layouts/tools/page.html index 52d93c0..9b190a1 100644 --- a/layouts/tools/page.html +++ b/layouts/tools/page.html @@ -37,7 +37,7 @@ - {{ range $term := $terms }} + {{ range $term := sort $terms }} {{ partial "term-link.html" (dict "name" $term "taxonomy" $taxonomyname) }} {{ end }} @@ -91,8 +91,8 @@
Help improve this page!
Submit an - issue or - pull request. + issue or + pull request.
{{ if .Date }}
diff --git a/layouts/tools/section.html b/layouts/tools/section.html index 45215c2..0790855 100644 --- a/layouts/tools/section.html +++ b/layouts/tools/section.html @@ -42,8 +42,9 @@ Tool Applications - License + Licenses + @@ -54,7 +55,7 @@ {{ if in .Params.maintenance "Not Maintained" }}
{{ .LinkTitle }} - +
{{ else }} {{ .LinkTitle }} @@ -76,37 +77,42 @@ {{ $sep := "" }} {{ range $key, $vals := .Params }} - {{ if (in (slice "licenses") $key) }} - {{ $sep }} - {{ range $i, $val := $vals }} - {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }} - {{ end }} - {{ $sep = "; " }} - {{ end }} + {{ if (in (slice "licenses") $key) }} + {{ $sep }} + {{ range $i, $val := $vals }} + {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }} + {{ end }} + {{ $sep = "; " }} + {{ end }} {{ end }} + {{ end }} -
- - Black dot indicates tool has not been maintained recently +
+ + Red dot indicates tool has not been updated or maintained recently
+ {{ end }}