From 6748c24ee8d562a67ef7361df72ab6928bd0c210 Mon Sep 17 00:00:00 2001
From: Amy <minds10@hotmail.com>
Date: Tue, 7 Sep 2021 23:42:35 -0400
Subject: [PATCH] Clean up shapes on some mobile pages

---
 pages/about/team.module.css                 |  1 +
 pages/events/[year]/[term]/[event].tsx      | 11 +++++++++++
 pages/resources/tech-talks/index.module.css |  3 +--
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/pages/about/team.module.css b/pages/about/team.module.css
index dfbf05de..110127a0 100644
--- a/pages/about/team.module.css
+++ b/pages/about/team.module.css
@@ -64,6 +64,7 @@
   .headerContainer {
     flex-direction: column-reverse;
     padding-bottom: 1rem;
+    margin-top: calc(30rem / 16);
   }
 
   .nav {
diff --git a/pages/events/[year]/[term]/[event].tsx b/pages/events/[year]/[term]/[event].tsx
index 33a2aeba..4ab46a09 100644
--- a/pages/events/[year]/[term]/[event].tsx
+++ b/pages/events/[year]/[term]/[event].tsx
@@ -5,6 +5,11 @@ import { MDXRemote } from "next-mdx-remote";
 import React from "react";
 
 import { EventCard } from "@/components/EventCard";
+import {
+  ShapesConfig,
+  defaultGetShapesConfig,
+  GetShapesConfig,
+} from "@/components/ShapesBackground";
 import { Title } from "@/components/Title";
 import {
   Event,
@@ -30,6 +35,12 @@ export default function EventInfoPage({ year, term, event }: Props) {
   );
 }
 
+EventInfoPage.getShapesConfig = ((width, height) => {
+  return window.innerWidth <= 768
+    ? ({} as ShapesConfig)
+    : defaultGetShapesConfig(width, height);
+}) as GetShapesConfig;
+
 interface Props {
   year: string;
   term: string;
diff --git a/pages/resources/tech-talks/index.module.css b/pages/resources/tech-talks/index.module.css
index 7f73bc22..9318627f 100644
--- a/pages/resources/tech-talks/index.module.css
+++ b/pages/resources/tech-talks/index.module.css
@@ -36,8 +36,7 @@
 
 @media only screen and (max-width: calc(768rem / 16)) {
   .page {
-    margin-top: 0;
-    margin-bottom: calc(20rem / 16);
+    margin: calc(30rem / 16) 0;
   }
 
   .headerContainer {