Compare commits
20 Commits
05cc4c4667
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 202c7014a1 | |||
| 42dbf5e31d | |||
| 5ec64cfda7 | |||
| 09b1d2975b | |||
| 59b14a842c | |||
| 6acba69bcc | |||
| 4cb0041de0 | |||
| 7f4dbebd6f | |||
| dde23f91de | |||
| cdf36ddc9d | |||
| 83edb739a6 | |||
| e894e75850 | |||
| c81e0fffa9 | |||
| b60f43b224 | |||
| 175e4026a0 | |||
| 3559e11ae7 | |||
| 9289f44c51 | |||
| a02eb05a99 | |||
| f2ddbf3e9d | |||
| 01668a6b29 |
128
2025/solstice/index.html
Normal file
128
2025/solstice/index.html
Normal file
@ -0,0 +1,128 @@
|
|||||||
|
<!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="/2025/solstice/" />
|
||||||
|
<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="/2025/solstice/" />
|
||||||
|
<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" />
|
||||||
|
|
||||||
|
<!-- JS -->
|
||||||
|
<script src="/scripts/nav.js" defer></script>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="/styles/main.css">
|
||||||
|
<link rel="stylesheet" href="/styles/nav.css">
|
||||||
|
<link rel="stylesheet" href="/styles/artist.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="content">
|
||||||
|
<header>
|
||||||
|
<nav id="top-nav"><!-- auto-populated by nav.js --></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%20Solstice%202025">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%20Solstice%202025">email Karen</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
161
css/main.css
161
css/main.css
@ -1,161 +0,0 @@
|
|||||||
:root {
|
|
||||||
color-scheme: light dark;
|
|
||||||
|
|
||||||
--color-light: #d5e9ff;
|
|
||||||
--color-light-alt: #beddff;
|
|
||||||
--color-dark: #001a33;
|
|
||||||
--color-dark-alt: #00274b;
|
|
||||||
--color-orange-light: #ff764f;
|
|
||||||
--color-orange-dark: #f55e33;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: light-dark(var(--color-dark), var(--color-light));
|
|
||||||
color: light-dark(var(--color-light), var(--color-dark));
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
font-family: sans-serif;
|
|
||||||
min-height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content {
|
|
||||||
background-color: light-dark(var(--color-light), var(--color-dark));
|
|
||||||
color: light-dark(var(--color-dark), var(--color-light));
|
|
||||||
width: 100%;
|
|
||||||
flex-grow: 1;
|
|
||||||
border-radius: 0 0 2rem 2rem;
|
|
||||||
padding-top: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
header,
|
|
||||||
main {
|
|
||||||
width: 65%;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 650px) {
|
|
||||||
header,
|
|
||||||
main {
|
|
||||||
width: 95%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 1800px) {
|
|
||||||
header,
|
|
||||||
main {
|
|
||||||
width: 45%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
header img {
|
|
||||||
max-height: 25vh;
|
|
||||||
max-width: 100%;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
#dark-logo {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
#light-logo {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
text-align: center;
|
|
||||||
margin: 2rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
margin: 2rem 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2,
|
|
||||||
h3 {
|
|
||||||
border-bottom: .25rem solid light-dark(var(--color-orange-dark), var(--color-orange-light));
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: light-dark(var(--color-dark), var(--color-light));
|
|
||||||
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));
|
|
||||||
transition: text-decoration-thickness .5s;
|
|
||||||
margin: 0 .25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover,
|
|
||||||
a:active {
|
|
||||||
text-decoration-thickness: .5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
outline: solid .25rem light-dark(var(--color-orange-dark), var(--color-orange-light));
|
|
||||||
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));
|
|
||||||
padding: .5rem;
|
|
||||||
border-radius: 0 0 1rem 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
main > p {
|
|
||||||
margin-left: 2.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 650px) {
|
|
||||||
main > p {
|
|
||||||
margin-left: 1.25rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
width: 95%;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 0 0 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer p {
|
|
||||||
background-color: light-dark(var(--color-dark), var(--color-light));
|
|
||||||
color: light-dark(var(--color-light), var(--color-dark));
|
|
||||||
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));
|
|
||||||
}
|
|
||||||
|
|
||||||
footer a:focus {
|
|
||||||
outline-color: light-dark(var(--color-orange-light), var(--color-orange-dark));
|
|
||||||
}
|
|
||||||
|
|
||||||
#contacts {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
align-content: center;
|
|
||||||
column-gap: 3rem;
|
|
||||||
margin: 0 0 1rem;
|
|
||||||
}
|
|
||||||
52
directory/index.html
Normal file
52
directory/index.html
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Directory | Markets 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="/directory/" />
|
||||||
|
<meta name="description" content="Directory | Markets at the Beall Greenhouses" />
|
||||||
|
<meta name="robots" content="index,follow" />
|
||||||
|
<meta property="og:title" content="Directory | Markets at the Beall Greenhouses" />
|
||||||
|
<meta property="og:type" content="article" />
|
||||||
|
<meta property="og:url" content="/directory/" />
|
||||||
|
<meta property="og:description" content="Directory | Markets 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" />
|
||||||
|
|
||||||
|
<!-- JS -->
|
||||||
|
<script src="/scripts/nav.js" defer></script>
|
||||||
|
|
||||||
|
<!-- CSS -->
|
||||||
|
<link rel="stylesheet" href="/styles/main.css">
|
||||||
|
<link rel="stylesheet" href="/styles/nav.css">
|
||||||
|
<link rel="stylesheet" href="/styles/directory.css">
|
||||||
|
<link rel="stylesheet" href="/styles/artist.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="content">
|
||||||
|
<header>
|
||||||
|
<nav id="top-nav"><!-- auto-populated by nav.js --></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>Markets at the Beall Greenhouses</h1>
|
||||||
|
|
||||||
|
<ol id="directory">
|
||||||
|
<li>
|
||||||
|
<a href="/2025/solstice">
|
||||||
|
<h2>Solstice 2025</h2>
|
||||||
|
<img src="/img/filler0.jpg" alt="a filler image for testing" />
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 1.4 MiB |
|
Before Width: | Height: | Size: 634 KiB After Width: | Height: | Size: 634 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 610 KiB After Width: | Height: | Size: 610 KiB |
|
Before Width: | Height: | Size: 518 KiB After Width: | Height: | Size: 518 KiB |
|
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 1.9 MiB |
|
Before Width: | Height: | Size: 586 KiB After Width: | Height: | Size: 586 KiB |
|
Before Width: | Height: | Size: 272 KiB After Width: | Height: | Size: 272 KiB |
BIN
img/filler0.jpg
Executable file
BIN
img/filler0.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 54 KiB |
143
index.html
143
index.html
@ -1,146 +1,45 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>Solstice Market at the Beall Greenhouses</title>
|
<title>Markets at the Beall Greenhouses</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<!-- Meta -->
|
<!-- Meta -->
|
||||||
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
||||||
<link rel="canonical" href="/" />
|
<link rel="canonical" href="/" />
|
||||||
<meta name="description" content="Solstice Market at the Beall Greenhouses" />
|
<meta name="description" content="Markets at the Beall Greenhouses" />
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="robots" content="index,follow" />
|
||||||
<meta property="og:title" content="Solstice Market at the Beall Greenhouses" />
|
<meta property="og:title" content="Markets at the Beall Greenhouses" />
|
||||||
<meta property="og:type" content="article" />
|
<meta property="og:type" content="article" />
|
||||||
<meta property="og:url" content="/" />
|
<meta property="og:url" content="/" />
|
||||||
<meta property="og:description" content="Solstice Market at the Beall Greenhouses" />
|
<meta property="og:description" content="Markets 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" />
|
<meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" />
|
||||||
|
|
||||||
|
<!-- JS -->
|
||||||
|
<script src="/scripts/nav.js" defer></script>
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link rel="stylesheet" href="/css/main.css">
|
<link rel="stylesheet" href="/styles/main.css">
|
||||||
<link rel="stylesheet" href="/css/artist.css">
|
<link rel="stylesheet" href="/styles/nav.css">
|
||||||
|
<link rel="stylesheet" href="/styles/artist.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<header>
|
<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">
|
<nav id="top-nav">
|
||||||
<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">
|
</nav>
|
||||||
<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>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<h2>When?</h2>
|
<h1>Markets at the Beall Greenhouses</h1>
|
||||||
<p><time datetime="2025-12-21 10:00">Sunday, December 21st, 2025, 10am - 5pm</time>.</p>
|
|
||||||
|
|
||||||
<h2>Where?</h2>
|
<h2>Status</h2>
|
||||||
<p>Studios in the former cold storage facility at the old Beall Greenhouses: 18527 Beall Rd SW, Vashon, WA 98070</p>
|
<p>We've just completed a successful <a href="/2025/solstice">Solstice 2025</a> market. Stay tuned for more!</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/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>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<footer id="footer"><!-- auto-populated by nav.js --></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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
53
scripts/nav.js
Normal file
53
scripts/nav.js
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
/* Top nav */
|
||||||
|
const navItems = [
|
||||||
|
{
|
||||||
|
href: "/",
|
||||||
|
name: "↩ back home"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
href: "/directory/",
|
||||||
|
name: "🧺 all markets"
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
const populateNav = function() {
|
||||||
|
let nav = document.getElementById("top-nav");
|
||||||
|
let path = window.location.pathname;
|
||||||
|
|
||||||
|
for (const item of navItems) {
|
||||||
|
let a = document.createElement("a");
|
||||||
|
a.href = item.href;
|
||||||
|
a.innerHTML = item.name;
|
||||||
|
|
||||||
|
if (item.href === path) a.id = "current-page";
|
||||||
|
|
||||||
|
nav.append(a);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
populateNav();
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
const footerHTML = `
|
||||||
|
<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>
|
||||||
|
`
|
||||||
|
|
||||||
|
const populateFooter = function() {
|
||||||
|
let footer = document.getElementById("footer");
|
||||||
|
footer.innerHTML = footerHTML;
|
||||||
|
}
|
||||||
|
|
||||||
|
populateFooter();
|
||||||
@ -57,7 +57,7 @@
|
|||||||
|
|
||||||
.description {
|
.description {
|
||||||
grid-area: desc;
|
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;
|
border-radius: 0 0 1rem 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
48
styles/directory.css
Normal file
48
styles/directory.css
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
#directory {
|
||||||
|
display: grid;
|
||||||
|
flex-flow: row wrap;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
gap: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 850px) {
|
||||||
|
#directory {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#directory li {
|
||||||
|
list-style: none;
|
||||||
|
border: solid thin var(--color-accent);
|
||||||
|
border-radius: .5rem;
|
||||||
|
outline-offset: .1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (any-hover: hover) {
|
||||||
|
#directory li:hover {
|
||||||
|
outline: solid .25rem var(--color-accent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#directory li:focus-within {
|
||||||
|
outline: solid .25rem var(--color-accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
#directory a {
|
||||||
|
text-decoration: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#directory a:focus-visible {
|
||||||
|
outline: none; /* outline handled by li:focus-within */
|
||||||
|
}
|
||||||
|
|
||||||
|
#directory h2 {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#directory img {
|
||||||
|
margin: 0;
|
||||||
|
border-radius: 0 0 .5rem .5rem;
|
||||||
|
}
|
||||||
119
styles/main.css
Normal file
119
styles/main.css
Normal file
@ -0,0 +1,119 @@
|
|||||||
|
:root {
|
||||||
|
color-scheme: light dark;
|
||||||
|
|
||||||
|
--color-light: #d5e9ff;
|
||||||
|
--color-light-alt: #beddff;
|
||||||
|
--color-dark: #001a33;
|
||||||
|
--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));
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: var(--color-text);
|
||||||
|
color: var(--color-bg);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
font-family: sans-serif;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content {
|
||||||
|
background-color: var(--color-bg);
|
||||||
|
color: var(--color-text);
|
||||||
|
width: 100%;
|
||||||
|
flex-grow: 1;
|
||||||
|
border-radius: 0 0 2rem 2rem;
|
||||||
|
padding: 1rem 0 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
header,
|
||||||
|
main {
|
||||||
|
width: 65%;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 650px) {
|
||||||
|
header,
|
||||||
|
main {
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 2000px) {
|
||||||
|
header,
|
||||||
|
main {
|
||||||
|
width: 45%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
text-align: center;
|
||||||
|
margin: 2rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin: 2rem 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2,
|
||||||
|
h3 {
|
||||||
|
border-bottom: .25rem solid var(--color-accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--color-text);
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: underline;
|
||||||
|
text-decoration-style: solid;
|
||||||
|
text-decoration-thickness: .25rem;
|
||||||
|
text-decoration-color: var(--color-accent);
|
||||||
|
transition: text-decoration-thickness .5s;
|
||||||
|
margin: 0 .25rem;
|
||||||
|
border-radius: .1rem;
|
||||||
|
outline-offset: .1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover,
|
||||||
|
a:active {
|
||||||
|
text-decoration-thickness: .5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:focus-visible {
|
||||||
|
text-decoration: none;
|
||||||
|
outline: solid .25rem var(--color-accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
background-color: var(--color-alt);
|
||||||
|
color: var(--color-text);
|
||||||
|
padding: .5rem;
|
||||||
|
border-radius: 0 0 1rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
main > p {
|
||||||
|
margin-left: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 650px) {
|
||||||
|
main > p {
|
||||||
|
margin-left: 1.25rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
74
styles/nav.css
Normal file
74
styles/nav.css
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
/* top nav */
|
||||||
|
nav {
|
||||||
|
margin: 0 auto 1.5rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
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) {
|
||||||
|
nav a:hover {
|
||||||
|
outline: solid .25rem var(--color-accent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#current-page {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
header img {
|
||||||
|
max-height: 25vh;
|
||||||
|
max-width: 100%;
|
||||||
|
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%;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer p {
|
||||||
|
background-color: var(--color-text);
|
||||||
|
color: var(--color-bg);
|
||||||
|
text-align: center;
|
||||||
|
font-size: .9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer a {
|
||||||
|
color: var(--color-bg);
|
||||||
|
text-decoration-color: var(--color-accent-flipped);
|
||||||
|
}
|
||||||
|
|
||||||
|
footer a:focus-visible {
|
||||||
|
outline-color: var(--color-accent-flipped);
|
||||||
|
}
|
||||||
|
|
||||||
|
#contacts {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
align-content: center;
|
||||||
|
column-gap: 3rem;
|
||||||
|
margin: 1rem 0 0;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user
