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