From f0e361e790e1c819fe753406dd5950a00e41199b Mon Sep 17 00:00:00 2001
From: frank <420@shampoo.ooo>
Date: Wed, 29 Jun 2022 23:55:35 -0400
Subject: [PATCH] subscribe form upgrade

---
 www/index.php     | 34 ++++++++++++++++++++++++----------
 www/style.css     | 25 +++++++++++++++++++------
 www/subscribe.php | 20 ++++++++++++++++++++
 3 files changed, 63 insertions(+), 16 deletions(-)
 create mode 100644 www/subscribe.php

diff --git a/www/index.php b/www/index.php
index bd945d2..4217e07 100644
--- a/www/index.php
+++ b/www/index.php
@@ -310,9 +310,10 @@
              {
                  font-size: 34px;
              }
-             form#mailing-list input
+             div#mailing-list-form .input
              {
                  font-size: 34px;
+                 height: 100px;
              }
              div#calendar
              {
@@ -338,7 +339,7 @@
              {
                  font-size: 24px;
              }
-             form#mailing-list input
+             div#mailing-list-form .input
              {
                  font-size: 26px;
              }
@@ -463,21 +464,34 @@
             
         </div>
 
-        <!--
         <div id="mailing-list-join">
             <span style="background: #ffa; border-radius: 5px; padding-left: 10px; padding-right: 10px;">
-                Join the mailing list!
+                Join the announcements list
             </div>
         </div>
 
-        <form id="mailing-list" method="post" action="https://nugget.fun/mailman/subscribe/scrapeboard">
-            <input style="width: 50%" name="email" value="Your e-mail"
-                   onfocus="if(this.value=='Your e-mail') this.value='';"
+        <script>
+         function subscribe()
+         {
+             var request = new Request("https://scrape.nugget.fun/www/subscribe.php", {
+                 method: "GET",
+                 headers: {
+                     "Content-Type": "text/plain",
+             }});
+             fetch(request, {mode: "cors"}).then(data => { console.log(data.text()) });
+         }
+        </script>
+
+        <div id="mailing-list-form">
+            <input class="input" id="email-box" style="width: 50%" name="email" value="Your e-mail" onfocus="if(this.value=='Your e-mail') this.value='';"
                    onfocusout="if(this.value=='') this.value='Your e-mail';">
             &nbsp;
-            <input style="cursor: pointer; background: #4f8; font-weight: bold" type="submit" name="email-button" value="Join">
-        </form>
-        -->
+            <button class="input" style="cursor: pointer; background: #4f8; font-weight: bold" value="Join" onclick="subscribe();">Join</button>
+        </div>
+
+        <div id="mailing-list-archives">
+            [<a href="https://nugget.fun/mailman3/hyperkitty/list/scrapeboard-list@nugget.fun/">check past announcements</a>]
+        </div>
 
         <p class="emotes">
             d(⌒ー⌒) (❁´◡`❁) ヽ(＾Д＾)ﾉ （｡>‿‿<｡ ）(*´∇｀)ﾉ (●⌒ｖ⌒●) ´･ᴗ･` （✿＾－＾) ヾ（＾ヮ＾)ﾉ
diff --git a/www/style.css b/www/style.css
index 9e74890..5a861d6 100644
--- a/www/style.css
+++ b/www/style.css
@@ -136,7 +136,7 @@ div#calendar p
     text-align: center;
     width: 65%;
     font-family: CantarellBold;
-    margin: 30px auto;
+    margin: 30px auto 20px auto;
 }
 
 div#calendar div.date
@@ -190,24 +190,37 @@ div#mailing-list-join
     font-size: 34px;
     font-family: CantarellBold;
     margin: 0px;
-    padding-top: 30px;
+    padding-top: 40px;
     background: #fff;
     text-align: center;
 }
 
-form#mailing-list
+div#mailing-list-form
 {
     background: #fff;
     margin: auto;
     padding-top: 20px;
-    padding-bottom: 40px;
+    padding-bottom: 20px;
     text-align: center;
 }
 
-form#mailing-list input
+div#mailing-list-form input
 {
     font-family: NotCourierSans;
-    font-size: 34px;
+}
+
+div#mailing-list-form button
+{
+    padding: 0px 20px;
+}
+
+div#mailing-list-archives
+{
+    font-size: 18px;
+    font-family: CantarellBold;
+    padding-bottom: 40px;
+    background: #fff;
+    text-align: center;
 }
 
 p#credits-heading
diff --git a/www/subscribe.php b/www/subscribe.php
new file mode 100644
index 0000000..9eccb41
--- /dev/null
+++ b/www/subscribe.php
@@ -0,0 +1,20 @@
+<?php
+
+# [subscribe.php]
+#
+# Subscribe an email address to a Mailman3 mailing list. The email address is taken from the query string, and
+# the mailing list can be set to the variable below.
+#
+# Used the documentation at [https://docs.mailman3.org/projects/mailman/en/latest/src/mailman/model/docs/subscriptions.html]
+
+$MAILING_LIST = "sandbox-list@nugget.fun";
+
+$ch = curl_init();
+curl_setopt($ch, CURLOPT_URL, "http://localhost:8001/3.1/system/versions");
+curl_setopt($ch, CURLOPT_HTTPAUTH, CURLAUTH_ANY);
+curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
+curl_setopt($ch, CURLOPT_USERPWD, "restadmin:GgzPdbc0rvvsWkHIhmGtjtbv0rmDlz0Y4zBjQv+kEjl6HvSS");
+echo curl_exec($ch);
+curl_close($ch);
+
+?>