add editorconfig and convert spaces to tabs
This commit is contained in:
9
.editorconfig
Normal file
9
.editorconfig
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
end_of_line = lf
|
||||||
|
insert_final_newline = true
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
charset = utf-8
|
||||||
|
indent_style = tab
|
||||||
|
indent_size = 2
|
||||||
9
README.md
Normal file
9
README.md
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
# README
|
||||||
|
|
||||||
|
Website for the Beall Greenhouses on Vashon Island, WA.
|
||||||
|
|
||||||
|
[beall-greenhouses-market.pages.dev](https://beall-greenhouses-market.pages.dev)
|
||||||
|
|
||||||
|
## Editing in VSCode
|
||||||
|
|
||||||
|
This project has an [`.editorconfig` file](.editorconfig). To utilize this in VSCode, install the ["Editorconfig" extension](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig).
|
||||||
@ -1,47 +1,47 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>About | the historic Beall Greenhouses</title>
|
<title>About | the historic 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="/about/" />
|
<link rel="canonical" href="/about/" />
|
||||||
<meta name="description" content="About | the historic Beall Greenhouses" />
|
<meta name="description" content="About | the historic Beall Greenhouses" />
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="robots" content="index,follow" />
|
||||||
<meta property="og:title" content="About | the historic Beall Greenhouses" />
|
<meta property="og:title" content="About | the historic Beall Greenhouses" />
|
||||||
<meta property="og:type" content="article" />
|
<meta property="og:type" content="article" />
|
||||||
<meta property="og:url" content="/about/" />
|
<meta property="og:url" content="/about/" />
|
||||||
<meta property="og:description" content="About | the historic Beall Greenhouses" />
|
<meta property="og:description" content="About | the historic Beall Greenhouses" />
|
||||||
<meta property="og:image" content="/assets/img/logo-light.png" />
|
<meta property="og:image" content="/assets/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 -->
|
<!-- JS -->
|
||||||
<script src="/assets/scripts/nav.js" defer></script>
|
<script src="/assets/scripts/nav.js" defer></script>
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link rel="stylesheet" href="/assets/styles/main.css">
|
<link rel="stylesheet" href="/assets/styles/main.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/nav.css">
|
<link rel="stylesheet" href="/assets/styles/nav.css">
|
||||||
|
|
||||||
<!-- Font -->
|
<!-- Font -->
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<header><!-- auto-populated by nav.js --></header>
|
<header><!-- auto-populated by nav.js --></header>
|
||||||
|
|
||||||
<main id="main">
|
<main id="main">
|
||||||
<h1>About the Beall Greenhouses</h1>
|
<h1>About the Beall Greenhouses</h1>
|
||||||
|
|
||||||
<div class="no-header">
|
<div class="no-header">
|
||||||
<p><a href="https://www.historylink.org/File/2346" target="_blank">
|
<p><a href="https://www.historylink.org/File/2346" target="_blank">
|
||||||
Read about the Beall Greenhouses on HistoryLink.org
|
Read about the Beall Greenhouses on HistoryLink.org
|
||||||
</a></p>
|
</a></p>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,63 +1,63 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>Jennifer Hawke | artists at the historic Beall Greenhouses</title>
|
<title>Jennifer Hawke | artists at the historic 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="/artists/hawke/" />
|
<link rel="canonical" href="/artists/hawke/" />
|
||||||
<meta name="description" content="Jennifer Hawke | artists at the historic Beall Greenhouses" />
|
<meta name="description" content="Jennifer Hawke | artists at the historic Beall Greenhouses" />
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="robots" content="index,follow" />
|
||||||
<meta property="og:title" content="Jennifer Hawke | artists at the historic Beall Greenhouses" />
|
<meta property="og:title" content="Jennifer Hawke | artists at the historic Beall Greenhouses" />
|
||||||
<meta property="og:type" content="article" />
|
<meta property="og:type" content="article" />
|
||||||
<meta property="og:url" content="/artists/hawke/" />
|
<meta property="og:url" content="/artists/hawke/" />
|
||||||
<meta property="og:description" content="Jennifer Hawke | artists at the historic Beall Greenhouses" />
|
<meta property="og:description" content="Jennifer Hawke | artists at the historic Beall Greenhouses" />
|
||||||
<meta property="og:image" content="/assets/img/logo-light.png" />
|
<meta property="og:image" content="/assets/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 -->
|
<!-- JS -->
|
||||||
<script src="/assets/scripts/nav.js" defer></script>
|
<script src="/assets/scripts/nav.js" defer></script>
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link rel="stylesheet" href="/assets/styles/main.css">
|
<link rel="stylesheet" href="/assets/styles/main.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/nav.css">
|
<link rel="stylesheet" href="/assets/styles/nav.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/artist-resident.css">
|
<link rel="stylesheet" href="/assets/styles/artist-resident.css">
|
||||||
|
|
||||||
<!-- Font -->
|
<!-- Font -->
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<header><!-- auto-populated by nav.js --></header>
|
<header><!-- auto-populated by nav.js --></header>
|
||||||
|
|
||||||
<main id="main">
|
<main id="main">
|
||||||
<div class="resident">
|
<div class="resident">
|
||||||
<h1>Jennifer Hawke</h1>
|
<h1>Jennifer Hawke</h1>
|
||||||
<img src="/assets/img/artists/hawke.jpg" alt="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.">
|
<img src="/assets/img/artists/hawke.jpg" alt="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 id="bio">
|
<div id="bio">
|
||||||
<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>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>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="contact">
|
<div class="contact">
|
||||||
<h2>Get in touch...</h2>
|
<h2>Get in touch...</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="https://www.instagram.com/jenniferhawkestudio">@jenniferhawkestudio</a> and <a href="https://www.instagram.com/montana_hawke">@montana_hawke</a> on instagram
|
<a href="https://www.instagram.com/jenniferhawkestudio">@jenniferhawkestudio</a> and <a href="https://www.instagram.com/montana_hawke">@montana_hawke</a> on instagram
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="https://www.facebook.com/pugetsoundgypsy">Jennifer Hawke on facebook</a>
|
<a href="https://www.facebook.com/pugetsoundgypsy">Jennifer Hawke on facebook</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="mailto:montanahawke@gmail.com?subject=Beall%20Greenhouses">email Jennifer Hawke</a>
|
<a href="mailto:montanahawke@gmail.com?subject=Beall%20Greenhouses">email Jennifer Hawke</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,51 +1,51 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>Artists directory | the historic Beall Greenhouses</title>
|
<title>Artists directory | the historic 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="/artists/" />
|
<link rel="canonical" href="/artists/" />
|
||||||
<meta name="description" content="Artists directory | the historic Beall Greenhouses" />
|
<meta name="description" content="Artists directory | the historic Beall Greenhouses" />
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="robots" content="index,follow" />
|
||||||
<meta property="og:title" content="Artists directory | the historic Beall Greenhouses" />
|
<meta property="og:title" content="Artists directory | the historic Beall Greenhouses" />
|
||||||
<meta property="og:type" content="article" />
|
<meta property="og:type" content="article" />
|
||||||
<meta property="og:url" content="/artists/" />
|
<meta property="og:url" content="/artists/" />
|
||||||
<meta property="og:description" content="Artists directory | the historic Beall Greenhouses" />
|
<meta property="og:description" content="Artists directory | the historic Beall Greenhouses" />
|
||||||
<meta property="og:image" content="/assets/img/logo-light.png" />
|
<meta property="og:image" content="/assets/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 -->
|
<!-- JS -->
|
||||||
<script src="/assets/scripts/nav.js" defer></script>
|
<script src="/assets/scripts/nav.js" defer></script>
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link rel="stylesheet" href="/assets/styles/main.css">
|
<link rel="stylesheet" href="/assets/styles/main.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/nav.css">
|
<link rel="stylesheet" href="/assets/styles/nav.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/directory.css">
|
<link rel="stylesheet" href="/assets/styles/directory.css">
|
||||||
|
|
||||||
<!-- Font -->
|
<!-- Font -->
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<header><!-- auto-populated by nav.js --></header>
|
<header><!-- auto-populated by nav.js --></header>
|
||||||
<main id="main">
|
<main id="main">
|
||||||
<h1>Artists in residence at the Beall Greenhouses</h1>
|
<h1>Artists in residence at the Beall Greenhouses</h1>
|
||||||
|
|
||||||
<ul id="directory">
|
<ul id="directory">
|
||||||
<li>
|
<li>
|
||||||
<a href="/artists/hawke">
|
<a href="/artists/hawke">
|
||||||
<h2>Jennifer Hawke</h2>
|
<h2>Jennifer Hawke</h2>
|
||||||
<img src="/assets/img/artists/hawke.jpg" alt="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." />
|
<img src="/assets/img/artists/hawke.jpg" alt="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." />
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,86 +1,86 @@
|
|||||||
const makeArtistImg = function(artistImg) {
|
const makeArtistImg = function(artistImg) {
|
||||||
let imgDiv = document.createElement("div");
|
let imgDiv = document.createElement("div");
|
||||||
imgDiv.classList.add("fit-contain");
|
imgDiv.classList.add("fit-contain");
|
||||||
|
|
||||||
let img = document.createElement("img");
|
let img = document.createElement("img");
|
||||||
img.src = artistImg.src;
|
img.src = artistImg.src;
|
||||||
|
|
||||||
/* handle single-line or multi-line alts */
|
/* handle single-line or multi-line alts */
|
||||||
if (typeof artistImg.alt === "string") img.alt = artistImg.alt;
|
if (typeof artistImg.alt === "string") img.alt = artistImg.alt;
|
||||||
else {
|
else {
|
||||||
let fullAlt = `a ${artistImg.alt.length} image collage.`
|
let fullAlt = `a ${artistImg.alt.length} image collage.`
|
||||||
for (let i = 0; i < artistImg.alt.length; i++)
|
for (let i = 0; i < artistImg.alt.length; i++)
|
||||||
fullAlt += ` ${i}: ${artistImg.alt[i]}`
|
fullAlt += ` ${i}: ${artistImg.alt[i]}`
|
||||||
img.alt = fullAlt;
|
img.alt = fullAlt;
|
||||||
}
|
}
|
||||||
|
|
||||||
imgDiv.append(img);
|
imgDiv.append(img);
|
||||||
return imgDiv;
|
return imgDiv;
|
||||||
}
|
}
|
||||||
|
|
||||||
const makeArtistDesc = function(bio, contact) {
|
const makeArtistDesc = function(bio, contact) {
|
||||||
let descDiv = document.createElement("div");
|
let descDiv = document.createElement("div");
|
||||||
descDiv.classList.add("description");
|
descDiv.classList.add("description");
|
||||||
|
|
||||||
/* multi-line bio array */
|
/* multi-line bio array */
|
||||||
for (const bioLine of bio) {
|
for (const bioLine of bio) {
|
||||||
let p = document.createElement("p");
|
let p = document.createElement("p");
|
||||||
p.innerHTML = bioLine;
|
p.innerHTML = bioLine;
|
||||||
descDiv.append(p);
|
descDiv.append(p);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* artist contact info */
|
/* artist contact info */
|
||||||
let contacts = document.createElement("p");
|
let contacts = document.createElement("p");
|
||||||
for (let i = 0; i < contact.length; i++) {
|
for (let i = 0; i < contact.length; i++) {
|
||||||
let a = document.createElement("a");
|
let a = document.createElement("a");
|
||||||
a.href = contact[i].href;
|
a.href = contact[i].href;
|
||||||
a.innerHTML = contact[i].title;
|
a.innerHTML = contact[i].title;
|
||||||
a.target = "_blank";
|
a.target = "_blank";
|
||||||
contacts.append(a);
|
contacts.append(a);
|
||||||
|
|
||||||
if (i !== contact.length - 1) contacts.append(" ● ");
|
if (i !== contact.length - 1) contacts.append(" ● ");
|
||||||
}
|
}
|
||||||
descDiv.append(contacts);
|
descDiv.append(contacts);
|
||||||
|
|
||||||
return descDiv;
|
return descDiv;
|
||||||
}
|
}
|
||||||
|
|
||||||
const makeArtist = function(artist) {
|
const makeArtist = function(artist) {
|
||||||
let container = document.createElement("div");
|
let container = document.createElement("div");
|
||||||
container.classList.add("artist");
|
container.classList.add("artist");
|
||||||
container.id = artist.id;
|
container.id = artist.id;
|
||||||
|
|
||||||
/* artist img */
|
/* artist img */
|
||||||
container.append(makeArtistImg(artist.img));
|
container.append(makeArtistImg(artist.img));
|
||||||
|
|
||||||
/* artist name */
|
/* artist name */
|
||||||
let h3 = document.createElement("h3");
|
let h3 = document.createElement("h3");
|
||||||
h3.innerHTML = artist.name;
|
h3.innerHTML = artist.name;
|
||||||
container.append(h3);
|
container.append(h3);
|
||||||
|
|
||||||
/* artist description */
|
/* artist description */
|
||||||
container.append(makeArtistDesc(artist.bio, artist.contact));
|
container.append(makeArtistDesc(artist.bio, artist.contact));
|
||||||
return container;
|
return container;
|
||||||
}
|
}
|
||||||
|
|
||||||
let artistContainer = document.getElementById("artists");
|
let artistContainer = document.getElementById("artists");
|
||||||
|
|
||||||
const makeArtistPage = function(artists) {
|
const makeArtistPage = function(artists) {
|
||||||
for (const artist of artists)
|
for (const artist of artists)
|
||||||
artistContainer.append(makeArtist(artist));
|
artistContainer.append(makeArtist(artist));
|
||||||
}
|
}
|
||||||
|
|
||||||
let script = document.currentScript;
|
let script = document.currentScript;
|
||||||
let artistsfile = script.dataset.artists;
|
let artistsfile = script.dataset.artists;
|
||||||
|
|
||||||
fetch(artistsfile)
|
fetch(artistsfile)
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
if (!response.ok) {
|
if (!response.ok) {
|
||||||
throw new Error(`HTTP error, status = ${response.status}`);
|
throw new Error(`HTTP error, status = ${response.status}`);
|
||||||
}
|
}
|
||||||
return response.json();
|
return response.json();
|
||||||
})
|
})
|
||||||
.then((artists) => makeArtistPage(artists))
|
.then((artists) => makeArtistPage(artists))
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
console.log(`Error: ${error.message}`);
|
console.log(`Error: ${error.message}`);
|
||||||
});
|
});
|
||||||
|
|||||||
@ -1,76 +1,76 @@
|
|||||||
/* Top nav */
|
/* Top nav */
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{
|
{
|
||||||
href: "/about/",
|
href: "/about/",
|
||||||
title: "ⓘ about",
|
title: "ⓘ about",
|
||||||
tooltip: "about the Beall Greenhouses"
|
tooltip: "about the Beall Greenhouses"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
href: "/events/",
|
href: "/events/",
|
||||||
title: "🗓 events",
|
title: "🗓 events",
|
||||||
tooltip: "events at the Beall Greenhouses"
|
tooltip: "events at the Beall Greenhouses"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
href: "/artists/",
|
href: "/artists/",
|
||||||
title: "🖌 artists",
|
title: "🖌 artists",
|
||||||
tooltip: "artists in residence at the Beall Greenhouses"
|
tooltip: "artists in residence at the Beall Greenhouses"
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
const createMenuLink = function(title, href, tooltip) {
|
const createMenuLink = function(title, href, tooltip) {
|
||||||
let path = window.location.pathname;
|
let path = window.location.pathname;
|
||||||
|
|
||||||
let a = document.createElement("a");
|
let a = document.createElement("a");
|
||||||
a.href = href;
|
a.href = href;
|
||||||
a.innerHTML = title;
|
a.innerHTML = title;
|
||||||
a.title = tooltip;
|
a.title = tooltip;
|
||||||
a.ariaLabel = tooltip;
|
a.ariaLabel = tooltip;
|
||||||
if (href === "#main") a.id = "skip";
|
if (href === "#main") a.id = "skip";
|
||||||
else if (href === path) a.id = "current-page";
|
else if (href === path) a.id = "current-page";
|
||||||
|
|
||||||
return a;
|
return a;
|
||||||
}
|
}
|
||||||
|
|
||||||
const createHomeLink = function() {
|
const createHomeLink = function() {
|
||||||
let path = window.location.pathname;
|
let path = window.location.pathname;
|
||||||
|
|
||||||
let a = document.createElement("a");
|
let a = document.createElement("a");
|
||||||
a.href = "/";
|
a.href = "/";
|
||||||
a.ariaLabel = "Beall Greenhouses home";
|
a.ariaLabel = "Beall Greenhouses home";
|
||||||
if (path === "/") {
|
if (path === "/") {
|
||||||
a.id = "current-page";
|
a.id = "current-page";
|
||||||
a.title = "Beall Greenhouses home";
|
a.title = "Beall Greenhouses home";
|
||||||
} else {
|
} else {
|
||||||
a.title = "↩ Beall Greenhouses home"
|
a.title = "↩ Beall Greenhouses home"
|
||||||
}
|
}
|
||||||
|
|
||||||
let logo = document.createElement("img");
|
let logo = document.createElement("img");
|
||||||
logo.src = "/assets/img/logo.jpg";
|
logo.src = "/assets/img/logo.jpg";
|
||||||
logo.alt = "block print in black and orange of a rufous hummingbird in flight with tail flared. the hummingbird holds a banner that reads 'become ungovernable.'"
|
logo.alt = "block print in black and orange of a rufous hummingbird in flight with tail flared. the hummingbird holds a banner that reads 'become ungovernable.'"
|
||||||
|
|
||||||
a.append(logo);
|
a.append(logo);
|
||||||
|
|
||||||
return a;
|
return a;
|
||||||
}
|
}
|
||||||
|
|
||||||
const createNav = function() {
|
const createNav = function() {
|
||||||
let nav = document.createElement("nav");
|
let nav = document.createElement("nav");
|
||||||
nav.title = "background image shows the peak of a dilapidated greenhouse in black and white";
|
nav.title = "background image shows the peak of a dilapidated greenhouse in black and white";
|
||||||
|
|
||||||
nav.append(createMenuLink("skip ↷", "#main", "skip to main content"));
|
nav.append(createMenuLink("skip ↷", "#main", "skip to main content"));
|
||||||
nav.append(createHomeLink());
|
nav.append(createHomeLink());
|
||||||
|
|
||||||
let ul = document.createElement("ul");
|
let ul = document.createElement("ul");
|
||||||
|
|
||||||
for (const item of navItems) {
|
for (const item of navItems) {
|
||||||
let li = document.createElement("li");
|
let li = document.createElement("li");
|
||||||
li.append(createMenuLink(item.title, item.href, item.tooltip));
|
li.append(createMenuLink(item.title, item.href, item.tooltip));
|
||||||
ul.append(li);
|
ul.append(li);
|
||||||
}
|
}
|
||||||
|
|
||||||
nav.append(ul);
|
nav.append(ul);
|
||||||
|
|
||||||
return nav;
|
return nav;
|
||||||
}
|
}
|
||||||
|
|
||||||
let header = document.querySelector("header");
|
let header = document.querySelector("header");
|
||||||
@ -78,15 +78,15 @@ header.append(createNav());
|
|||||||
|
|
||||||
/* Footer */
|
/* Footer */
|
||||||
const footerHTML = `
|
const footerHTML = `
|
||||||
<p>questions?
|
<p>questions?
|
||||||
<a href="mailto:beall.greenhouses@gmail.com">email us!</a>
|
<a href="mailto:beall.greenhouses@gmail.com">email us!</a>
|
||||||
</p>
|
</p>
|
||||||
<p>brought to you in 2026</p>
|
<p>brought to you in 2026</p>
|
||||||
`
|
`
|
||||||
|
|
||||||
const populateFooter = function() {
|
const populateFooter = function() {
|
||||||
let footer = document.getElementById("footer");
|
let footer = document.getElementById("footer");
|
||||||
footer.innerHTML = footerHTML;
|
footer.innerHTML = footerHTML;
|
||||||
}
|
}
|
||||||
|
|
||||||
populateFooter();
|
populateFooter();
|
||||||
|
|||||||
@ -1,99 +1,99 @@
|
|||||||
.artist {
|
.artist {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 2rem 0;
|
margin: 2rem 0;
|
||||||
display: grid;
|
display: grid;
|
||||||
scroll-margin-top: 1rem;
|
scroll-margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.artist:nth-child(odd) {
|
.artist:nth-child(odd) {
|
||||||
grid-template:
|
grid-template:
|
||||||
'imgs h3'
|
'imgs h3'
|
||||||
'imgs desc'
|
'imgs desc'
|
||||||
'imgs .';
|
'imgs .';
|
||||||
grid-template-columns: 45% auto;
|
grid-template-columns: 45% auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.artist:nth-child(even) {
|
.artist:nth-child(even) {
|
||||||
grid-template:
|
grid-template:
|
||||||
'h3 imgs'
|
'h3 imgs'
|
||||||
'desc imgs'
|
'desc imgs'
|
||||||
'. imgs';
|
'. imgs';
|
||||||
grid-template-columns: auto 45%;
|
grid-template-columns: auto 45%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1050px) {
|
@media (max-width: 1050px) {
|
||||||
.artist:nth-child(n) {
|
.artist:nth-child(n) {
|
||||||
grid-template:
|
grid-template:
|
||||||
'imgs'
|
'imgs'
|
||||||
'h3'
|
'h3'
|
||||||
'desc';
|
'desc';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.fit-contain {
|
.fit-contain {
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
grid-area: imgs;
|
grid-area: imgs;
|
||||||
}
|
}
|
||||||
|
|
||||||
.artist img {
|
.artist img {
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1050px) {
|
@media (max-width: 1050px) {
|
||||||
.artist img {
|
.artist img {
|
||||||
border-radius: 1rem 1rem 0 0;
|
border-radius: 1rem 1rem 0 0;
|
||||||
border-bottom: .25rem solid var(--color-accent);
|
border-bottom: .25rem solid var(--color-accent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.artist h3 {
|
.artist h3 {
|
||||||
grid-area: h3;
|
grid-area: h3;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.artist:nth-child(odd) h3 {
|
.artist:nth-child(odd) h3 {
|
||||||
padding-left: .5rem;
|
padding-left: .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.artist:nth-child(even) h3 {
|
.artist:nth-child(even) h3 {
|
||||||
padding-right: .5rem;
|
padding-right: .5rem;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1050px) {
|
@media (max-width: 1050px) {
|
||||||
.artist:nth-child(n) h3 {
|
.artist:nth-child(n) h3 {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
grid-area: desc;
|
grid-area: desc;
|
||||||
background-color: var(--color-bg-alt);
|
background-color: var(--color-bg-alt);
|
||||||
border-radius: 0 0 1rem 1rem;
|
border-radius: 0 0 1rem 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.artist:nth-child(odd) .description {
|
.artist:nth-child(odd) .description {
|
||||||
margin-left: 1.75rem;
|
margin-left: 1.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.artist:nth-child(even) .description {
|
.artist:nth-child(even) .description {
|
||||||
margin-right: 1.75rem;
|
margin-right: 1.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 750px) {
|
@media (max-width: 750px) {
|
||||||
.artist:nth-child(odd) .description {
|
.artist:nth-child(odd) .description {
|
||||||
margin-left: .875rem;
|
margin-left: .875rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.artist:nth-child(even) .description {
|
.artist:nth-child(even) .description {
|
||||||
margin-right: .875rem;
|
margin-right: .875rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.description p:last-child {
|
.description p:last-child {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,61 +1,61 @@
|
|||||||
.resident {
|
.resident {
|
||||||
margin: 2rem auto;
|
margin: 2rem auto;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template:
|
grid-template:
|
||||||
'img h1'
|
'img h1'
|
||||||
'img desc'
|
'img desc'
|
||||||
'img .';
|
'img .';
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1050px) {
|
@media (max-width: 1050px) {
|
||||||
.resident {
|
.resident {
|
||||||
grid-template:
|
grid-template:
|
||||||
'img'
|
'img'
|
||||||
'h1'
|
'h1'
|
||||||
'desc';
|
'desc';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.resident h1 {
|
.resident h1 {
|
||||||
grid-area: h1;
|
grid-area: h1;
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border-bottom: .25rem solid var(--color-accent);
|
border-bottom: .25rem solid var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.resident img {
|
.resident img {
|
||||||
grid-area: img;
|
grid-area: img;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.resident #bio {
|
.resident #bio {
|
||||||
grid-area: desc;
|
grid-area: desc;
|
||||||
margin-left: 1.75rem;
|
margin-left: 1.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1050px) {
|
@media (max-width: 1050px) {
|
||||||
.resident img {
|
.resident img {
|
||||||
border-radius: 1rem 1rem 0 0;
|
border-radius: 1rem 1rem 0 0;
|
||||||
border-bottom: .25rem solid var(--color-accent);
|
border-bottom: .25rem solid var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.resident #bio {
|
.resident #bio {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.resident #bio,
|
.resident #bio,
|
||||||
.contact ul {
|
.contact ul {
|
||||||
background-color: var(--color-bg-alt);
|
background-color: var(--color-bg-alt);
|
||||||
border-radius: 0 0 1rem 1rem;
|
border-radius: 0 0 1rem 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact {
|
.contact {
|
||||||
margin-top: 4rem;
|
margin-top: 4rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact li {
|
.contact li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,61 +1,61 @@
|
|||||||
#directory {
|
#directory {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
gap: 3rem;
|
gap: 3rem;
|
||||||
margin: 0 .5rem;
|
margin: 0 .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1050px) {
|
@media (max-width: 1050px) {
|
||||||
#directory {
|
#directory {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul#directory,
|
ul#directory,
|
||||||
ol#directory {
|
ol#directory {
|
||||||
background-color: var(--color-bg);
|
background-color: var(--color-bg);
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#directory li {
|
#directory li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
border: solid .25rem var(--color-accent);
|
border: solid .25rem var(--color-accent);
|
||||||
border-radius: .75rem;
|
border-radius: .75rem;
|
||||||
outline-offset: .25rem;
|
outline-offset: .25rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (any-hover: hover) {
|
@media (any-hover: hover) {
|
||||||
#directory li:hover {
|
#directory li:hover {
|
||||||
background-color: var(--color-text);
|
background-color: var(--color-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
#directory li:hover h2 {
|
#directory li:hover h2 {
|
||||||
color: var(--color-bg);
|
color: var(--color-bg);
|
||||||
border-color: var(--color-accent-flipped);
|
border-color: var(--color-accent-flipped);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#directory li:focus-within {
|
#directory li:focus-within {
|
||||||
outline: solid .25rem var(--color-accent);
|
outline: solid .25rem var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
#directory a {
|
#directory a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#directory a:focus-visible {
|
#directory a:focus-visible {
|
||||||
outline: none; /* outline handled by li:focus-within */
|
outline: none; /* outline handled by li:focus-within */
|
||||||
}
|
}
|
||||||
|
|
||||||
#directory h2 {
|
#directory h2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#directory img {
|
#directory img {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border-radius: 0 0 .5rem .5rem;
|
border-radius: 0 0 .5rem .5rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,177 +1,177 @@
|
|||||||
:root {
|
:root {
|
||||||
color-scheme: light dark;
|
color-scheme: light dark;
|
||||||
|
|
||||||
--color-concrete: #e5e0c7;
|
--color-concrete: #e5e0c7;
|
||||||
--color-concrete-alt: #d1cbab;
|
--color-concrete-alt: #d1cbab;
|
||||||
--color-green: #142b15;
|
--color-green: #142b15;
|
||||||
--color-green-alt: #1a3b1b;
|
--color-green-alt: #1a3b1b;
|
||||||
--color-teal-light: #4ba19e;
|
--color-teal-light: #4ba19e;
|
||||||
--color-teal-dark: #0c6a74;
|
--color-teal-dark: #0c6a74;
|
||||||
|
|
||||||
--color-bg: light-dark(var(--color-concrete), var(--color-green));
|
--color-bg: light-dark(var(--color-concrete), var(--color-green));
|
||||||
--color-text: light-dark(var(--color-green), var(--color-concrete));
|
--color-text: light-dark(var(--color-green), var(--color-concrete));
|
||||||
--color-bg-alt: light-dark(var(--color-concrete-alt), var(--color-green-alt));
|
--color-bg-alt: light-dark(var(--color-concrete-alt), var(--color-green-alt));
|
||||||
--color-text-alt: light-dark(var(--color-green-alt), var(--color-concrete-alt));
|
--color-text-alt: light-dark(var(--color-green-alt), var(--color-concrete-alt));
|
||||||
--color-accent: light-dark(var(--color-teal-dark), var(--color-teal-light));
|
--color-accent: light-dark(var(--color-teal-dark), var(--color-teal-light));
|
||||||
--color-accent-flipped: light-dark(var(--color-teal-light), var(--color-teal-dark));
|
--color-accent-flipped: light-dark(var(--color-teal-light), var(--color-teal-dark));
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: var(--color-text);
|
background-color: var(--color-text);
|
||||||
color: var(--color-bg);
|
color: var(--color-bg);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content {
|
#content {
|
||||||
background-color: var(--color-bg);
|
background-color: var(--color-bg);
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
border-radius: 0 0 2rem 2rem;
|
border-radius: 0 0 2rem 2rem;
|
||||||
padding: 1rem 0 2rem;
|
padding: 1rem 0 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
.dark-mode {
|
.dark-mode {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
.light-mode {
|
.light-mode {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
header,
|
header,
|
||||||
main {
|
main {
|
||||||
width: 65%;
|
width: 65%;
|
||||||
margin: 0 auto 1rem;
|
margin: 0 auto 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 750px) {
|
@media (max-width: 750px) {
|
||||||
header,
|
header,
|
||||||
main {
|
main {
|
||||||
width: 92%;
|
width: 92%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 2000px) {
|
@media (min-width: 2000px) {
|
||||||
header,
|
header,
|
||||||
main {
|
main {
|
||||||
width: 45%;
|
width: 45%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
color: var(--color-text-alt);
|
color: var(--color-text-alt);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
h2 {
|
h2 {
|
||||||
font-family: 'Bellota', sans-serif;
|
font-family: 'Bellota', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 2rem 0;
|
margin: 2rem 0;
|
||||||
font-size: 2.2rem;
|
font-size: 2.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
margin: 2rem 0 0;
|
margin: 2rem 0 0;
|
||||||
font-size: 1.65rem;
|
font-size: 1.65rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2,
|
h2,
|
||||||
h3 {
|
h3 {
|
||||||
border-bottom: .25rem solid var(--color-accent);
|
border-bottom: .25rem solid var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
text-decoration-style: solid;
|
text-decoration-style: solid;
|
||||||
text-decoration-thickness: .25rem;
|
text-decoration-thickness: .25rem;
|
||||||
text-decoration-color: var(--color-accent);
|
text-decoration-color: var(--color-accent);
|
||||||
transition: text-decoration-thickness .5s;
|
transition: text-decoration-thickness .5s;
|
||||||
margin: 0 .25rem;
|
margin: 0 .25rem;
|
||||||
border-radius: .1rem;
|
border-radius: .1rem;
|
||||||
outline-offset: .1rem;
|
outline-offset: .1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover,
|
a:hover,
|
||||||
a:active {
|
a:active {
|
||||||
text-decoration-thickness: .5rem;
|
text-decoration-thickness: .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:focus-visible {
|
a:focus-visible {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
outline: solid .25rem var(--color-accent);
|
outline: solid .25rem var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
main p,
|
main p,
|
||||||
main ul {
|
main ul {
|
||||||
padding: .8rem;
|
padding: .8rem;
|
||||||
line-height: 1.5rem;
|
line-height: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
main li {
|
main li {
|
||||||
margin-left: 1rem;
|
margin-left: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
main li:not(:last-child) {
|
main li:not(:last-child) {
|
||||||
padding: 0 0 .5rem;
|
padding: 0 0 .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* styles for sets of <p>s under an h2/3/etc vs alone */
|
/* styles for sets of <p>s under an h2/3/etc vs alone */
|
||||||
.under-header,
|
.under-header,
|
||||||
.no-header {
|
.no-header {
|
||||||
background-color: var(--color-bg-alt);
|
background-color: var(--color-bg-alt);
|
||||||
}
|
}
|
||||||
|
|
||||||
.under-header {
|
.under-header {
|
||||||
border-radius: 0 0 1rem 1rem;
|
border-radius: 0 0 1rem 1rem;
|
||||||
margin-left: 2.5rem;
|
margin-left: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 750px) {
|
@media (max-width: 750px) {
|
||||||
.under-header {
|
.under-header {
|
||||||
margin-left: 1.25rem;
|
margin-left: 1.25rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-header {
|
.no-header {
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.two-col {
|
.two-col {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.two-col > * {
|
.two-col > * {
|
||||||
place-self: start center;
|
place-self: start center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 750px) {
|
@media (max-width: 750px) {
|
||||||
.two-col {
|
.two-col {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,43 +1,43 @@
|
|||||||
/* top nav */
|
/* top nav */
|
||||||
nav {
|
nav {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 auto 1.5rem;
|
margin: 0 auto 1.5rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
background-image: url("/assets/img/greenhouse.jpg");
|
background-image: url("/assets/img/greenhouse.jpg");
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
border-radius: 2rem .25rem .25rem 2rem;
|
border-radius: 2rem .25rem .25rem 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a {
|
nav a {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a:not(:has(img)) {
|
nav a:not(:has(img)) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
padding: 0 .25rem;
|
padding: 0 .25rem;
|
||||||
border: solid .125rem var(--color-accent);
|
border: solid .125rem var(--color-accent);
|
||||||
border-radius: .25rem;
|
border-radius: .25rem;
|
||||||
background-color: var(--color-bg);
|
background-color: var(--color-bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (any-hover: hover) {
|
@media (any-hover: hover) {
|
||||||
nav a:not(:has(img)):hover {
|
nav a:not(:has(img)):hover {
|
||||||
color: var(--color-bg);
|
color: var(--color-bg);
|
||||||
background-color: var(--color-text-alt);
|
background-color: var(--color-text-alt);
|
||||||
border-color: var(--color-accent-flipped);
|
border-color: var(--color-accent-flipped);
|
||||||
outline: .125rem solid var(--color-accent);
|
outline: .125rem solid var(--color-accent);
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a:not(:has(img)):focus-visible {
|
nav a:not(:has(img)):focus-visible {
|
||||||
outline: solid .125rem var(--color-accent);
|
outline: solid .125rem var(--color-accent);
|
||||||
outline-offset: .125rem;
|
outline-offset: .125rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#skip {
|
#skip {
|
||||||
@ -59,69 +59,69 @@ nav a:not(:has(img)):focus-visible {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 750px) {
|
@media (max-width: 750px) {
|
||||||
#skip:focus-visible {
|
#skip:focus-visible {
|
||||||
left: 5rem;
|
left: 5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
nav img {
|
nav img {
|
||||||
max-height: 6.75rem;
|
max-height: 6.75rem;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
border-radius: 2rem;
|
border-radius: 2rem;
|
||||||
border: .2rem solid var(--color-accent);
|
border: .2rem solid var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (any-hover: hover) {
|
@media (any-hover: hover) {
|
||||||
nav img:hover {
|
nav img:hover {
|
||||||
border-color: var(--color-accent-flipped);
|
border-color: var(--color-accent-flipped);
|
||||||
outline-offset: 0;
|
outline-offset: 0;
|
||||||
outline: .2rem solid var(--color-accent);
|
outline: .2rem solid var(--color-accent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a:has(img):focus {
|
nav a:has(img):focus {
|
||||||
border-radius: 2rem;
|
border-radius: 2rem;
|
||||||
outline-offset: .2rem;
|
outline-offset: .2rem;
|
||||||
outline: .2rem solid var(--color-accent);
|
outline: .2rem solid var(--color-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a:has(img):focus img {
|
nav a:has(img):focus img {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav ul {
|
nav ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
gap: .6rem;
|
gap: .6rem;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
flex-flow: column nowrap;
|
flex-flow: column nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav li {
|
nav li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* footer */
|
/* footer */
|
||||||
footer {
|
footer {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 1rem 0;
|
padding: 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer p {
|
footer p {
|
||||||
background-color: var(--color-text);
|
background-color: var(--color-text);
|
||||||
color: var(--color-bg);
|
color: var(--color-bg);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: .9rem;
|
font-size: .9rem;
|
||||||
padding: .25rem;
|
padding: .25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer a {
|
footer a {
|
||||||
color: var(--color-bg);
|
color: var(--color-bg);
|
||||||
text-decoration-color: var(--color-accent-flipped);
|
text-decoration-color: var(--color-accent-flipped);
|
||||||
}
|
}
|
||||||
|
|
||||||
footer a:focus-visible {
|
footer a:focus-visible {
|
||||||
outline-color: var(--color-accent-flipped);
|
outline-color: var(--color-accent-flipped);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,146 +1,146 @@
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
"id": "brooke",
|
"id": "brooke",
|
||||||
"img": {
|
"img": {
|
||||||
"src": "/assets/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."
|
"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",
|
"name": "Brooke Osment",
|
||||||
"bio": [
|
"bio": [
|
||||||
"found art jackets, stitchwork, visible mending"
|
"found art jackets, stitchwork, visible mending"
|
||||||
],
|
],
|
||||||
"contact": [
|
"contact": [
|
||||||
{
|
{
|
||||||
"href": "mailto:bsosment@gmail.com?subject=Beall%20Greenhouses%20Market%20Solstice%202025",
|
"href": "mailto:bsosment@gmail.com?subject=Beall%20Greenhouses%20Market%20Solstice%202025",
|
||||||
"title": "email Brooke"
|
"title": "email Brooke"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "rachel",
|
"id": "rachel",
|
||||||
"img": {
|
"img": {
|
||||||
"src": "/assets/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."
|
"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",
|
"name": "Rachel Guinevere LordKenaga",
|
||||||
"bio": [
|
"bio": [
|
||||||
"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."
|
"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."
|
||||||
],
|
],
|
||||||
"contact": [
|
"contact": [
|
||||||
{
|
{
|
||||||
"href": "https://www.instagram.com/rglkart/",
|
"href": "https://www.instagram.com/rglkart/",
|
||||||
"title": "@rglkart on instagram"
|
"title": "@rglkart on instagram"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"href": "https://www.rglkart.com/",
|
"href": "https://www.rglkart.com/",
|
||||||
"title": "rglkart.com"
|
"title": "rglkart.com"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "mags",
|
"id": "mags",
|
||||||
"img": {
|
"img": {
|
||||||
"src": "/assets/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."
|
"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",
|
"name": "Mags (Mary) McGinnis",
|
||||||
"bio": [
|
"bio": [
|
||||||
"Eclectic creator working with natural materials and found objects."
|
"Eclectic creator working with natural materials and found objects."
|
||||||
],
|
],
|
||||||
"contact": [
|
"contact": [
|
||||||
{
|
{
|
||||||
"href": "https://www.instagram.com/worldsinsideworlds/",
|
"href": "https://www.instagram.com/worldsinsideworlds/",
|
||||||
"title": "@worldsinsideworlds on instagram"
|
"title": "@worldsinsideworlds on instagram"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "hawke",
|
"id": "hawke",
|
||||||
"img": {
|
"img": {
|
||||||
"src": "/assets/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."
|
"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",
|
"name": "Jennifer Hawke",
|
||||||
"bio": [
|
"bio": [
|
||||||
"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."
|
"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."
|
||||||
],
|
],
|
||||||
"contact": [
|
"contact": [
|
||||||
{
|
{
|
||||||
"href": "https://www.instagram.com/jenniferhawkestudio",
|
"href": "https://www.instagram.com/jenniferhawkestudio",
|
||||||
"title": "@jenniferhawkestudio on instagram"
|
"title": "@jenniferhawkestudio on instagram"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "hope",
|
"id": "hope",
|
||||||
"img": {
|
"img": {
|
||||||
"src": "/assets/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."
|
"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",
|
"name": "Hope Black",
|
||||||
"bio": [
|
"bio": [
|
||||||
"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."
|
"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."
|
||||||
],
|
],
|
||||||
"contact": [
|
"contact": [
|
||||||
{
|
{
|
||||||
"href": "https://hopeblack.photo",
|
"href": "https://hopeblack.photo",
|
||||||
"title": "hopeblack.photo"
|
"title": "hopeblack.photo"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "lee",
|
"id": "lee",
|
||||||
"img": {
|
"img": {
|
||||||
"src": "/assets/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."
|
"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",
|
"name": "Lee Cattarin",
|
||||||
"bio": [
|
"bio": [
|
||||||
"multidisciplinary artist and birder"
|
"multidisciplinary artist and birder"
|
||||||
],
|
],
|
||||||
"contact": [
|
"contact": [
|
||||||
{
|
{
|
||||||
"href": "https://leecat.art/",
|
"href": "https://leecat.art/",
|
||||||
"title": "leecat.art"
|
"title": "leecat.art"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "jon",
|
"id": "jon",
|
||||||
"img": {
|
"img": {
|
||||||
"src": "/assets/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."
|
"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",
|
"name": "Jon Haaland",
|
||||||
"bio": [
|
"bio": [
|
||||||
"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."
|
"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."
|
||||||
],
|
],
|
||||||
"contact": [
|
"contact": [
|
||||||
{
|
{
|
||||||
"href": "https://www.jonhaalandart.com/",
|
"href": "https://www.jonhaalandart.com/",
|
||||||
"title": "jonhaalandart.com"
|
"title": "jonhaalandart.com"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "karen",
|
"id": "karen",
|
||||||
"img": {
|
"img": {
|
||||||
"src": "/assets/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."
|
"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",
|
"name": "Karen Biondo",
|
||||||
"bio": [
|
"bio": [
|
||||||
"I am a farmer, chef, creator. I make fun, delicious and sometimes useful items from what inspires me in the world around me."
|
"I am a farmer, chef, creator. I make fun, delicious and sometimes useful items from what inspires me in the world around me."
|
||||||
],
|
],
|
||||||
"contact": [
|
"contact": [
|
||||||
{
|
{
|
||||||
"href": "https://labiondofarm.com",
|
"href": "https://labiondofarm.com",
|
||||||
"title": "labiondofarm.com"
|
"title": "labiondofarm.com"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"href": "mailto:labiondo@comcast.net?subject=Beall%20Greenhouses%20Market%20Solstice%202025",
|
"href": "mailto:labiondo@comcast.net?subject=Beall%20Greenhouses%20Market%20Solstice%202025",
|
||||||
"title": "email Karen"
|
"title": "email Karen"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|||||||
@ -1,60 +1,60 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>2025 Solstice Market | events at the historic Beall Greenhouses</title>
|
<title>2025 Solstice Market | events at the historic 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="/events/2025-solstice/" />
|
<link rel="canonical" href="/events/2025-solstice/" />
|
||||||
<meta name="description" content="2025 Solstice Market | events at the historic Beall Greenhouses" />
|
<meta name="description" content="2025 Solstice Market | events at the historic Beall Greenhouses" />
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="robots" content="index,follow" />
|
||||||
<meta property="og:title" content="2025 Solstice Market | events at the historic Beall Greenhouses" />
|
<meta property="og:title" content="2025 Solstice Market | events at the historic Beall Greenhouses" />
|
||||||
<meta property="og:type" content="article" />
|
<meta property="og:type" content="article" />
|
||||||
<meta property="og:url" content="/events/2025-solstice/" />
|
<meta property="og:url" content="/events/2025-solstice/" />
|
||||||
<meta property="og:description" content="2025 Solstice Market | events at the historic Beall Greenhouses" />
|
<meta property="og:description" content="2025 Solstice Market | events at the historic Beall Greenhouses" />
|
||||||
<meta property="og:image" content="/assets/img/logo-light.png" />
|
<meta property="og:image" content="/assets/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 -->
|
<!-- JS -->
|
||||||
<script src="/assets/scripts/nav.js" defer></script>
|
<script src="/assets/scripts/nav.js" defer></script>
|
||||||
<script src="/assets/scripts/market.js" data-artists="/events/2025-solstice/artists.json" defer></script>
|
<script src="/assets/scripts/market.js" data-artists="/events/2025-solstice/artists.json" defer></script>
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link rel="stylesheet" href="/assets/styles/main.css">
|
<link rel="stylesheet" href="/assets/styles/main.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/nav.css">
|
<link rel="stylesheet" href="/assets/styles/nav.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/artist-market.css">
|
<link rel="stylesheet" href="/assets/styles/artist-market.css">
|
||||||
|
|
||||||
<!-- Font -->
|
<!-- Font -->
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<header><!-- auto-populated by nav.js --></header>
|
<header><!-- auto-populated by nav.js --></header>
|
||||||
|
|
||||||
<main id="main">
|
<main id="main">
|
||||||
<h1>Solstice 2025 Market at the Beall Greenhouses</h1>
|
<h1>Solstice 2025 Market at the Beall Greenhouses</h1>
|
||||||
|
|
||||||
<h2>When?</h2>
|
<h2>When?</h2>
|
||||||
<p class="under-header"><time datetime="2025-12-21 10:00">Sunday, December 21st, 2025, 10am - 5pm</time>.</p>
|
<p class="under-header"><time datetime="2025-12-21 10:00">Sunday, December 21st, 2025, 10am - 5pm</time>.</p>
|
||||||
|
|
||||||
<h2>Where?</h2>
|
<h2>Where?</h2>
|
||||||
<p class="under-header">Studios in the former cold storage facility at the old Beall Greenhouses:
|
<p class="under-header">Studios in the former cold storage facility at the old Beall Greenhouses:
|
||||||
<a href="https://maps.app.goo.gl/5p1NAArdjX4vaEgw9" target="_blank">18527 Beall Rd SW, Vashon, WA 98070</a>
|
<a href="https://maps.app.goo.gl/5p1NAArdjX4vaEgw9" target="_blank">18527 Beall Rd SW, Vashon, WA 98070</a>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2>What else?</h2>
|
<h2>What else?</h2>
|
||||||
<p class="under-header">There will be popcorn, cookies, fresh hot coffee from
|
<p class="under-header">There will be popcorn, cookies, fresh hot coffee from
|
||||||
<a href="www.zenbelliescoffeeco.com" target="_blank">Zenbellies Coffee Co.</a>,
|
<a href="www.zenbelliescoffeeco.com" target="_blank">Zenbellies Coffee Co.</a>,
|
||||||
and a warm fire.
|
and a warm fire.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<h2>Who?</h2>
|
<h2>Who?</h2>
|
||||||
<div id="artists"><!-- auto-populated by artists.js --></div>
|
<div id="artists"><!-- auto-populated by artists.js --></div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,70 +1,70 @@
|
|||||||
[
|
[
|
||||||
{
|
{
|
||||||
"id": "hawke",
|
"id": "hawke",
|
||||||
"img": {
|
"img": {
|
||||||
"src": "/assets/img/2026-imbolc/hawke.jpg",
|
"src": "/assets/img/2026-imbolc/hawke.jpg",
|
||||||
"alt": [
|
"alt": [
|
||||||
"A green feather emerging from cracked earth, curled in a spiral",
|
"A green feather emerging from cracked earth, curled in a spiral",
|
||||||
"Two crane figures with their beaks meeting in the middle where a large circle is suspended in the air. The sky behind it is stormy and full of clouds. The hill they are standing on has a large crack running down the center, with ancient carved stone animal heads around the crack.",
|
"Two crane figures with their beaks meeting in the middle where a large circle is suspended in the air. The sky behind it is stormy and full of clouds. The hill they are standing on has a large crack running down the center, with ancient carved stone animal heads around the crack.",
|
||||||
"A vintage map of the Bremerton area. Super imposed throughout the map is a sacred geometry pattern called the Flower of Life. A red Octopus is emerging from the pattern.",
|
"A vintage map of the Bremerton area. Super imposed throughout the map is a sacred geometry pattern called the Flower of Life. A red Octopus is emerging from the pattern.",
|
||||||
"A bear curled up in a ball with its paw over its eyes. The ground is covered in snow and there are bird tracks in between stones poking out. In the sky above, there is a comet amongst the stars.",
|
"A bear curled up in a ball with its paw over its eyes. The ground is covered in snow and there are bird tracks in between stones poking out. In the sky above, there is a comet amongst the stars.",
|
||||||
"A vintage map of the Bremerton area. Super imposed throughout the map is a sacred geometry pattern called the Flower of Life. A Dungeness crab is emerging from the pattern."
|
"A vintage map of the Bremerton area. Super imposed throughout the map is a sacred geometry pattern called the Flower of Life. A Dungeness crab is emerging from the pattern."
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"name": "Jennifer Hawke",
|
"name": "Jennifer Hawke",
|
||||||
"bio": [
|
"bio": [
|
||||||
"Jennifer Hawke came to Vashon Island about 20 years ago from Billings, Montana.",
|
"Jennifer Hawke came to Vashon Island about 20 years ago from Billings, Montana.",
|
||||||
"Hawke has a studio at the Beall Greenhouses, and has participated in the Vashon Studio Tour for the last four seasons. They also paint large Sacred Geometry installations on the road during the First Friday Art Walks in the summer months.",
|
"Hawke has a studio at the Beall Greenhouses, and has participated in the Vashon Studio Tour for the last four seasons. They also paint large Sacred Geometry installations on the road during the First Friday Art Walks in the summer months.",
|
||||||
"Hawke has a degree in Painting and Cast Metals from Montana State University, but they work in many different mediums. Their primary studio work is assemblage using vintage detritus and beach trash.",
|
"Hawke has a degree in Painting and Cast Metals from Montana State University, but they work in many different mediums. Their primary studio work is assemblage using vintage detritus and beach trash.",
|
||||||
"You may also know Hawke through the Bearded Lady Road Reports: a live broadcast on Facebook dedicated to reporting on road conditions during inclement weather."
|
"You may also know Hawke through the Bearded Lady Road Reports: a live broadcast on Facebook dedicated to reporting on road conditions during inclement weather."
|
||||||
],
|
],
|
||||||
"contact": [
|
"contact": [
|
||||||
{
|
{
|
||||||
"href": "https://www.instagram.com/jenniferhawkestudio",
|
"href": "https://www.instagram.com/jenniferhawkestudio",
|
||||||
"title": "@jenniferhawkestudio on instagram"
|
"title": "@jenniferhawkestudio on instagram"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"href": "https://www.facebook.com/pugetsoundgypsy",
|
"href": "https://www.facebook.com/pugetsoundgypsy",
|
||||||
"title": "Jennifer Hawke on facebook"
|
"title": "Jennifer Hawke on facebook"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"href": "https://www.instagram.com/montana_hawke",
|
"href": "https://www.instagram.com/montana_hawke",
|
||||||
"title": "@montana_hawke on instagram"
|
"title": "@montana_hawke on instagram"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "lee",
|
"id": "lee",
|
||||||
"img": {
|
"img": {
|
||||||
"src": "/assets/img/2026-imbolc/lee.jpg",
|
"src": "/assets/img/2026-imbolc/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."
|
"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",
|
"name": "Lee Cattarin",
|
||||||
"bio": [
|
"bio": [
|
||||||
"multidisciplinary artist and birder"
|
"multidisciplinary artist and birder"
|
||||||
],
|
],
|
||||||
"contact": [
|
"contact": [
|
||||||
{
|
{
|
||||||
"href": "https://leecat.art/",
|
"href": "https://leecat.art/",
|
||||||
"title": "leecat.art"
|
"title": "leecat.art"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "brooke",
|
"id": "brooke",
|
||||||
"img": {
|
"img": {
|
||||||
"src": "/assets/img/2026-imbolc/brooke.jpg",
|
"src": "/assets/img/2026-imbolc/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."
|
"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",
|
"name": "Brooke Osment",
|
||||||
"bio": [
|
"bio": [
|
||||||
"found art jackets, stitchwork, visible mending"
|
"found art jackets, stitchwork, visible mending"
|
||||||
],
|
],
|
||||||
"contact": [
|
"contact": [
|
||||||
{
|
{
|
||||||
"href": "mailto:bsosment@gmail.com?subject=Beall%20Greenhouses%20Market%20Imbolc%202026",
|
"href": "mailto:bsosment@gmail.com?subject=Beall%20Greenhouses%20Market%20Imbolc%202026",
|
||||||
"title": "email Brooke"
|
"title": "email Brooke"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|||||||
@ -1,59 +1,59 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>2026 Imbolc Celebration & Market | events at the historic Beall Greenhouses</title>
|
<title>2026 Imbolc Celebration & Market | events at the historic 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="/events/2026-imbolc/" />
|
<link rel="canonical" href="/events/2026-imbolc/" />
|
||||||
<meta name="description" content="2026 Imbolc Celebration & Market | events at the historic Beall Greenhouses" />
|
<meta name="description" content="2026 Imbolc Celebration & Market | events at the historic Beall Greenhouses" />
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="robots" content="index,follow" />
|
||||||
<meta property="og:title" content="2026 Imbolc Celebration & Market | events at the historic Beall Greenhouses" />
|
<meta property="og:title" content="2026 Imbolc Celebration & Market | events at the historic Beall Greenhouses" />
|
||||||
<meta property="og:type" content="article" />
|
<meta property="og:type" content="article" />
|
||||||
<meta property="og:url" content="/events/2026-imbolc/" />
|
<meta property="og:url" content="/events/2026-imbolc/" />
|
||||||
<meta property="og:description" content="2026 Imbolc Celebration & Market | events at the historic Beall Greenhouses" />
|
<meta property="og:description" content="2026 Imbolc Celebration & Market | events at the historic Beall Greenhouses" />
|
||||||
<meta property="og:image" content="/assets/img/logo-light.png" />
|
<meta property="og:image" content="/assets/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 -->
|
<!-- JS -->
|
||||||
<script src="/assets/scripts/nav.js" defer></script>
|
<script src="/assets/scripts/nav.js" defer></script>
|
||||||
<script src="/assets/scripts/market.js" data-artists="/events/2026-imbolc/artists.json" defer></script>
|
<script src="/assets/scripts/market.js" data-artists="/events/2026-imbolc/artists.json" defer></script>
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link rel="stylesheet" href="/assets/styles/main.css">
|
<link rel="stylesheet" href="/assets/styles/main.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/nav.css">
|
<link rel="stylesheet" href="/assets/styles/nav.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/artist-market.css">
|
<link rel="stylesheet" href="/assets/styles/artist-market.css">
|
||||||
|
|
||||||
<!-- Font -->
|
<!-- Font -->
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<header><!-- auto-populated by nav.js --></header>
|
<header><!-- auto-populated by nav.js --></header>
|
||||||
|
|
||||||
<main id="main">
|
<main id="main">
|
||||||
<h1>Imbolc 2026 Celebration & Market at the Beall Greenhouses</h1>
|
<h1>Imbolc 2026 Celebration & Market at the Beall Greenhouses</h1>
|
||||||
|
|
||||||
<div class="two-col">
|
<div class="two-col">
|
||||||
<div class="no-header">
|
<div class="no-header">
|
||||||
<p>Join us to celebrate the returning of the light on
|
<p>Join us to celebrate the returning of the light on
|
||||||
<time datetime="2026-01-31 10:00">Saturday, January 31st, 2026, 10am - 5pm</time>.</p>
|
<time datetime="2026-01-31 10:00">Saturday, January 31st, 2026, 10am - 5pm</time>.</p>
|
||||||
<p>Find us in studios in the former cold storage facility at the old Beall Greenhouses:
|
<p>Find us in studios in the former cold storage facility at the old Beall Greenhouses:
|
||||||
<a href="https://maps.app.goo.gl/5p1NAArdjX4vaEgw9" target="_blank">18527 Beall Rd SW, Vashon, WA 98070</a>
|
<a href="https://maps.app.goo.gl/5p1NAArdjX4vaEgw9" target="_blank">18527 Beall Rd SW, Vashon, WA 98070</a>
|
||||||
</p>
|
</p>
|
||||||
<p>Share the flyer and bring friends!</p>
|
<p>Share the flyer and bring friends!</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<img src="/assets/img/2026-imbolc/flyer.jpg" alt="a black and white flyer for the Imbolc event that reads: Imbolc Celebration and Market at the Beall Greenhouses. Crafting and art, open studios. It then lists the address, time, and website. The text is overlaid on a darkened image of a dilapidated greenhouse, and the site's hummingbird logo is inset.">
|
<img src="/assets/img/2026-imbolc/flyer.jpg" alt="a black and white flyer for the Imbolc event that reads: Imbolc Celebration and Market at the Beall Greenhouses. Crafting and art, open studios. It then lists the address, time, and website. The text is overlaid on a darkened image of a dilapidated greenhouse, and the site's hummingbird logo is inset.">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2>Artists</h2>
|
<h2>Artists</h2>
|
||||||
<div id="artists"><!-- auto-populated by artists.js --></div>
|
<div id="artists"><!-- auto-populated by artists.js --></div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,59 +1,59 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>Events directory | the historic Beall Greenhouses</title>
|
<title>Events directory | the historic 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="/events/" />
|
<link rel="canonical" href="/events/" />
|
||||||
<meta name="description" content="Events directory | the historic Beall Greenhouses" />
|
<meta name="description" content="Events directory | the historic Beall Greenhouses" />
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="robots" content="index,follow" />
|
||||||
<meta property="og:title" content="Events directory | the historic Beall Greenhouses" />
|
<meta property="og:title" content="Events directory | the historic Beall Greenhouses" />
|
||||||
<meta property="og:type" content="article" />
|
<meta property="og:type" content="article" />
|
||||||
<meta property="og:url" content="/events/" />
|
<meta property="og:url" content="/events/" />
|
||||||
<meta property="og:description" content="Events directory | the historic Beall Greenhouses" />
|
<meta property="og:description" content="Events directory | the historic Beall Greenhouses" />
|
||||||
<meta property="og:image" content="/assets/img/logo-light.png" />
|
<meta property="og:image" content="/assets/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 -->
|
<!-- JS -->
|
||||||
<script src="/assets/scripts/nav.js" defer></script>
|
<script src="/assets/scripts/nav.js" defer></script>
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link rel="stylesheet" href="/assets/styles/main.css">
|
<link rel="stylesheet" href="/assets/styles/main.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/nav.css">
|
<link rel="stylesheet" href="/assets/styles/nav.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/directory.css">
|
<link rel="stylesheet" href="/assets/styles/directory.css">
|
||||||
|
|
||||||
<!-- Font -->
|
<!-- Font -->
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<header><!-- auto-populated by nav.js --></header>
|
<header><!-- auto-populated by nav.js --></header>
|
||||||
|
|
||||||
<main id="main">
|
<main id="main">
|
||||||
<h1>Events at the Beall Greenhouses</h1>
|
<h1>Events at the Beall Greenhouses</h1>
|
||||||
|
|
||||||
<ol id="directory">
|
<ol id="directory">
|
||||||
<li>
|
<li>
|
||||||
<a href="/events/2026-imbolc">
|
<a href="/events/2026-imbolc">
|
||||||
<h2>Imbolc 2026</h2>
|
<h2>Imbolc 2026</h2>
|
||||||
<img src="/assets/img/2026-imbolc/event.jpg" alt="part of the Imbolc 2026 market flyer. in the background, a greenhouse in black and white; in the foreground, text reading: Celebration and Market at the Beall Greenhouses; Crafting and Art; Open Studios. inset in the lower left is the top of the site's logo, a hummingbird in flight." />
|
<img src="/assets/img/2026-imbolc/event.jpg" alt="part of the Imbolc 2026 market flyer. in the background, a greenhouse in black and white; in the foreground, text reading: Celebration and Market at the Beall Greenhouses; Crafting and Art; Open Studios. inset in the lower left is the top of the site's logo, a hummingbird in flight." />
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<a href="/events/2025-solstice">
|
<a href="/events/2025-solstice">
|
||||||
<h2>Solstice 2025</h2>
|
<h2>Solstice 2025</h2>
|
||||||
<img src="/assets/img/2025-solstice/event.jpg" alt="group photo of all eight artists of the Solstice 2025 market." />
|
<img src="/assets/img/2025-solstice/event.jpg" alt="group photo of all eight artists of the Solstice 2025 market." />
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
76
index.html
76
index.html
@ -1,46 +1,46 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>the historic Beall Greenhouses</title>
|
<title>the historic 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="the historic Beall Greenhouses" />
|
<meta name="description" content="the historic Beall Greenhouses" />
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="robots" content="index,follow" />
|
||||||
<meta property="og:title" content="the historic Beall Greenhouses" />
|
<meta property="og:title" content="the historic 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="the historic Beall Greenhouses" />
|
<meta property="og:description" content="the historic Beall Greenhouses" />
|
||||||
<meta property="og:image" content="/assets/img/logo-light.png" />
|
<meta property="og:image" content="/assets/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 -->
|
<!-- JS -->
|
||||||
<script src="/assets/scripts/nav.js" defer></script>
|
<script src="/assets/scripts/nav.js" defer></script>
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link rel="stylesheet" href="/assets/styles/main.css">
|
<link rel="stylesheet" href="/assets/styles/main.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/nav.css">
|
<link rel="stylesheet" href="/assets/styles/nav.css">
|
||||||
|
|
||||||
<!-- Font -->
|
<!-- Font -->
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<header><!-- auto-populated by nav.js --></header>
|
<header><!-- auto-populated by nav.js --></header>
|
||||||
<main id="main">
|
<main id="main">
|
||||||
<h1>The Beall Greenhouses</h1>
|
<h1>The Beall Greenhouses</h1>
|
||||||
|
|
||||||
<h2>Upcoming Imbolc celebration</h2>
|
<h2>Upcoming Imbolc celebration</h2>
|
||||||
<p class="under-header">See the <a href="/events/2026-imbolc">Imbolc event page</a> for more details.</p>
|
<p class="under-header">See the <a href="/events/2026-imbolc">Imbolc event page</a> for more details.</p>
|
||||||
|
|
||||||
<h2>A successful Solstice</h2>
|
<h2>A successful Solstice</h2>
|
||||||
<p class="under-header">Our inaugural <a href="/events/2025-solstice">Solstice Market</a> was a rousing success.</p>
|
<p class="under-header">Our inaugural <a href="/events/2025-solstice">Solstice Market</a> was a rousing success.</p>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,50 +1,50 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>Palette | the historic Beall Greenhouses</title>
|
<title>Palette | the historic 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="/palette/" />
|
<link rel="canonical" href="/palette/" />
|
||||||
<meta name="description" content="Palette | the historic Beall Greenhouses" />
|
<meta name="description" content="Palette | the historic Beall Greenhouses" />
|
||||||
<meta name="robots" content="index,follow" />
|
<meta name="robots" content="index,follow" />
|
||||||
<meta property="og:title" content="Palette | the historic Beall Greenhouses" />
|
<meta property="og:title" content="Palette | the historic Beall Greenhouses" />
|
||||||
<meta property="og:type" content="article" />
|
<meta property="og:type" content="article" />
|
||||||
<meta property="og:url" content="/palette/" />
|
<meta property="og:url" content="/palette/" />
|
||||||
<meta property="og:description" content="Palette | the historic Beall Greenhouses" />
|
<meta property="og:description" content="Palette | the historic Beall Greenhouses" />
|
||||||
<meta property="og:image" content="/assets/img/logo-light.png" />
|
<meta property="og:image" content="/assets/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 -->
|
<!-- JS -->
|
||||||
<script src="/assets/scripts/nav.js" defer></script>
|
<script src="/assets/scripts/nav.js" defer></script>
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- CSS -->
|
||||||
<link rel="stylesheet" href="/assets/styles/main.css">
|
<link rel="stylesheet" href="/assets/styles/main.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/nav.css">
|
<link rel="stylesheet" href="/assets/styles/nav.css">
|
||||||
<link rel="stylesheet" href="/assets/styles/palette.css">
|
<link rel="stylesheet" href="/assets/styles/palette.css">
|
||||||
|
|
||||||
<!-- Font -->
|
<!-- Font -->
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<header><!-- auto-populated by nav.js --></header>
|
<header><!-- auto-populated by nav.js --></header>
|
||||||
|
|
||||||
<main id="main">
|
<main id="main">
|
||||||
<h1>Site Palette</h1>
|
<h1>Site Palette</h1>
|
||||||
<div class="color">
|
<div class="color">
|
||||||
<p id="concrete">#e5e0c7</p>
|
<p id="concrete">#e5e0c7</p>
|
||||||
<p id="concrete-alt">#d1cbab</p>
|
<p id="concrete-alt">#d1cbab</p>
|
||||||
<p id="green">#142b15</p>
|
<p id="green">#142b15</p>
|
||||||
<p id="green-alt">#1a3b1b</p>
|
<p id="green-alt">#1a3b1b</p>
|
||||||
<p id="teal-light">#4ba19e</p>
|
<p id="teal-light">#4ba19e</p>
|
||||||
<p id="teal-dark">#0c6a74</p>
|
<p id="teal-dark">#0c6a74</p>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user
