Add listmonk mailing list form

The days of the week already reflected this, but the headers did not
match.

src/app/board-of-directors/page.tsx

@@ -80,17 +80,13 @@ export default function Club() {
                     <TableCell>Vice President</TableCell>
                   </tr>
                   <tr>
-                    <TableLeftHeading>Tony Grosinger</TableLeftHeading>
+                    <TableLeftHeading>Beth Gasser</TableLeftHeading>
                     <TableCell>Secretary</TableCell>
                   </tr>
                   <tr>
-                    <TableLeftHeading>Temporarily performed by Secretary</TableLeftHeading>
+                    <TableLeftHeading>Tony Grosinger</TableLeftHeading>
                     <TableCell>Treasurer</TableCell>
                   </tr>
-                  <tr>
-                    <TableLeftHeading>Mark Gasser</TableLeftHeading>
-                    <TableCell>Director</TableCell>
-                  </tr>
                   <tr>
                     <TableLeftHeading>Leslie Brown</TableLeftHeading>
                     <TableCell>Director</TableCell>

src/app/calendar/calendar.tsx

@@ -131,7 +131,7 @@ export const CalendarComponent: React.FC<{ calendar: Calendar }> = ({ calendar }
             </header>
             <div className="shadow ring-1 ring-black ring-opacity-5 lg:flex lg:flex-auto lg:flex-col">
                 <div className="grid grid-cols-7 gap-px border-b border-zinc-100 bg-gray-200 text-center text-xs font-semibold leading-6 text-gray-700 lg:flex-none">
-                    {[['M', 'on'], ['T', 'ue'], ['W', 'ed'], ['T', 'hu'], ['F', 'ri'], ['S', 'at'], ['S', 'un']].map((d) => (
+                    {[['S', 'un'], ['M', 'on'], ['T', 'ue'], ['W', 'ed'], ['T', 'hu'], ['F', 'ri'], ['S', 'at']].map((d) => (
                         <div key={d[0] + d[1]} className="bg-white py-2">
                             {d[0]}<span className="sr-only sm:not-sr-only">{d[1]}</span>
                         </div>

src/app/calendar/page.tsx

@@ -44,7 +44,13 @@ async function loadCalendar(): Promise<void> {
         return;
     }
 
-    const icalContents = await (await fetch(icalAddr)).text();
+    console.log("Refreshing iCal from Google Calendar")
+
+    // For some reason Google Calendar is sending different content based on who is requesting it.
+    const headers = new Headers();
+    headers.set('User-Agent', 'curl/7.54.1');
+
+    const icalContents = await (await fetch(icalAddr, { headers })).text();
     const events = ical.parseICS(icalContents);
     const thisMonth = dayjs().startOf('month');
     const yesterday = dayjs().startOf('day').subtract(1, 'day');

src/app/club/page.tsx

@@ -94,15 +94,37 @@ export default function Club() {
         </div>
         <div className="lg:pl-20">
           <ul role="list">
-            <SocialLink href="/WSCC-Membership-Form.pdf" icon={UserPlusIcon}>
+            <form method="post" action="https://lists.orcas.community/subscription/form" className="listmonk-form">
-              Membership Form
+              <div className="flex flex-col gap-y-2">
-            </SocialLink>
+                <h3 className="text-lg font-semibold text-gray-900">Join our mailing list</h3>
-            <SocialLink href="https://groups.orcashub.org/invites/YkP79vjDtz" icon={AtSymbolIcon} className="mt-4">
+                <input type="hidden" name="nonce" />
-              Club Member Mailing List
+                <div>
-            </SocialLink>
+                  <label htmlFor="email" className="sr-only">Email</label>
-            <SocialLink href="https://groups.orcashub.org/invites/Lg87tP3G2V" icon={AtSymbolIcon} className="mt-4">
+                  <input
-              West Sound Neighbor to Neighbor Mailing List
+                    type="email"
-            </SocialLink>
+                    name="email"
+                    id="email"
+                    className="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+                    placeholder="you@example.com" />
+                </div>
+                <div>
+                  <label htmlFor="name" className="sr-only">Name</label>
+                  <input
+                    type="text"
+                    name="name"
+                    id="name"
+                    className="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
+                    placeholder="Jane Doe" />
+                </div>
+                <input className="hidden" type="checkbox" name="l" checked value="ea5f1e67-2ff0-4762-8893-0645e93a8306" />
+                <input
+                  className="w-full rounded-md flex justify-center border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
+                  id="submit"
+                  type="submit"
+                  value="Subscribe"
+                />
+              </div>
+            </form>
             <SocialLink
               href="mailto:contact@westsoundhall.org"
               icon={EnvelopeIcon}

src/app/club/payment.tsx

@@ -279,7 +279,7 @@ function CheckoutForm({
           </h2>
 
           <div className="rounded-md mb-3 px-3 pb-1.5 pt-2.5 shadow-sm ring-1 ring-inset ring-gray-200 focus-within:ring-2 focus-within:ring-indigo-600">
-            <label htmlFor="name" className="block text-xs font-medium text-gray-900">
+            <label htmlFor="email" className="block text-xs font-medium text-gray-900">
               Email
             </label>
             <input

src/app/news/2024-02-17-potluck/page.mdx

@@ -8,7 +8,7 @@ export const article = {
   author: 'Tony Grosinger',
   date: '2024-02-17',
   title: 'February 2024 Potluck',
-  description: "The second potluck of the year, with a slidshow of Orcas history from John Wachter.",
+  description: "The second potluck of the year, with a slideshow of Orcas history from John Wachter.",
 }
 
 

src/app/news/2024-09-21-potluck/page.mdx

@@ -0,0 +1,54 @@
+import { ArticleLayout } from '@/components/ArticleLayout'
+import {MdxImage as Image } from '@/components/MdxImage'
+import landBankPresentation from './Land_Bank_Presentation.jpg'
+
+export const article = {
+  author: 'Tony Grosinger',
+  date: '2024-09-21',
+  title: 'September 2024 Potluck',
+  description: "Our first potluck after the summer break, with Board of Director nominations for the election next month.",
+}
+
+
+export const metadata = {
+  title: article.title,
+  description: article.description,
+}
+
+export default (props) => <ArticleLayout article={article} {...props} />
+
+Summer is wrapping up and the monthly potlucks at the West Sound Hall have
+returned! There are several exciting developments to share with you. Here's a
+quick update on what was discussed at our recent community potluck:
+
+In October, a contractor will be repairing the north end of the hall using the
+funds we raised earlier this year with Give Orcas.
+
+Also in October, we will be electing the new Board of Directors. Our nominating
+committee - Cathy and Grant - have announced the slate of candidates. This
+year's nominees are:
+
+  - Lisa Pedersen for President
+  - Betsy Wareham for Vice President
+  - Beth Gasser for Secretary
+  - Tony Grosinger for Treasurer
+  - Leslie Brown for Director 1
+  - Linn Hulley for Director 2
+
+No additional nominations were made from the floor during the meeting. We
+encourage all members to join us at the October 19th potluck to vote for the
+new board.
+
+<div className="not-prose flex flex-col items-center">
+  <Image src={landBankPresentation} alt="Lincoln Bormann from the SJC Land Bank presenting at the potluck." />
+  <span className="mt-2 text-sm text-zinc-400">
+    Lincoln Bormann from the SJC Land Bank presenting at the potluck.
+  </span>
+</div>
+
+After the potluck dinner, Lincoln Bormann and Brian Wiese from the San Juan
+County Land Bank gave a presentation outlining the work they do, how they make
+decisions about what land to acquire, and provided updates for newly opening
+parks. The Land Bank will be up for election this fall and you can learn more
+on their website - https://sjclandbank.org.
+