90 lines
2.2 KiB
HTML
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>
|
||
|
|
|