Compare commits
4 Commits
59b14a842c
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 202c7014a1 | |||
| 42dbf5e31d | |||
| 5ec64cfda7 | |||
| 09b1d2975b |
@ -6,27 +6,28 @@
|
||||
<meta charset="utf-8">
|
||||
<!-- Meta -->
|
||||
<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="robots" content="index,follow" />
|
||||
<meta property="og:title" content="Solstice Market at the Beall Greenhouses" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="/" />
|
||||
<meta property="og:url" content="/2025/solstice/" />
|
||||
<meta property="og:description" content="Solstice Market at the Beall Greenhouses" />
|
||||
<meta property="og:image" content="/img/logo-light.png" />
|
||||
<meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" />
|
||||
|
||||
<!-- JS -->
|
||||
<script src="/scripts/nav.js" defer></script>
|
||||
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
<link rel="stylesheet" href="/css/nav.css">
|
||||
<link rel="stylesheet" href="/css/artist.css">
|
||||
<link rel="stylesheet" href="/styles/main.css">
|
||||
<link rel="stylesheet" href="/styles/nav.css">
|
||||
<link rel="stylesheet" href="/styles/artist.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<header>
|
||||
<nav>
|
||||
<a href="/">↩ back home</a>
|
||||
<a href="/directory">🧺 all markets</a>
|
||||
</nav>
|
||||
<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">
|
||||
@ -122,21 +123,6 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<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>
|
||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -6,28 +6,29 @@
|
||||
<meta charset="utf-8">
|
||||
<!-- Meta -->
|
||||
<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="robots" content="index,follow" />
|
||||
<meta property="og:title" content="Directory | Markets at the Beall Greenhouses" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:url" content="/" />
|
||||
<meta property="og:url" content="/directory/" />
|
||||
<meta property="og:description" content="Directory | Markets at the Beall Greenhouses" />
|
||||
<meta property="og:image" content="/img/logo-light.png" />
|
||||
<meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" />
|
||||
|
||||
<!-- JS -->
|
||||
<script src="/scripts/nav.js" defer></script>
|
||||
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
<link rel="stylesheet" href="/css/nav.css">
|
||||
<link rel="stylesheet" href="/css/directory.css">
|
||||
<link rel="stylesheet" href="/css/artist.css">
|
||||
<link rel="stylesheet" href="/styles/main.css">
|
||||
<link rel="stylesheet" href="/styles/nav.css">
|
||||
<link rel="stylesheet" href="/styles/directory.css">
|
||||
<link rel="stylesheet" href="/styles/artist.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<header>
|
||||
<nav>
|
||||
<a href="/">↩ back home</a>
|
||||
<a id="current-page" href="/directory">🧺 all markets</a>
|
||||
</nav>
|
||||
<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">
|
||||
@ -46,21 +47,6 @@
|
||||
|
||||
</main>
|
||||
</div>
|
||||
<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>
|
||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
31
index.html
31
index.html
@ -15,17 +15,19 @@
|
||||
<meta property="og:description" content="Markets at the Beall Greenhouses" />
|
||||
<meta property="og:image" content="/img/logo-light.png" />
|
||||
<meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" />
|
||||
|
||||
<!-- JS -->
|
||||
<script src="/scripts/nav.js" defer></script>
|
||||
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
<link rel="stylesheet" href="/css/nav.css">
|
||||
<link rel="stylesheet" href="/css/artist.css">
|
||||
<link rel="stylesheet" href="/styles/main.css">
|
||||
<link rel="stylesheet" href="/styles/nav.css">
|
||||
<link rel="stylesheet" href="/styles/artist.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<header>
|
||||
<nav>
|
||||
<a id="current-page" href="/">↩ back home</a>
|
||||
<a href="/directory">🧺 all markets</a>
|
||||
<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">
|
||||
@ -38,21 +40,6 @@
|
||||
<p>We've just completed a successful <a href="/2025/solstice">Solstice 2025</a> market. Stay tuned for more!</p>
|
||||
</main>
|
||||
</div>
|
||||
<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>
|
||||
<footer id="footer"><!-- auto-populated by nav.js --></footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
53
scripts/nav.js
Normal file
53
scripts/nav.js
Normal file
@ -0,0 +1,53 @@
|
||||
/* Top nav */
|
||||
const navItems = [
|
||||
{
|
||||
href: "/",
|
||||
name: "↩ back home"
|
||||
},
|
||||
{
|
||||
href: "/directory/",
|
||||
name: "🧺 all markets"
|
||||
}
|
||||
];
|
||||
|
||||
const populateNav = function() {
|
||||
let nav = document.getElementById("top-nav");
|
||||
let path = window.location.pathname;
|
||||
|
||||
for (const item of navItems) {
|
||||
let a = document.createElement("a");
|
||||
a.href = item.href;
|
||||
a.innerHTML = item.name;
|
||||
|
||||
if (item.href === path) a.id = "current-page";
|
||||
|
||||
nav.append(a);
|
||||
}
|
||||
}
|
||||
|
||||
populateNav();
|
||||
|
||||
/* Footer */
|
||||
const footerHTML = `
|
||||
<div id="contacts">
|
||||
<p>
|
||||
Website questions or feedback?
|
||||
<a href="mailto:lee.cattarin@gmail.com?cc=montanahawke@gmail.com&subject=Beall%20Greenhouses%20Market">
|
||||
email Lee
|
||||
</a>
|
||||
</p>
|
||||
<p>Market questions?
|
||||
<a href="mailto:montanahawke@gmail.com?subject=Beall%20Greenhouses%20Market">
|
||||
email Hawke
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<p>brought to you in 2025</p>
|
||||
`
|
||||
|
||||
const populateFooter = function() {
|
||||
let footer = document.getElementById("footer");
|
||||
footer.innerHTML = footerHTML;
|
||||
}
|
||||
|
||||
populateFooter();
|
||||
Reference in New Issue
Block a user