Compare commits

...

2 Commits

Author SHA1 Message Date
0354c4d4d9 add signup embed 2026-02-14 13:24:17 -08:00
3c77693224 fix imbolc header 2026-02-05 12:55:14 -08:00
2 changed files with 59 additions and 2 deletions

View File

@ -0,0 +1,41 @@
.ml-embedded {
margin: 2rem auto;
border-top: .25rem solid var(--color-accent);
}
.ml-embedded p {
padding: 0;
}
.ml-form-embedWrapper {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.ml-form-embedContent h4 {
font-family: 'Bellota', Arial, Helvetica, sans-serif !important;
}
#mlb2-37153427.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:hover,
#mlb2-37153313.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:hover {
border-color: var(--color-accent-flipped);
outline-offset: 0;
outline: .25rem solid var(--color-accent);
}
#mlb2-37153427.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:focus-visible,
#mlb2-37153313.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:focus-visible {
outline-offset: .25rem;
outline: solid .25rem var(--color-accent);
}
#mlb2-37153427.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover,
#mlb2-37153313.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
color: var(--color-text) !important;
}
#mlb2-37153427.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:focus-visible,
#mlb2-37153313.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:focus-visible {
outline-offset: .25rem;
outline: solid .25rem var(--color-accent);
}

View File

@ -19,14 +19,26 @@
<!-- JS --> <!-- JS -->
<script src="/assets/scripts/nav.js" defer></script> <script src="/assets/scripts/nav.js" defer></script>
<!-- MailerLite Universal -->
<script>
(function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[])
.push(arguments);},l=d.createElement(e),l.async=1,l.src=u,
n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})
(window,document,'script','https://assets.mailerlite.com/js/universal.js','ml');
ml('account', '2012178');
</script>
<!-- End MailerLite Universal -->
<!-- CSS --> <!-- CSS -->
<link rel="stylesheet" href="/assets/styles/main.css"> <link rel="stylesheet" href="/assets/styles/main.css">
<link rel="stylesheet" href="/assets/styles/nav.css"> <link rel="stylesheet" href="/assets/styles/nav.css">
<link rel="stylesheet" href="/assets/styles/ml-embed.css">
<!-- Font --> <!-- Font -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
</head> </head>
<body> <body>
<div id="content"> <div id="content">
@ -34,11 +46,15 @@
<main id="main"> <main id="main">
<h1>The Beall Greenhouses</h1> <h1>The Beall Greenhouses</h1>
<h2>Upcoming Imbolc celebration</h2> <h2>Imbolc creates community</h2>
<p class="under-header">Our <a href="/events/2026-imbolc">Imbolc Celebration & Market</a> was fantastic. Visitors could learn to make a Brigid's Cross, and dog photographs meant an abundance of furry friends.</p> <p class="under-header">Our <a href="/events/2026-imbolc">Imbolc Celebration & Market</a> was fantastic.
Visitors could learn to make a Brigid's Cross, and dog photographs meant an abundance of furry friends.</p>
<h2>A successful Solstice</h2> <h2>A successful Solstice</h2>
<p class="under-header">Our inaugural <a href="/events/2025-solstice">Solstice Market</a> was a rousing success.</p> <p class="under-header">Our inaugural <a href="/events/2025-solstice">Solstice Market</a> was a rousing success.</p>
<div class="ml-embedded dark-mode" data-form="GyBKPM"></div>
<div class="ml-embedded light-mode" data-form="R9yvin"></div>
</main> </main>
</div> </div>
<footer id="footer"><!-- auto-populated by nav.js --></footer> <footer id="footer"><!-- auto-populated by nav.js --></footer>