- 
+ 
+ 
About the Beall Greenhouses
diff --git a/img/2025-solstice/brooke.jpg b/assets/img/2025-solstice/brooke.jpg similarity index 100% rename from img/2025-solstice/brooke.jpg rename to assets/img/2025-solstice/brooke.jpg diff --git a/img/2025-solstice/hawke.jpg b/assets/img/2025-solstice/hawke.jpg similarity index 100% rename from img/2025-solstice/hawke.jpg rename to assets/img/2025-solstice/hawke.jpg diff --git a/img/2025-solstice/hope.jpg b/assets/img/2025-solstice/hope.jpg similarity index 100% rename from img/2025-solstice/hope.jpg rename to assets/img/2025-solstice/hope.jpg diff --git a/img/2025-solstice/jon.jpg b/assets/img/2025-solstice/jon.jpg similarity index 100% rename from img/2025-solstice/jon.jpg rename to assets/img/2025-solstice/jon.jpg diff --git a/img/2025-solstice/karen.jpg b/assets/img/2025-solstice/karen.jpg similarity index 100% rename from img/2025-solstice/karen.jpg rename to assets/img/2025-solstice/karen.jpg diff --git a/img/2025-solstice/lee.jpg b/assets/img/2025-solstice/lee.jpg similarity index 100% rename from img/2025-solstice/lee.jpg rename to assets/img/2025-solstice/lee.jpg diff --git a/img/2025-solstice/mags.jpg b/assets/img/2025-solstice/mags.jpg similarity index 100% rename from img/2025-solstice/mags.jpg rename to assets/img/2025-solstice/mags.jpg diff --git a/img/2025-solstice/rachel.jpg b/assets/img/2025-solstice/rachel.jpg similarity index 100% rename from img/2025-solstice/rachel.jpg rename to assets/img/2025-solstice/rachel.jpg diff --git a/img/filler0.jpg b/assets/img/filler0.jpg similarity index 100% rename from img/filler0.jpg rename to assets/img/filler0.jpg diff --git a/img/logo-dark.png b/assets/img/logo-dark.png similarity index 100% rename from img/logo-dark.png rename to assets/img/logo-dark.png diff --git a/img/logo-light.png b/assets/img/logo-light.png similarity index 100% rename from img/logo-light.png rename to assets/img/logo-light.png diff --git a/scripts/artists.js b/assets/scripts/artists.js similarity index 100% rename from scripts/artists.js rename to assets/scripts/artists.js diff --git a/scripts/nav.js b/assets/scripts/nav.js similarity index 100% rename from scripts/nav.js rename to assets/scripts/nav.js diff --git a/styles/artist.css b/assets/styles/artist.css similarity index 96% rename from styles/artist.css rename to assets/styles/artist.css index ccdf28c..bd02f16 100644 --- a/styles/artist.css +++ b/assets/styles/artist.css @@ -57,7 +57,7 @@ .description { grid-area: desc; - background-color: var(--color-alt); + background-color: var(--color-bg-alt); border-radius: 0 0 1rem 1rem; } diff --git a/styles/events.css b/assets/styles/events.css similarity index 100% rename from styles/events.css rename to assets/styles/events.css diff --git a/styles/main.css b/assets/styles/main.css similarity index 82% rename from styles/main.css rename to assets/styles/main.css index 81727c3..2e50232 100644 --- a/styles/main.css +++ b/assets/styles/main.css @@ -10,7 +10,8 @@ --color-bg: light-dark(var(--color-light), var(--color-dark)); --color-text: light-dark(var(--color-dark), var(--color-light)); - --color-alt: light-dark(var(--color-light-alt), var(--color-dark-alt)); + --color-bg-alt: light-dark(var(--color-light-alt), var(--color-dark-alt)); + --color-text-alt: light-dark(var(--color-dark-alt), var(--color-light-alt)); --color-accent: light-dark(var(--color-orange-dark), var(--color-orange-light)); --color-accent-flipped: light-dark(var(--color-orange-light), var(--color-orange-dark)); } @@ -39,6 +40,18 @@ body { padding: 1rem 0 2rem; } +@media (prefers-color-scheme: light) { + .dark-mode { + display: none; + } +} + +@media (prefers-color-scheme: dark) { + .light-mode { + display: none; + } +} + header, main { width: 65%; @@ -64,6 +77,10 @@ img { max-width: 100%; } +h1, h2, h3, h4, h5, h6 { + color: var(--color-text-alt); +} + h1 { text-align: center; margin: 2rem 0; @@ -104,7 +121,7 @@ a:focus-visible { p, main ul { padding: .5rem; - background-color: var(--color-alt); + background-color: var(--color-bg-alt); border-radius: 0 0 1rem 1rem; } diff --git a/styles/nav.css b/assets/styles/nav.css similarity index 86% rename from styles/nav.css rename to assets/styles/nav.css index e4a0ecb..3ff38f3 100644 --- a/styles/nav.css +++ b/assets/styles/nav.css @@ -9,8 +9,6 @@ nav a { text-decoration: none; font-size: 1.2rem; padding: 0 .25rem; - border: solid thin var(--color-accent); - border-radius: .25rem; } @media (any-hover: hover) { @@ -22,10 +20,22 @@ nav a { nav ul { display: flex; justify-content: flex-end; + gap: .5rem; } nav li { list-style: none; + border: solid thin var(--color-accent); + border-radius: .25rem; + outline-offset: .1rem; +} + +nav li:focus-within { + outline: solid .25rem var(--color-accent); +} + +nav li a:focus-visible { + outline: none; /* handled by above nav li rule */ } /* this specifically handles the home button @@ -44,18 +54,6 @@ header img { margin: 0 auto; } -@media (prefers-color-scheme: light) { - #logo-dark { - display: none; - } -} - -@media (prefers-color-scheme: dark) { - #logo-light { - display: none; - } -} - /* footer */ footer { width: 95%; diff --git a/events/2025-solstice/artists.json b/events/2025-solstice/artists.json index ad3e511..bde120b 100644 --- a/events/2025-solstice/artists.json +++ b/events/2025-solstice/artists.json @@ -2,7 +2,7 @@ { "id": "brooke", "img": { - "src": "/img/2025-solstice/brooke.jpg", + "src": "/assets/img/2025-solstice/brooke.jpg", "alt": "a triptych of photos of the artist wearing jackets of her own creation. the first jacket is orange and teal wool with a stag graphic appliqued onto the back panel. the second jacket is a woody green leather jacket with fur collar accent, snap epaulettes, and a front lapel detail created from colorful angular leather scraps. the third is a white denim jacket with a central linocut patch stitched in place with intricate topwork and embroidery. pink silk accents, flower details, and direct print work frame the central piece." }, "name": "Brooke Osment", @@ -17,7 +17,7 @@ { "id": "rachel", "img": { - "src": "/img/2025-solstice/rachel.jpg", + "src": "/assets/img/2025-solstice/rachel.jpg", "alt": "a 3 picture collage. 2 pictures show the case and cards of a tarot deck created by Rachel. The third shows Rachel, a white person with turquoise hair, cat eye glasses, and contrasting striped jacket and dress, standing in front of paintings of shorelines." }, "name": "Rachel Guinevere LordKenaga", @@ -36,7 +36,7 @@ { "id": "mags", "img": { - "src": "/img/2025-solstice/mags.jpg", + "src": "/assets/img/2025-solstice/mags.jpg", "alt": "a 3 picture collage. the first shows a miniature dress with white lace, pink bows and rosettes, and tiny maple leaves. the second shows mags, the artist, a white person with shaggy green hair, smiling slightly. third shows a natural-art sculpture with tiny mushroom figures added to real wood and lichen." }, "name": "Mags (Mary) McGinnis", @@ -51,7 +51,7 @@ { "id": "hawke", "img": { - "src": "/img/2025-solstice/hawke.jpg", + "src": "/assets/img/2025-solstice/hawke.jpg", "alt": "4 image collage. image 1: Coulter pinecone with dried oranges, & apples, dried flowers, & bay leaves. image 2: a collage titled 'when the black rock opens'. artist statement on the piece: ntentional Collage: seeds have been planted in the line of the future. There is a promise of what will be growing when it is time for us to understand. image 3: Coulter pinecone with feathers, moon, snail shell, dried flowers, spices, bay leaves, and found sculpted porcelain face. image 4: jennifer hawke, the artist, a white person with a beard and knowing eyes. the top half of their face is painted blue with a white heart, and they are wearing a huge elaborate flower crown, a red shawl, and several chunky pendants." }, "name": "Jennifer Hawke", @@ -66,7 +66,7 @@ { "id": "hope", "img": { - "src": "/img/2025-solstice/hope.jpg", + "src": "/assets/img/2025-solstice/hope.jpg", "alt": "3 picture collage of a white brunette woman. in picture one, she sits on a tall stool with her leg pulled up, holding paintbrushes. in picture 2 she stares at the camera with chanterelles held up to her ears. picture 3, she aims a camera at the camera." }, "name": "Hope Black", @@ -81,7 +81,7 @@ { "id": "lee", "img": { - "src": "/img/2025-solstice/lee.jpg", + "src": "/assets/img/2025-solstice/lee.jpg", "alt": "a four picture collage. two pictures show lee, a white person with curly hair and glasses; in one picture, wearing a colorful knit shawl. the other two frames show lee's work: 1, two leather card wallets with an elegant swoop on the back in vivid colors of leather; 2, a pile of greeting cards with a block-printed loon spread across front and back of the cards." }, "name": "Lee Cattarin", @@ -96,7 +96,7 @@ { "id": "jon", "img": { - "src": "/img/2025-solstice/jon.jpg", + "src": "/assets/img/2025-solstice/jon.jpg", "alt": "2 image collage showing a cast concrete votive candle holder with candle, and a bottle of a tincture made from foraged red belted conk and artist conk mushrooms." }, "name": "Jon Haaland", @@ -111,7 +111,7 @@ { "id": "karen", "img": { - "src": "/img/2025-solstice/karen.jpg", + "src": "/assets/img/2025-solstice/karen.jpg", "alt": "4 photo collage. clockwise from top left: Karen, an older white woman, smiles at the camera while holding a steam press print of leaves; rows of fragrance-free goat milk soap; Karen sits in a greenhouse holding a squash and grins widely; bags of dark chocolate pecan toffee and crispy molasses crisps on a table." }, "name": "Karen Biondo", diff --git a/events/2025-solstice/index.html b/events/2025-solstice/index.html index fec9dc9..1252421 100644 --- a/events/2025-solstice/index.html +++ b/events/2025-solstice/index.html @@ -13,25 +13,25 @@ - + - - + + - - - + + +
-
+
+
Solstice 2025 Market at the Beall Greenhouses
diff --git a/events/index.html b/events/index.html index 8e120f9..c21d935 100644 --- a/events/index.html +++ b/events/index.html @@ -13,24 +13,24 @@ - + - + - - - + + +
-
+
+
Events at the Beall Greenhouses
@@ -39,7 +39,7 @@Solstice 2025
-
+ 
@@ -29,8 +29,8 @@
-
-
+
+
-
+
+