Adding events and better why sectino

ui/public/pages/Join.js

@@ -1,6 +1,21 @@
 class Join extends Shadow {
     render() {
-        p("Membership is invitation-only. Look out for us in person, or come to an event!")
+
+        VStack(() => {
+            p("Membership is invitation-only. But sign up for our newsletter to hear about more events!")
+
+            HStack(() => {
+                input("Email", "40vmin")
+                    .attr({name: "email", type: "email"})
+
+                button("Sign Up")
+                    .width(15, vmin)
+            })
+            .gap(1, em)
+            .marginTop(1, em)
+        })
+        .alignItems("center")
+        .maxWidth(90, vw)
         .x(50, vw).y(50, vh)
         .center()
     }