alert-team.org/out/index.html
2024-01-20 16:42:25 +01:00

90 lines
2.2 KiB
HTML

<header>
<style>
@import url("https://cdn.jsdelivr.net/gh/aaaakshat/cm-web-fonts@latest/fonts.css");
* {
font-family: "Computer Modern Serif", serif;
}
body {
margin: 5%;
font-size: 15px;
}
.subscribe-button {
/* background: #0055d4; */
background: #444;
padding: 15px 30px;
border-radius: 3px;
border: 0;
cursor: pointer;
text-decoration: none;
color: #ffff;
display: inline-block;
min-width: 150px;
font-size: 15px;
text-align: center;
}
.subscribe-input {
padding: 10px 15px;
border: 1px solid #888;
border-radius: 3px;
width: 40%;
box-shadow: 2px 2px 0 #f3f3f3;
border: 1px solid #ddd;
font-size: 15px;
}
input:focus {
border-color: #0055d4;
}
</style>
</header>
<h1>Active Longtermist Emergency Response Team</h1>
<p>ALERT is a response team, which will seek to react fast to developing catastrophes.</p>
<p>You can read more about the rationale behind it <a href="https://forum.effectivealtruism.org/posts/sgcxDwyD2KL6BHH2C/case-for-emergency-response-teams">here</a>, and about the latest iteration <a href="https://manifund.org/projects/make-alert-happen">here</a>.</p>
<p>If you want to express your interest in becoming a volunteer, you can fill-in the form below, after which someone will be in touch:</p>
<form
method="post"
action="https://list.nunosempere.com/subscription/form"
class="listmonk-form"
>
<div>
<input type="hidden" name="nonce" />
<p>
<input
type="email"
name="email"
required
placeholder="E-mail"
class="subscribe-input"
/>
</p>
<p>
<input
type="text"
name="name"
placeholder="Name (helps filter out malicious entries)"
class="subscribe-input"
/>
</p>
<p style="display: none;">
<input
id="a916d"
type="checkbox"
name="l"
checked
value="a916d49f-0201-46d8-8311-225e095cd82f"
/>
<label for="a916d" style="font-size: 18px;">ALERT</label>
</p>
<p><input type="submit" value="Apply" class="subscribe-button" /></p>
</div>
</form>