add signup embed
This commit is contained in:
41
assets/styles/ml-embed.css
Normal file
41
assets/styles/ml-embed.css
Normal 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);
|
||||
}
|
||||
15
index.html
15
index.html
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user