From e80f699bcde90b96cee22e9b7a1644de7d3d5a2b Mon Sep 17 00:00:00 2001
From: Mekdim Dereje <mda89@sfu.ca>
Date: Fri, 6 Oct 2023 20:39:38 -0700
Subject: [PATCH 1/2] Add subscribe button for events calendar

---
 pages/events.js               | 12 ++++++++++--
 styles/pages/events-page.scss | 16 ++++++++++++++++
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/pages/events.js b/pages/events.js
index 1d8bfc4..5d4f052 100644
--- a/pages/events.js
+++ b/pages/events.js
@@ -1,5 +1,4 @@
-import { Helmet, Footer } from "@components";
-import { Hero, HeaderNav } from "@components";
+import { Helmet, Footer, Hero, HeaderNav, Button } from "@components";
 import EventsCalendar from "components/EventsCalendar";
 import HeroImage from "@images/landing-page/discover-ssss-get-involved.png";
 import { useRouter } from "next/router";
@@ -49,6 +48,15 @@ export default function EventsPage() {
               <p>Job fair in collaboration with the MSESS and SEESS</p>
             </a>
           </section>
+          <div className="annual-events__subscribe-button">
+            <a
+              href="https://calendar.google.com/calendar/u/0?cid=ajdxZmNuZ2Q5Y3JiaGVsaWI2dGdkaWhpM2tAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ"
+              target="_blank"
+              rel="noreferrer"
+            >
+              <Button label="Subscribe to Events Calendar" type="secondary" />
+            </a>
+          </div>
           <section className="annual-events__events-calendar">
             <EventsCalendar />
           </section>
diff --git a/styles/pages/events-page.scss b/styles/pages/events-page.scss
index ccb1eb4..4084c6e 100644
--- a/styles/pages/events-page.scss
+++ b/styles/pages/events-page.scss
@@ -84,6 +84,18 @@
       }
     }
 
+    .annual-events__subscribe-button {
+      margin-top: 2rem;
+      margin-bottom: 2rem;
+      display: flex;
+      justify-content: center;
+
+      button {
+        background-color: var(--colour-neutral-000);
+        color: var(--colour-neutral-1200);
+      }
+    }
+
     @include viewport(tablet-desktop) {
       header {
         grid-area: header;
@@ -119,6 +131,10 @@
           background-image: url("../../public/images/landing-page/discover-ssss-main.png");
         }
       }
+
+      .annual-events__subscribe-button {
+        justify-content: flex-end;
+      }
     }
   }
 }

From c8703096a0b94a23ee19e15ff0be5a2724997cb0 Mon Sep 17 00:00:00 2001
From: Mekdim Dereje <mda89@sfu.ca>
Date: Wed, 11 Oct 2023 22:05:56 -0700
Subject: [PATCH 2/2] Remove bottom margin for subscribe button

---
 styles/pages/events-page.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/styles/pages/events-page.scss b/styles/pages/events-page.scss
index 4084c6e..236defa 100644
--- a/styles/pages/events-page.scss
+++ b/styles/pages/events-page.scss
@@ -86,7 +86,6 @@
 
     .annual-events__subscribe-button {
       margin-top: 2rem;
-      margin-bottom: 2rem;
       display: flex;
       justify-content: center;