add signup embed

This commit is contained in:
2026-02-14 13:24:17 -08:00
parent 3c77693224
commit 0354c4d4d9
2 changed files with 56 additions and 0 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 -->
<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 -->
<link rel="stylesheet" href="/assets/styles/main.css">
<link rel="stylesheet" href="/assets/styles/nav.css">
<link rel="stylesheet" href="/assets/styles/ml-embed.css">
<!-- Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<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">
</head>
<body>
<div id="content">
@ -40,6 +52,9 @@
<h2>A successful Solstice</h2>
<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>
</div>
<footer id="footer"><!-- auto-populated by nav.js --></footer>