Compare commits

..

7 Commits

14 changed files with 234 additions and 119 deletions

140
2025/solstice/index.html Normal file
View File

@ -0,0 +1,140 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Solstice Market at the Beall Greenhouses</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<!-- Meta -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="canonical" href="/" />
<meta name="description" content="Solstice Market at the Beall Greenhouses" />
<meta name="robots" content="index,follow" />
<meta property="og:title" content="Solstice Market at the Beall Greenhouses" />
<meta property="og:type" content="article" />
<meta property="og:url" content="/" />
<meta property="og:description" content="Solstice Market at the Beall Greenhouses" />
<meta property="og:image" content="/img/logo-light.png" />
<meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" />
<!-- CSS -->
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/artist.css">
</head>
<body>
<div id="content">
<header>
<nav>
<a href="/">↩ back home</a>
</nav>
<img id="logo-dark" src="/img/logo-dark.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">
<img id="logo-light" src="/img/logo-light.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">
</header>
<main>
<h1>Solstice 2025 Market at the Beall Greenhouses</h1>
<h2>When?</h2>
<p><time datetime="2025-12-21 10:00">Sunday, December 21st, 2025, 10am - 5pm</time>.</p>
<h2>Where?</h2>
<p>Studios in the former cold storage facility at the old Beall Greenhouses: 18527 Beall Rd SW, Vashon, WA 98070</p>
<h2>What else?</h2>
<p>There will be hot cider, popcorn, and a warm fire.</p>
<h2>Who?</h2>
<div id="artists">
<div id="brooke" class="artist">
<div class="fit-contain"><img src="/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."></div>
<h3>Brooke Osment</h3>
<div class="description">
<p>found art jackets, stitchwork, visible mending</p>
<p><a href="mailto:bsosment@gmail.com?subject=Beall%20Greenhouses%20Market">email Brooke</a></p>
</div>
</div>
<div id="rachel" class="artist">
<div class="fit-contain"><img src="/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."></div>
<h3>Rachel Guinevere LordKenaga</h3>
<div class="description">
<p>I am an artist and art therapist living on Vashon. I'm most interested in evoking feelings and memory with my work. I will have my handmade Tarot deck and small oil paintings. I'll offer 1 card pulls for $20.</p>
<p><a target="_blank" href="https://www.instagram.com/rglkart/">@rglkart on instagram</a><a target="_blank" href="https://www.rglkart.com/">rglkart.com</a></p>
</div>
</div>
<div id="mags" class="artist">
<div class="fit-contain"><img src="/img/2025/solstice/mags.jpg" alt="a 2 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."></div>
<h3>Mags (Mary) McGinnis</h3>
<div class="description">
<p>Eclectic creator working with natural materials and found objects.</p>
<p><a target="_blank" href="https://www.instagram.com/worldsinsideworlds/">@worldsinsideworlds on instagram</a></p>
</div>
</div>
<div id="hawke" class="artist">
<div class="fit-contain"><img src="/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"></div>
<h3>Jennifer Hawke</h3>
<div class="description">
<p>Jennifer Hawke hails from Billings, Montana where they got their degree in Cast Metals and Painting. They have been on Vashon Island for about 18 years and love doing the Bearded Lady Road Report. They have had their Studio at the Beall Greenhouses for about 8 years and only recently started opening to the public. Their space is warmed by a singular woodstove & all the ephemera that comes with being the child of an antique dealer.</p>
<p><a target="_blank" href="https://www.instagram.com/jenniferhawkestudio">@jenniferhawkestudio on instagram</a></p>
</div>
</div>
<div id="hope" class="artist">
<div class="fit-contain"><img src="/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."></div>
<h3>Hope Black</h3>
<div class="description">
<p>Hope Black is a conceptual portrait photographer and multi-media artist based on Vashon Island, WA. Her work blends fine-art portraiture with macabre photo editing, and she draws on mixed-media illustrations, varied textures, and found-objects to create portraits and paintings that feel symbolic and dream-like. Her images echo the archetypes found in the tarot and the emotional undercurrents of womanhood -- inviting viewers into a world that is both haunting and deeply human.</p>
<p><a target="_blank" href="https://hopeblack.photo">hopeblack.photo</a></p>
</div>
</div>
<div id="lee" class="artist">
<div class="fit-contain"><img src="/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."></div>
<h3>Lee Cattarin</h3>
<div class="description">
<p>multidisciplinary artist and birder</p>
<p><a target="_blank" href="https://leecat.art/">leecat.art</a></p>
</div>
</div>
<div id="jon" class="artist">
<div class="fit-contain"><img src="/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."></div>
<h3>Jon Haaland</h3>
<div class="description">
<p>Jon Haaland is a mixed media artist, photographer and designer hailing from the Pacific Northwest. With an innate passion for blending mediums and exploring the interplay between man and nature, Jon draws his inspiration from the intrinsic harmony of nature and the pressures of man. Through his mixed media creations, he intertwines natural elements constructing a unique narrative that speaks to the deep interplay between civilization and the environment.</p>
<p><a target="_blank" href="https://www.jonhaalandart.com/">jonhaalandart.com</a></p>
</div>
</div>
<div id="karen" class="artist">
<div class="fit-contain"><img src="/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."></div>
<h3>Karen Biondo</h3>
<div class="description">
<p>I am a farmer, chef, creator. I make fun, delicious and sometimes useful items from what inspires me in the world around me.</p>
<p><a target="_blank" href="https://labiondofarm.com">labiondofarm.com</a><a href="mailto:labiondo@comcast.net?subject=Beall%20Greenhouses%20Market">email Karen</a>
</p>
</div>
</div>
</div>
</main>
</div>
<footer>
<div id="contacts">
<p>
Website questions or feedback?
<a href="mailto:lee.cattarin@gmail.com?cc=montanahawke@gmail.com&subject=Beall%20Greenhouses%20Market">
email Lee
</a>
</p>
<p>Market questions?
<a href="mailto:montanahawke@gmail.com?subject=Beall%20Greenhouses%20Market">
email Hawke
</a>
</p>
</div>
<p>brought to you in 2025</p>
</footer>
</body>
</html>

View File

@ -57,7 +57,7 @@
.description {
grid-area: desc;
background-color: light-dark(var(--color-light-alt), var(--color-dark-alt));
background-color: var(--color-alt);
border-radius: 0 0 1rem 1rem;
}

View File

@ -7,6 +7,12 @@
--color-dark-alt: #00274b;
--color-orange-light: #ff764f;
--color-orange-dark: #f55e33;
--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-accent: light-dark(var(--color-orange-dark), var(--color-orange-light));
--color-accent-flipped: light-dark(var(--color-orange-light), var(--color-orange-dark));
}
* {
@ -16,8 +22,8 @@
}
body {
background-color: light-dark(var(--color-dark), var(--color-light));
color: light-dark(var(--color-light), var(--color-dark));
background-color: var(--color-text);
color: var(--color-bg);
display: flex;
flex-direction: column;
font-family: sans-serif;
@ -25,8 +31,8 @@ body {
}
#content {
background-color: light-dark(var(--color-light), var(--color-dark));
color: light-dark(var(--color-dark), var(--color-light));
background-color: var(--color-bg);
color: var(--color-text);
width: 100%;
flex-grow: 1;
border-radius: 0 0 2rem 2rem;
@ -64,13 +70,13 @@ header img {
}
@media (prefers-color-scheme: light) {
#dark-logo {
#logo-dark {
display: none;
}
}
@media (prefers-color-scheme: dark) {
#light-logo {
#logo-light {
display: none;
}
}
@ -86,18 +92,19 @@ h2 {
h2,
h3 {
border-bottom: .25rem solid light-dark(var(--color-orange-dark), var(--color-orange-light));
border-bottom: .25rem solid var(--color-accent);
}
a {
color: light-dark(var(--color-dark), var(--color-light));
color: var(--color-text);
font-weight: bold;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-thickness: .25rem;
text-decoration-color: light-dark(var(--color-orange-dark), var(--color-orange-light));
text-decoration-color: var(--color-accent);
transition: text-decoration-thickness .5s;
margin: 0 .25rem;
border-radius: .1rem;
}
a:hover,
@ -105,16 +112,15 @@ a:active {
text-decoration-thickness: .5rem;
}
a:focus {
a:focus-visible {
text-decoration: none;
outline: solid .25rem light-dark(var(--color-orange-dark), var(--color-orange-light));
outline: solid .25rem var(--color-accent);
outline-offset: .1rem;
border-radius: .1rem;
}
p {
background-color: light-dark(var(--color-light-alt), var(--color-dark-alt));
color: light-dark(var(--color-dark), var(--color-light));
background-color: var(--color-alt);
color: var(--color-text);
padding: .5rem;
border-radius: 0 0 1rem 1rem;
}
@ -129,6 +135,52 @@ main > p {
}
}
ul {
background-color: var(--color-alt);
padding: .5rem;
border-radius: 0 0 1rem 1rem;
}
main > ul {
margin-left: 2.5rem;
}
@media (max-width: 650px) {
main > ul {
margin-left: 1.25rem;
}
}
li {
line-height: 2rem;
}
nav {
margin: 0 auto 1rem;
}
nav a {
text-decoration: none;
font-size: 1.2rem;
color: var(--color-accent);
padding: 0 .25rem;
border: solid thin;
border-radius: .25rem;
}
@media (any-hover: hover) {
nav a:hover {
background-color: var(--color-accent);
color: var(--color-bg);
}
}
nav a:focus-visible {
outline: none;
background-color: var(--color-accent);
color: var(--color-bg);
}
footer {
width: 95%;
margin: 0 auto;
@ -136,19 +188,19 @@ footer {
}
footer p {
background-color: light-dark(var(--color-dark), var(--color-light));
color: light-dark(var(--color-light), var(--color-dark));
background-color: var(--color-text);
color: var(--color-bg);
text-align: center;
margin: 1rem 0 0;
}
footer a {
color: light-dark(var(--color-light), var(--color-dark));
text-decoration-color: light-dark(var(--color-orange-light), var(--color-orange-dark));
color: var(--color-bg);
text-decoration-color: var(--color-accent-flipped);
}
footer a:focus {
outline-color: light-dark(var(--color-orange-light), var(--color-orange-dark));
footer a:focus-visible {
outline-color: var(--color-accent-flipped);
}
#contacts {
@ -159,3 +211,16 @@ footer a:focus {
column-gap: 3rem;
margin: 0 0 1rem;
}
#market-list {
display: flex;
}
#market-list li {
list-style: none;
font-size: 1rem;
}
#market-list li:not(:last-child)::after {
content: '⦿';
}

View File

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

View File

Before

Width:  |  Height:  |  Size: 634 KiB

After

Width:  |  Height:  |  Size: 634 KiB

View File

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.1 MiB

View File

Before

Width:  |  Height:  |  Size: 610 KiB

After

Width:  |  Height:  |  Size: 610 KiB

View File

Before

Width:  |  Height:  |  Size: 518 KiB

After

Width:  |  Height:  |  Size: 518 KiB

View File

Before

Width:  |  Height:  |  Size: 1.9 MiB

After

Width:  |  Height:  |  Size: 1.9 MiB

View File

Before

Width:  |  Height:  |  Size: 586 KiB

After

Width:  |  Height:  |  Size: 586 KiB

View File

Before

Width:  |  Height:  |  Size: 272 KiB

After

Width:  |  Height:  |  Size: 272 KiB

View File

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 54 KiB

View File

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 54 KiB

View File

@ -13,7 +13,7 @@
<meta property="og:type" content="article" />
<meta property="og:url" content="/" />
<meta property="og:description" content="Solstice Market at the Beall Greenhouses" />
<meta property="og:image" content="/img/light-logo.png" />
<meta property="og:image" content="/img/logo-light.png" />
<meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" />
<!-- CSS -->
<link rel="stylesheet" href="/css/main.css">
@ -22,108 +22,18 @@
<body>
<div id="content">
<header>
<img id="dark-logo" src="/img/dark-logo.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">
<img id="light-logo" src="/img/light-logo.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">
<h1>Solstice Market at the Beall Greenhouses</h1>
<img id="logo-dark" src="/img/logo-dark.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">
<img id="logo-light" src="/img/logo-light.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">
</header>
<main>
<h2>When?</h2>
<p><time datetime="2025-12-21 10:00">Sunday, December 21st, 2025, 10am - 5pm</time>.</p>
<h1>Markets at the Beall Greenhouses</h1>
<h2>Where?</h2>
<p>Studios in the former cold storage facility at the old Beall Greenhouses: 18527 Beall Rd SW, Vashon, WA 98070</p>
<h2>Past markets</h2>
<h2>What else?</h2>
<p>There will be hot cider, popcorn, and a warm fire.</p>
<ul id="market-list">
<li><a href="/2025/solstice">Solstice 2025</a></li>
</ul>
<h2>Who?</h2>
<div id="artists">
<div id="brooke" class="artist">
<div class="fit-contain"><img src="/img/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."></div>
<h3>Brooke Osment</h3>
<div class="description">
<p>found art jackets, stitchwork, visible mending</p>
<p><a href="mailto:bsosment@gmail.com?subject=Beall%20Greenhouses%20Market">email Brooke</a></p>
</div>
</div>
<div id="rachel" class="artist">
<div class="fit-contain"><img src="/img/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."></div>
<h3>Rachel Guinevere LordKenaga</h3>
<div class="description">
<p>I am an artist and art therapist living on Vashon. I'm most interested in evoking feelings and memory with my work. I will have my handmade Tarot deck and small oil paintings. I'll offer 1 card pulls for $20.</p>
<p><a target="_blank" href="https://www.instagram.com/rglkart/">@rglkart on instagram</a><a target="_blank" href="https://www.rglkart.com/">rglkart.com</a></p>
</div>
</div>
<div id="mags" class="artist">
<div class="fit-contain"><img src="/img/mags.jpg" alt="a 2 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."></div>
<h3>Mags (Mary) McGinnis</h3>
<div class="description">
<p>Eclectic creator working with natural materials and found objects.</p>
<p><a target="_blank" href="https://www.instagram.com/worldsinsideworlds/">@worldsinsideworlds on instagram</a></p>
</div>
</div>
<div id="hawke" class="artist">
<div class="fit-contain"><img src="/img/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"></div>
<h3>Jennifer Hawke</h3>
<div class="description">
<p>Jennifer Hawke hails from Billings, Montana where they got their degree in Cast Metals and Painting. They have been on Vashon Island for about 18 years and love doing the Bearded Lady Road Report. They have had their Studio at the Beall Greenhouses for about 8 years and only recently started opening to the public. Their space is warmed by a singular woodstove & all the ephemera that comes with being the child of an antique dealer.</p>
<p><a target="_blank" href="https://www.instagram.com/jenniferhawkestudio">@jenniferhawkestudio on instagram</a></p>
</div>
</div>
<div id="hope" class="artist">
<div class="fit-contain"><img src="/img/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."></div>
<h3>Hope Black</h3>
<div class="description">
<p>Hope Black is a conceptual portrait photographer and multi-media artist based on Vashon Island, WA. Her work blends fine-art portraiture with macabre photo editing, and she draws on mixed-media illustrations, varied textures, and found-objects to create portraits and paintings that feel symbolic and dream-like. Her images echo the archetypes found in the tarot and the emotional undercurrents of womanhood -- inviting viewers into a world that is both haunting and deeply human.</p>
<p><a target="_blank" href="https://hopeblack.photo">hopeblack.photo</a></p>
</div>
</div>
<div id="lee" class="artist">
<div class="fit-contain"><img src="/img/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."></div>
<h3>Lee Cattarin</h3>
<div class="description">
<p>multidisciplinary artist and birder</p>
<p><a target="_blank" href="https://leecat.art/">leecat.art</a></p>
</div>
</div>
<div id="jon" class="artist">
<div class="fit-contain"><img src="/img/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."></div>
<h3>Jon Haaland</h3>
<div class="description">
<p>Jon Haaland is a mixed media artist, photographer and designer hailing from the Pacific Northwest. With an innate passion for blending mediums and exploring the interplay between man and nature, Jon draws his inspiration from the intrinsic harmony of nature and the pressures of man. Through his mixed media creations, he intertwines natural elements constructing a unique narrative that speaks to the deep interplay between civilization and the environment.</p>
<p><a target="_blank" href="https://www.jonhaalandart.com/">jonhaalandart.com</a></p>
</div>
</div>
<div id="karen" class="artist">
<div class="fit-contain"><img src="/img/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."></div>
<h3>Karen Biondo</h3>
<div class="description">
<p>I am a farmer, chef, creator. I make fun, delicious and sometimes useful items from what inspires me in the world around me.</p>
<p><a target="_blank" href="https://labiondofarm.com">labiondofarm.com</a><a href="mailto:labiondo@comcast.net?subject=Beall%20Greenhouses%20Market">email Karen</a>
</p>
</div>
</div>
<!--
<div id="logan" class="artist">
<div class="fit-contain"><img src="/img/greenhouse2.jpg" alt="a dilapidated greenhouse"></div>
<h3>Logan Price</h3>
<div class="description">
<p></p>
<p></p>
</div>
</div>
-->
</div>
</main>
</div>
<footer>