From db1d6d95638173b377ae4fa7a16cd25d1da9028d Mon Sep 17 00:00:00 2001 From: Lee Cattarin Date: Sun, 3 May 2026 19:09:58 -0700 Subject: [PATCH] some spacing tweaks, fix weird nav --- _includes/header.njk | 5 +- _site/about/index.html | 33 +- _site/artists/hope-black/index.html | 522 ------------------------ _site/artists/index.html | 35 +- _site/artists/jennifer-hawke/index.html | 24 +- _site/attribution/index.html | 24 +- _site/events/2025-solstice/index.html | 348 ++++++++-------- _site/events/2026-beltane/index.html | 100 ++--- _site/events/2026-imbolc/index.html | 306 +++++++------- _site/events/index.html | 26 +- _site/index.html | 24 +- _site/palette/index.html | 24 +- css/directory.css | 2 +- css/main.css | 8 + css/nav.css | 2 +- src/about.njk | 12 +- src/events.njk | 2 +- src/residents.njk | 2 +- 18 files changed, 507 insertions(+), 992 deletions(-) delete mode 100644 _site/artists/hope-black/index.html diff --git a/_includes/header.njk b/_includes/header.njk index 82ce15e..a2f499f 100644 --- a/_includes/header.njk +++ b/_includes/header.njk @@ -14,9 +14,8 @@ {% for entry in collections.all | eleventyNavigation %}
  • - {{ entry.title }} - + {% if entry.url == page.url %}aria-current="page"{% endif %} + >{{ entry.title }}
    • {% endfor %} diff --git a/_site/about/index.html b/_site/about/index.html index 28b1100..9acf335 100644 --- a/_site/about/index.html +++ b/_site/about/index.html @@ -85,6 +85,14 @@ main { margin: 0 auto 1rem; } + +@media (max-width: 1000px ) { + header, + main { + width: 80%; + } +} + @media (max-width: 750px) { header, main { @@ -226,7 +234,7 @@ nav a:not(:has(img)) { display: inline-block; text-decoration: none; font-size: 1.2rem; - padding: 0 .25rem; + padding: .1rem .25rem; border: solid .125rem var(--color-accent); border-radius: .25rem; background-color: var(--color-bg); @@ -378,21 +386,15 @@ footer a:focus-visible { @@ -406,9 +408,18 @@ footer a:focus-visible {
    +

    + The old Beall Greenhouses can be found at + 18527 Beall Rd SW, Vashon, WA 98070. +

    +

    Read about the Beall Greenhouses on HistoryLink.org

    + +

    + Questions? Email us! +

    @@ -423,6 +434,6 @@ footer a:focus-visible {

    site attribution

    - + diff --git a/_site/artists/hope-black/index.html b/_site/artists/hope-black/index.html deleted file mode 100644 index f995947..0000000 --- a/_site/artists/hope-black/index.html +++ /dev/null @@ -1,522 +0,0 @@ - - - - - - - Hope Black | the historic Beall Greenhouses - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    -
    - -
    - - -
    - - - - -
    -
    - - - - - - diff --git a/_site/artists/index.html b/_site/artists/index.html index 6e9035b..9d8ce4d 100644 --- a/_site/artists/index.html +++ b/_site/artists/index.html @@ -32,7 +32,7 @@ margin: 0 .5rem; } -@media (max-width: 1050px) { +@media (max-width: 1000px) { #directory { grid-template-columns: 1fr; } @@ -153,6 +153,14 @@ main { margin: 0 auto 1rem; } + +@media (max-width: 1000px ) { + header, + main { + width: 80%; + } +} + @media (max-width: 750px) { header, main { @@ -294,7 +302,7 @@ nav a:not(:has(img)) { display: inline-block; text-decoration: none; font-size: 1.2rem; - padding: 0 .25rem; + padding: .1rem .25rem; border: solid .125rem var(--color-accent); border-radius: .25rem; background-color: var(--color-bg); @@ -446,21 +454,15 @@ footer a:focus-visible { @@ -487,15 +489,6 @@ footer a:focus-visible { -
  • - -

    Hope Black

    - -
    - -     -
    • - @@ -511,6 +504,6 @@ footer a:focus-visible {

    site attribution

    - + diff --git a/_site/artists/jennifer-hawke/index.html b/_site/artists/jennifer-hawke/index.html index 041108f..f4f3ce5 100644 --- a/_site/artists/jennifer-hawke/index.html +++ b/_site/artists/jennifer-hawke/index.html @@ -186,6 +186,14 @@ main { margin: 0 auto 1rem; } + +@media (max-width: 1000px ) { + header, + main { + width: 80%; + } +} + @media (max-width: 750px) { header, main { @@ -327,7 +335,7 @@ nav a:not(:has(img)) { display: inline-block; text-decoration: none; font-size: 1.2rem; - padding: 0 .25rem; + padding: .1rem .25rem; border: solid .125rem var(--color-accent); border-radius: .25rem; background-color: var(--color-bg); @@ -479,21 +487,15 @@ footer a:focus-visible { @@ -540,6 +542,6 @@ footer a:focus-visible {

    site attribution

    - + diff --git a/_site/attribution/index.html b/_site/attribution/index.html index ed42e2e..a2da839 100644 --- a/_site/attribution/index.html +++ b/_site/attribution/index.html @@ -85,6 +85,14 @@ main { margin: 0 auto 1rem; } + +@media (max-width: 1000px ) { + header, + main { + width: 80%; + } +} + @media (max-width: 750px) { header, main { @@ -226,7 +234,7 @@ nav a:not(:has(img)) { display: inline-block; text-decoration: none; font-size: 1.2rem; - padding: 0 .25rem; + padding: .1rem .25rem; border: solid .125rem var(--color-accent); border-radius: .25rem; background-color: var(--color-bg); @@ -378,21 +386,15 @@ footer a:focus-visible { @@ -437,6 +439,6 @@ footer a:focus-visible {

    site attribution

    - + diff --git a/_site/events/2025-solstice/index.html b/_site/events/2025-solstice/index.html index 7d97bab..630691a 100644 --- a/_site/events/2025-solstice/index.html +++ b/_site/events/2025-solstice/index.html @@ -186,6 +186,14 @@ main { margin: 0 auto 1rem; } + +@media (max-width: 1000px ) { + header, + main { + width: 80%; + } +} + @media (max-width: 750px) { header, main { @@ -327,7 +335,7 @@ nav a:not(:has(img)) { display: inline-block; text-decoration: none; font-size: 1.2rem; - padding: 0 .25rem; + padding: .1rem .25rem; border: solid .125rem var(--color-accent); border-radius: .25rem; background-color: var(--color-bg); @@ -479,21 +487,15 @@ footer a:focus-visible { @@ -527,6 +529,90 @@ footer a:focus-visible { @@ -838,6 +840,6 @@ footer a:focus-visible {

    site attribution

    - + diff --git a/_site/events/2026-beltane/index.html b/_site/events/2026-beltane/index.html index 5cd600c..be0a3cd 100644 --- a/_site/events/2026-beltane/index.html +++ b/_site/events/2026-beltane/index.html @@ -186,6 +186,14 @@ main { margin: 0 auto 1rem; } + +@media (max-width: 1000px ) { + header, + main { + width: 80%; + } +} + @media (max-width: 750px) { header, main { @@ -327,7 +335,7 @@ nav a:not(:has(img)) { display: inline-block; text-decoration: none; font-size: 1.2rem; - padding: 0 .25rem; + padding: .1rem .25rem; border: solid .125rem var(--color-accent); border-radius: .25rem; background-color: var(--color-bg); @@ -479,21 +487,15 @@ footer a:focus-visible { @@ -542,24 +544,30 @@ footer a:focus-visible {