Commit 686cb0d4 authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Add unsubscribed and signed-up pages for SiB emails

Also style form a little better
parent 0f9d6d24
...@@ -28,3 +28,7 @@ We regularly speak at international and online events. [View our past talks](/vi ...@@ -28,3 +28,7 @@ We regularly speak at international and online events. [View our past talks](/vi
- __Where:__ [https://small-tech.org/small-is-beautiful](/small-is-beautiful) - __Where:__ [https://small-tech.org/small-is-beautiful](/small-is-beautiful)
Watch [past episodes](/videos), with transcripts and captions, on [the videos page](/videos). Watch [past episodes](/videos), with transcripts and captions, on [the videos page](/videos).
### Get live stream reminders
{{< notify >}}
---
title: "Signed Up"
---
<!-- this page is where someone is sent when they sign up for the buttondown Small is Beautiful notification emails (but may not have yet confirmed their email) -->
# Small is Beautiful email notifications
You're almost subscribed!
You’ve been sent an email to confirm your address.
**Click the confirmation link inside and you’ll be all signed up**.
## Signed up by accident?
Just don’t click the confirmation link and you won’t be signed up for emails.
{{< fund-us >}}
\ No newline at end of file
---
title: "Unsubscribed"
---
<!-- this page is where someone is sent when they unsubscribe from the buttondown Small is Beautiful notification emails -->
# You’ve been unsubscribed
from Small is Beautiful notification emails.
You won’t get any further emails from us.
### Did you unsubscribe by accident? Sign up again
{{< notify >}}
{{< fund-us >}}
\ No newline at end of file
...@@ -4,11 +4,13 @@ livestream, so you can watch the stream live.</p> ...@@ -4,11 +4,13 @@ livestream, so you can watch the stream live.</p>
<p>That’s all we’ll send you! No spam or any other nonsense, and we will never use your email address for anything else.</p> <p>That’s all we’ll send you! No spam or any other nonsense, and we will never use your email address for anything else.</p>
<form action="https://buttondown.email/api/emails/embed-subscribe/small-is-beautiful" method="post" target="popupwindow" <form action="https://buttondown.email/api/emails/embed-subscribe/small-is-beautiful" method="post" target="popupwindow"
onsubmit="window.open('notify.small-tech.org', 'popupwindow')" class="embeddable-buttondown-form"> onsubmit="window.open('notify.small-tech.org', 'popupwindow')" class="buttondown-form">
<label for="bd-email">Your email address:</label> <label for="bd-email">Your email address:</label>
<input type="email" name="email" id="bd-email" /> <input type="email" name="email" id="bd-email" />
<input type="hidden" value="1" name="embed" /> <input type="hidden" value="1" name="embed" />
<input type="submit" value="Subscribe" /> <input type="submit" value="Subscribe" />
</form> </form>
<p>If you’d prefer, you can also <a href='https://buttondown.email/small-is-beautiful/rss'>subscribe to monthly reminders via RSS</a>. <p>If you’d prefer, you can also <a href='https://buttondown.email/small-is-beautiful/rss'>subscribe to monthly reminders via RSS</a>.
\ No newline at end of file
{{< fund-us >}}
\ No newline at end of file
...@@ -259,7 +259,7 @@ body.news { ...@@ -259,7 +259,7 @@ body.news {
--complementary-colour-bg: var(--blue-bg); --complementary-colour-bg: var(--blue-bg);
} }
body.events { body.events, body.notify {
--colour-text-on-colour: var(--orange-text-on-colour); --colour-text-on-colour: var(--orange-text-on-colour);
--colour-text-on-white: var(--orange-text-on-white); --colour-text-on-white: var(--orange-text-on-white);
--colour-accent: var(--orange-accent); --colour-accent: var(--orange-accent);
...@@ -412,7 +412,7 @@ form input, form select { ...@@ -412,7 +412,7 @@ form input, form select {
-webkit-appearance: none; -webkit-appearance: none;
} }
form input[type=text] { form input[type=text], form input[type=email] {
border: 0.06em solid #465C62; border: 0.06em solid #465C62;
} }
...@@ -427,7 +427,7 @@ form ul { ...@@ -427,7 +427,7 @@ form ul {
list-style-type: none; list-style-type: none;
} }
button, .link-highlighted { button,input[type=submit], .link-highlighted {
background: #E3F9A8; background: #E3F9A8;
background-color: var(--colour-button-bg); background-color: var(--colour-button-bg);
border: none; border: none;
...@@ -642,7 +642,8 @@ nav ul li a:active .highlight { ...@@ -642,7 +642,8 @@ nav ul li a:active .highlight {
nav ul li.active a .highlight, nav ul li.active a .highlight,
body.dynamic-template nav ul li a[href='/fund-us/'] .highlight, body.dynamic-template nav ul li a[href='/fund-us/'] .highlight,
body.fund-us nav ul li a[href='/fund-us/'] .highlight { body.fund-us nav ul li a[href='/fund-us/'] .highlight,
body.notify nav ul li a[href='/events/'] .highlight {
background-color: #FFF697; background-color: #FFF697;
background-color: var(--yellow-bg); background-color: var(--yellow-bg);
background-color: var(--complementary-colour-bg); /* for sections where yellow blends too much */ background-color: var(--complementary-colour-bg); /* for sections where yellow blends too much */
...@@ -1078,3 +1079,31 @@ footer .copyright { ...@@ -1078,3 +1079,31 @@ footer .copyright {
color: var(--stormy-blue-text-on-colour); color: var(--stormy-blue-text-on-colour);
transform: rotate(-0.5deg); transform: rotate(-0.5deg);
} }
.buttondown-form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: stretch;
align-items: flex-start;
}
.buttondown-form label {
flex: 1 1 100%; /* take up 100% of space, first row */
margin-bottom: 0.5em;
}
.buttondown-form input {
margin-top: 0;
}
.buttondown-form input[type=email] {
flex: 1 1 auto; /* fill all available space on second row */
line-height: 1em; /* to match the button vertical measurements */
padding: 0.5rem 0.75em; /* to match the button vertical measurements */
}
.buttondown-form input[type=submit] {
line-height: 1.65em;
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment