Replace AddEvent cal with embedded Google cal

src/components/Ui/Content/GoogleCalendarEmbed.astro

@@ -0,0 +1,20 @@
+---
+export interface Props {
+  calendarId: string;
+  timeZone?: string;
+  title?: string;
+}
+
+const { calendarId, timeZone = 'UTC', title = 'Google Calendar' } = Astro.props;
+const color = 'ffff00';
+const src = `https://calendar.google.com/calendar/embed?color=%23${color}&src=${encodeURIComponent(calendarId)}&ctz=${encodeURIComponent(timeZone)}`;
+---
+
+<div style={{ position: 'relative', paddingBottom: '75%', height: 0, overflow: 'hidden', marginBottom: '2rem' }}>
+  <iframe
+    src={src}
+    style={{ border: 0, position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}
+    title={title}
+    allowfullscreen
+  ></iframe>
+</div>

src/components/Ui/index.ts

@@ -27,4 +27,4 @@ export const QuestionAnswer = {
   Question: QuestionAnswerQuestion,
   Answer: QuestionAnswerAnswer,
 };
-export { default as AddEventCalendar } from './Content/AddEventCalendar.astro';
+export { default as GoogleCalendarEmbed } from './Content/GoogleCalendarEmbed.astro';

src/pages/community/events.mdx

@@ -7,9 +7,9 @@ import {
   PageIntro,
   SolidHeading,
   ReducedWidth,
-  AddEventCalendar,
   SocialLink,
   ButtonLink,
+  GoogleCalendarEmbed,
 } from '~/components/Ui';
 import Events from '~/components/Pages/Events/Events.astro';
 
@@ -20,7 +20,8 @@ Want to keep up to date with all the cool stuff the Unitary Foundation community
 
 </PageIntro>
 
-<AddEventCalendar id="kn360162" />
+<GoogleCalendarEmbed calendarId="c_mgqdq6hj2isi4d6h467kfqvg60@group.calendar.google.com" timeZone="UTC" title="Unitary Foundation Community Calendar" />
+
 
 <ReducedWidth>
   Interested in hosting a community call for your project on our