Compare commits

..

3 Commits

Author SHA1 Message Date
83edb739a6 fiddle with focus and hover styles for back home button 2025-12-27 22:06:59 -08:00
e894e75850 rename home page 2025-12-27 22:00:03 -08:00
c81e0fffa9 update year in home page footer 2025-12-27 21:59:16 -08:00
2 changed files with 8 additions and 15 deletions

View File

@ -162,25 +162,18 @@ nav {
nav a { nav a {
text-decoration: none; text-decoration: none;
font-size: 1.2rem; font-size: 1.2rem;
color: var(--color-accent);
padding: 0 .25rem; padding: 0 .25rem;
border: solid thin; border: solid thin var(--color-accent);
border-radius: .25rem; border-radius: .25rem;
} }
@media (any-hover: hover) { @media (any-hover: hover) {
nav a:hover { nav a:hover {
background-color: var(--color-accent); outline: solid .25rem var(--color-accent);
color: var(--color-bg); outline-offset: .1rem;
} }
} }
nav a:focus-visible {
outline: none;
background-color: var(--color-accent);
color: var(--color-bg);
}
footer { footer {
width: 95%; width: 95%;
margin: 0 auto; margin: 0 auto;

View File

@ -1,18 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Solstice Market at the Beall Greenhouses</title> <title>Markets at the 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="Solstice Market at the Beall Greenhouses" /> <meta name="description" content="Markets 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="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="/" />
<meta property="og:description" content="Solstice Market 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" />
<!-- CSS --> <!-- CSS -->
@ -50,7 +50,7 @@
</a> </a>
</p> </p>
</div> </div>
<p>brought to you in 2025</p> <p>brought to you in 2026</p>
</footer> </footer>
</body> </body>
</html> </html>