big reshuffling
This commit is contained in:
@ -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>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 1.4 MiB |
|
Before Width: | Height: | Size: 634 KiB After Width: | Height: | Size: 634 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 610 KiB After Width: | Height: | Size: 610 KiB |
|
Before Width: | Height: | Size: 518 KiB After Width: | Height: | Size: 518 KiB |
|
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 1.9 MiB |
|
Before Width: | Height: | Size: 586 KiB After Width: | Height: | Size: 586 KiB |
|
Before Width: | Height: | Size: 272 KiB After Width: | Height: | Size: 272 KiB |
|
Before Width: | Height: | Size: 2.3 MiB After Width: | Height: | Size: 2.3 MiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 54 KiB |
@ -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;
|
||||
}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
12
index.html
12
index.html
@ -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">
|
||||
<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
