inherentlee/beall-greenhouses-market
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: inherentlee:7f4dbebd6f78b3a923749ead899d56c6e79d32e1
Branches Tags
inherentlee:main
..
compare: inherentlee:main
Branches Tags
inherentlee:main

7 Commits
7f4dbebd6f ... main

Author SHA1 Message Date
Lee Cattarin
202c7014a1 remove log line 2025-12-28 12:42:43 -08:00
Lee Cattarin
42dbf5e31d fix canonical links 2025-12-28 12:41:43 -08:00
Lee Cattarin
5ec64cfda7 auto populate nav and footer 2025-12-28 12:41:27 -08:00
Lee Cattarin
09b1d2975b rename css/ -> styles/ 2025-12-28 12:40:51 -08:00
Lee Cattarin
59b14a842c more consistent nav structure 2025-12-28 11:56:30 -08:00
Lee Cattarin
6acba69bcc specify market in mailto subjects 2025-12-28 11:49:13 -08:00
Lee Cattarin
4cb0041de0 remove dupe solstice card on dir page 2025-12-28 11:42:10 -08:00
8 changed files with 91 additions and 80 deletions
Expand all files Collapse all files

39
2025/solstice/index.html
View File

@ -6,26 +6,28 @@
<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="/2025/solstice/" />
<meta name="description" content="Solstice Market at the Beall Greenhouses" /> <meta name="description" content="Solstice Market at the Beall Greenhouses" />
<meta name="robots" content="index,follow" /> <meta name="robots" content="index,follow" />
<meta property="og:title" content="Solstice Market at the Beall Greenhouses" /> <meta property="og:title" content="Solstice Market at the Beall Greenhouses" />
<meta property="og:type" content="article" /> <meta property="og:type" content="article" />
<meta property="og:url" content="/" /> <meta property="og:url" content="/2025/solstice/" />
<meta property="og:description" content="Solstice Market at the Beall Greenhouses" /> <meta property="og:description" content="Solstice Market at the Beall Greenhouses" />
<meta property="og:image" content="/img/logo-light.png" /> <meta property="og:image" content="/img/logo-light.png" />
<meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" /> <meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" />
<!-- JS -->
<script src="/scripts/nav.js" defer></script>
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/css/nav.css"> <link rel="stylesheet" href="/styles/nav.css">
<link rel="stylesheet" href="/css/artist.css"> <link rel="stylesheet" href="/styles/artist.css">
</head> </head>
<body> <body>
<div id="content"> <div id="content">
<header> <header>
<nav> <nav id="top-nav"><!-- auto-populated by nav.js --></nav>
<a href="/">↩ back home</a>
</nav>
<img id="logo-dark" src="/img/logo-dark.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme"> <img id="logo-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 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">
@ -50,7 +52,7 @@
<h3>Brooke Osment</h3> <h3>Brooke Osment</h3>
<div class="description"> <div class="description">
<p>found art jackets, stitchwork, visible mending</p> <p>found art jackets, stitchwork, visible mending</p>
<p><a href="mailto:bsosment@gmail.com?subject=Beall%20Greenhouses%20Market">email Brooke</a></p> <p><a href="mailto:bsosment@gmail.com?subject=Beall%20Greenhouses%20Market%20Solstice%202025">email Brooke</a></p>
</div> </div>
</div> </div>
@ -113,7 +115,7 @@
<h3>Karen Biondo</h3> <h3>Karen Biondo</h3>
<div class="description"> <div class="description">
<p>I am a farmer, chef, creator. I make fun, delicious and sometimes useful items from what inspires me in the world around me.</p> <p>I am a farmer, chef, creator. I make fun, delicious and sometimes useful items from what inspires me in the world around me.</p>
<p><a target="_blank" href="https://labiondofarm.com">labiondofarm.com</a> ● <a href="mailto:labiondo@comcast.net?subject=Beall%20Greenhouses%20Market">email Karen</a> <p><a target="_blank" href="https://labiondofarm.com">labiondofarm.com</a> ● <a href="mailto:labiondo@comcast.net?subject=Beall%20Greenhouses%20Market%20Solstice%202025">email Karen</a>
</p> </p>
</div> </div>
</div> </div>
@ -121,21 +123,6 @@
</div> </div>
</main> </main>
</div> </div>
<footer> <footer id="footer"><!-- auto-populated by nav.js --></footer>
<div id="contacts">
<p>
Website questions or feedback?
<a href="mailto:lee.cattarin@gmail.com?cc=montanahawke@gmail.com&subject=Beall%20Greenhouses%20Market">
email Lee
</a>
</p>
<p>Market questions?
<a href="mailto:montanahawke@gmail.com?subject=Beall%20Greenhouses%20Market">
email Hawke
</a>
</p>
</div>
<p>brought to you in 2025</p>
</footer>
</body> </body>
</html> </html>

43
directory/index.html
View File

@ -6,27 +6,29 @@
<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="/directory/" />
<meta name="description" content="Directory | Markets at the Beall Greenhouses" /> <meta name="description" content="Directory | Markets at the Beall Greenhouses" />
<meta name="robots" content="index,follow" /> <meta name="robots" content="index,follow" />
<meta property="og:title" content="Directory | Markets at the Beall Greenhouses" /> <meta property="og:title" content="Directory | Markets at the Beall Greenhouses" />
<meta property="og:type" content="article" /> <meta property="og:type" content="article" />
<meta property="og:url" content="/" /> <meta property="og:url" content="/directory/" />
<meta property="og:description" content="Directory | Markets at the Beall Greenhouses" /> <meta property="og:description" content="Directory | Markets at the Beall Greenhouses" />
<meta property="og:image" content="/img/logo-light.png" /> <meta property="og:image" content="/img/logo-light.png" />
<meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" /> <meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" />
<!-- JS -->
<script src="/scripts/nav.js" defer></script>
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/css/nav.css"> <link rel="stylesheet" href="/styles/nav.css">
<link rel="stylesheet" href="/css/directory.css"> <link rel="stylesheet" href="/styles/directory.css">
<link rel="stylesheet" href="/css/artist.css"> <link rel="stylesheet" href="/styles/artist.css">
</head> </head>
<body> <body>
<div id="content"> <div id="content">
<header> <header>
<nav> <nav id="top-nav"><!-- auto-populated by nav.js --></nav>
<a href="/">↩ back home</a>
</nav>
<img id="logo-dark" src="/img/logo-dark.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme"> <img id="logo-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 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">
@ -41,31 +43,10 @@
<img src="/img/filler0.jpg" alt="a filler image for testing" /> <img src="/img/filler0.jpg" alt="a filler image for testing" />
</a> </a>
</li> </li>
<li>
<a href="/2025/solstice">
<h2>Solstice 2025</h2>
<img src="/img/filler0.jpg" alt="a filler image for testing" />
</a>
</li>
</ol> </ol>
</main> </main>
</div> </div>
<footer> <footer id="footer"><!-- auto-populated by nav.js --></footer>
<div id="contacts">
<p>
Website questions or feedback?
<a href="mailto:lee.cattarin@gmail.com?cc=montanahawke@gmail.com&subject=Beall%20Greenhouses%20Market">
email Lee
</a>
</p>
<p>Market questions?
<a href="mailto:montanahawke@gmail.com?subject=Beall%20Greenhouses%20Market">
email Hawke
</a>
</p>
</div>
<p>brought to you in 2026</p>
</footer>
</body> </body>
</html> </html>

30
index.html
View File

@ -15,16 +15,19 @@
<meta property="og:description" content="Markets at the Beall Greenhouses" /> <meta property="og:description" content="Markets at the Beall Greenhouses" />
<meta property="og:image" content="/img/logo-light.png" /> <meta property="og:image" content="/img/logo-light.png" />
<meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" /> <meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" />
<!-- JS -->
<script src="/scripts/nav.js" defer></script>
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="/css/main.css"> <link rel="stylesheet" href="/styles/main.css">
<link rel="stylesheet" href="/css/nav.css"> <link rel="stylesheet" href="/styles/nav.css">
<link rel="stylesheet" href="/css/artist.css"> <link rel="stylesheet" href="/styles/artist.css">
</head> </head>
<body> <body>
<div id="content"> <div id="content">
<header> <header>
<nav> <nav id="top-nav">
<a id="directory-link" href="/directory">🧺 past markets</a>
</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-dark" src="/img/logo-dark.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">
@ -37,21 +40,6 @@
<p>We've just completed a successful <a href="/2025/solstice">Solstice 2025</a> market. Stay tuned for more!</p> <p>We've just completed a successful <a href="/2025/solstice">Solstice 2025</a> market. Stay tuned for more!</p>
</main> </main>
</div> </div>
<footer> <footer id="footer"><!-- auto-populated by nav.js --></footer>
<div id="contacts">
<p>
Website questions or feedback?
<a href="mailto:lee.cattarin@gmail.com?cc=montanahawke@gmail.com&subject=Beall%20Greenhouses%20Market">
email Lee
</a>
</p>
<p>Market questions?
<a href="mailto:montanahawke@gmail.com?subject=Beall%20Greenhouses%20Market">
email Hawke
</a>
</p>
</div>
<p>brought to you in 2026</p>
</footer>
</body> </body>
</html> </html>

53
scripts/nav.js Normal file
View File

@ -0,0 +1,53 @@
/* Top nav */
const navItems = [
{
href: "/",
name: "↩ back home"
},
{
href: "/directory/",
name: "🧺 all markets"
}
];
const populateNav = function() {
let nav = document.getElementById("top-nav");
let path = window.location.pathname;
for (const item of navItems) {
let a = document.createElement("a");
a.href = item.href;
a.innerHTML = item.name;
if (item.href === path) a.id = "current-page";
nav.append(a);
}
}
populateNav();
/* Footer */
const footerHTML = `
<div id="contacts">
<p>
Website questions or feedback?
<a href="mailto:lee.cattarin@gmail.com?cc=montanahawke@gmail.com&subject=Beall%20Greenhouses%20Market">
email Lee
</a>
</p>
<p>Market questions?
<a href="mailto:montanahawke@gmail.com?subject=Beall%20Greenhouses%20Market">
email Hawke
</a>
</p>
</div>
<p>brought to you in 2025</p>
`
const populateFooter = function() {
let footer = document.getElementById("footer");
footer.innerHTML = footerHTML;
}
populateFooter();

0
css/artist.css → styles/artist.css
View File

0
css/directory.css → styles/directory.css
View File

0
css/main.css → styles/main.css
View File

6
css/nav.css → styles/nav.css
View File

@ -1,6 +1,8 @@
/* top nav */ /* top nav */
nav { nav {
margin: 0 auto 1.5rem; margin: 0 auto 1.5rem;
display: flex;
justify-content: space-between;
} }
nav a { nav a {
@ -17,8 +19,8 @@ nav a {
} }
} }
nav:has(#directory-link) { #current-page {
text-align: right; visibility: hidden;
} }
header img { header img {