Update staging

src/_includes/head.liquid

@@ -11,7 +11,7 @@
   >
   <meta
     name='description'
-    content='Thriving online community that unites neurodivergent folks in the tech industry to network, advocate, & empower'
+    content='Neurodivergent-led, Neurodivergent-driven: Shaping our space in tech'
   >
 
   <!-- Preview Card data -->
@@ -47,7 +47,7 @@
   >
   <meta
     name='twitter:description'
-    content='Thriving online community that unites neurodivergent folks in the tech industry to network, advocate, & empower'
+    content='Neurodivergent-led, Neurodivergent-driven: Shaping our space in tech'
   >
   <meta
     name='twitter:image'

src/contact.html

@@ -6,4 +6,10 @@
 
 <h1>Contact</h1>
 
-<p>nditcommunity@gmail.com</p>
+<iframe
+  class="contact-form"
+  src="https://docs.google.com/forms/d/e/1FAIpQLSendg9Er7RWxs1AAUPJ7pL6K-QwXfz6uKZFKIXzG1nCiXRrvQ/viewform?embedded=true&showTitle=0"
+  frameborder="0"
+>
+  Loading Google Form...
+</iframe>

src/events.html

@@ -9,4 +9,6 @@ <h1>Events</h1>
   class="calendar"
   src="https://calendar.google.com/calendar/embed?&showCalendars=0&showPrint=0&showDate=0&showNav=0&showTitle=0&src=bmRpdGNvbW11bml0eUBnbWFpbC5jb20&src=YWRkcmVzc2Jvb2sjY29udGFjdHNAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t"
   scrolling="no"
-></iframe>
+>
+  Loading Google Calendar...
+</iframe>

src/styles/style.css

@@ -333,6 +333,25 @@ h6 {
   margin-bottom: 0.5em;
 }
 
+/* iframes */
+
+iframe {
+  border: 0;
+  width: 100%;
+  border-radius: 1rem;
+  background-color: var(--white);
+  overflow: hidden;
+}
+
+.day-mode iframe {
+  box-shadow: var(--day-shadow);
+}
+
+.night-mode iframe {
+  filter: invert(1) hue-rotate(180deg);
+  box-shadow: 0px 4px 6px rgba(128, 128, 128, 0.45);
+}
+
 /* home */
 
 .tagline {
@@ -421,21 +440,14 @@ body.night-mode .join-btn:hover {
 
 .calendar {
   height: 20rem;
-  border: 0;
-  width: 100%;
-  border-radius: 1rem;
-  background-color: var(--white);
   padding: 1rem;
-  overflow: hidden;
 }
 
-.day-mode .calendar {
-  box-shadow: var(--day-shadow);
-}
+/* contact */
 
-.night-mode .calendar {
-  filter: invert(1) hue-rotate(180deg);
-  box-shadow: 0px 4px 6px rgba(128, 128, 128, 0.45);
+.contact-form {
+  height: 46rem;
+  padding: 1rem 0;
 }
 
 /* ---------- FOOTER ---------- */
@@ -483,9 +495,16 @@ body.day-mode footer {
   }
 
   .calendar {
-    width: 17rem;
+    width: 19rem;
     min-height: 17rem;
     margin-top: 0.8rem;
     height: auto;
+    margin-left: -1rem;
+    transform: scale(0.9);
+    transform-origin: top center;
+  }
+
+  .contact-form {
+    height: 50rem;
   }
 }