reorg

out/index.html

@@ -0,0 +1,89 @@
+<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>
+