From a2372d7a097450514cbfc3b899ce0ebc1cc3491a Mon Sep 17 00:00:00 2001
From: Matthew MacRae-Bovell <matthewmacraebovell@outlook.com>
Date: Wed, 4 Jun 2025 23:43:32 -0400
Subject: [PATCH] Add mailing list page

---
 assets/scss/_components.scss              |  1 +
 assets/scss/components/_mailing-list.scss | 25 ++++++++++++
 content/mailing-list/_index.md            |  7 ++++
 layouts/_default/mailing-list.html        | 50 +++++++++++++++++++++++
 4 files changed, 83 insertions(+)
 create mode 100644 assets/scss/components/_mailing-list.scss
 create mode 100644 content/mailing-list/_index.md
 create mode 100644 layouts/_default/mailing-list.html

diff --git a/assets/scss/_components.scss b/assets/scss/_components.scss
index b9a44df655..c1f87591c6 100644
--- a/assets/scss/_components.scss
+++ b/assets/scss/_components.scss
@@ -17,6 +17,7 @@
 @import "components/jobuary";
 @import "components/links";
 @import "components/markdown";
+@import "components/mailing-list";
 @import "components/navbar";
 @import "components/page-header";
 @import "components/posts";
diff --git a/assets/scss/components/_mailing-list.scss b/assets/scss/components/_mailing-list.scss
new file mode 100644
index 0000000000..273fd97e99
--- /dev/null
+++ b/assets/scss/components/_mailing-list.scss
@@ -0,0 +1,25 @@
+.mailing-list {
+  min-height: 97vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin: auto;
+  background-color: white;
+  padding: 1rem;
+
+  &__image {
+    width: 100%;
+    max-width: 36rem;
+    margin-bottom: 3rem;
+    border-radius: 2rem;
+    height: 18rem;
+    object-fit: cover;
+  }
+
+  &__logo {
+    width: 100%;
+    max-width: 17rem;
+    margin-bottom: 4rem;
+  }
+}
diff --git a/content/mailing-list/_index.md b/content/mailing-list/_index.md
new file mode 100644
index 0000000000..edd4c9b09a
--- /dev/null
+++ b/content/mailing-list/_index.md
@@ -0,0 +1,7 @@
+---
+title: "Mailing List"
+date: 2025-05-04T12:00:00Z
+draft: false
+
+layout: mailing-list
+---
diff --git a/layouts/_default/mailing-list.html b/layouts/_default/mailing-list.html
new file mode 100644
index 0000000000..3e959efd10
--- /dev/null
+++ b/layouts/_default/mailing-list.html
@@ -0,0 +1,50 @@
+{{ define "main" }}
+  <div class="mailing-list">
+    <a href="/"
+      ><img
+        src="/images/ccss-logo-2022.png"
+        alt="Carleton Computer Science Society Logo"
+        class="mailing-list__logo"
+    /></a>
+    <img
+      src="/images/slideshow/orientation.jpeg"
+      alt="Background Image"
+      class="mailing-list__image"
+    />
+    <i>Join our mailing list to stay updated!</i>
+
+    <script
+      async
+      src="https://eocampaign1.com/form/c291271e-41b5-11f0-a0df-edc663a22539.js"
+      data-form="c291271e-41b5-11f0-a0df-edc663a22539"
+    ></script>
+
+    <script>
+      window.addEventListener("load", () => {
+        const observer = new MutationObserver(() => {
+          const form = document.querySelector("form.emailoctopus-form");
+          if (form) {
+            observer.disconnect();
+
+            const emailInput = form.querySelector('input[type="email"]');
+            const submitButton = form.querySelector('input[type="submit"]');
+
+            if (!emailInput || !submitButton) return;
+
+            submitButton.addEventListener("click", (e) => {
+              const email = emailInput.value.trim();
+              if (/@cmail\.carleton\.ca$/i.test(email)) {
+                e.preventDefault();
+                alert(
+                  "Sorry, emails from cmail.carleton.ca are not allowed. We already sends emails to all Computer Science students with a cmail address."
+                );
+              }
+            });
+          }
+        });
+
+        observer.observe(document.body, { childList: true, subtree: true });
+      });
+    </script>
+  </div>
+{{ end }}