Skip to content

feat: add podcast signup section to page #528

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
courtneylinder wants to merge 7 commits into
base: main
Choose a base branch
from
+144 −0
Open

feat: add podcast signup section to page #528

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
c36a35f
add podcast interest form
courtneylinder Mar 19, 2026
14a3759
add accomodations field
courtneylinder Mar 26, 2026
5f75e5d
update content
courtneylinder Mar 27, 2026
960000a
clean up format
courtneylinder Mar 27, 2026
bc99195
update missing div
courtneylinder Mar 27, 2026
4b0bf10
resolve merge conflict
courtneylinder Mar 29, 2026
62020b0
save
courtneylinder Mar 29, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
144 changes: 144 additions & 0 deletions astro/src/pages/podcasts/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import type { PageMetadata } from "@lib/types";
import type { SocialLinkDictionary } from "@components/SocialLinks.astro";

import { getCollection, render, type CollectionEntry } from "astro:content";
import { type PageMetadata } from "../lib/types";
import { sortBy } from "lodash-es";

type PodcastLinks = CollectionEntry<"podcastShows">["data"]["links"];
Expand Down Expand Up @@ -63,6 +64,8 @@ import Layout from "src/layouts/Layout.astro";
import SocialLinks from "@components/SocialLinks.astro";
import StaffList from "@components/StaffList.astro";
import ThemedSection from "@components/ThemedSection.astro";
import GoogleForm from "@components/forms/GoogleForm.astro";

import ThemedBox from "@components/ThemedBox.astro";
---

Expand Down Expand Up @@ -117,6 +120,147 @@ import ThemedBox from "@components/ThemedBox.astro";
</ThemedSection>
))
}

<ThemedSection style="tertiary">
<h2>Share your experience</h2>
<p>
Would you like to share your experiences living with disability with our podcasts? Do you have an accessibility success story you would like to share?
Please complete the sign up form below and we will be in touch.
</p>
<GoogleForm
id="podcastInterviewForm"
class="col p-4 bg-body form-border interview-form"
key="TODO"
>
<div class="row flex-lg-row">
<div class="col-lg-6">
<div class="mb-3">
{/* Name */}
<label for="firstNameField" class="form-label mb-1 required-field">
First name
</label>
<span class="asterisk"></span>
<input
type="text"
name="firstName"
class="form-control w-100"
id="firstNameField"
autocomplete="name"
required
/>
</div>
<div class="mb-3">
<label for="lastNameField" class="form-label mb-1 required-field">
Last name
</label>
<span class="asterisk"></span>
<input
type="text"
name="lastName"
class="form-control w-100"
id="lastNameField"
autocomplete="name"
required
/>
</div>

{/* Email */}
<div class="mb-3">
<label for="emailField" class="form-label mb-1 required-field">
Email
</label>
<span class="asterisk"></span>
<input
type="text"
name="Email"
class="form-control w-100"
id="emailField"
aria-describedby="emailHelp"
required
/>
<div id="emailHelp" class="form-text small">
We will only use this address to contact you regarding the
interview.
<a href="/privacy-policy" target="_blank">Privacy policy</a>.
</div>
</div>

{/* Disability or Accessibility success topic */}
<div class="mb-4">
<label for="topic" class="form-label mb-1 required-field">
Disability or Accessibility Success Topic
</label>
<span class="asterisk"></span>
<select name="topic" class="form-control w-100" id="topic" required>
<option value="" disabled selected>Select a topic</option>
<option value="accessibilitySuccess">Accessibility Success Story</option>
<option value="other">Other (please specify in comments)</option>
</select>
</div>

<div class="mb-4">
<input type="checkbox" name="consent" id="consent" class="form-check-input" required />
<label for="consent" class="form-label mb-1 required-field">
Would you like your name used or to be anonymous?
</label>
</div>

{/* Accommodations */}
<div class="mb-3">
<label for="accommodationField" class="form-label mb-1 required-field">
Do you need any accomodations to be successful?
</label>
<p id="accomodationHelp" class="form-text small">
Please list any accomodations that you need for the interview or ongoing communciations.
</p>
<textarea
name="accommodations"
class="form-control w-100"
id="accommodationField"
aria-describedby="accomodationHelp"
/>
</div>

{/* Comments */}
<div>
<label for="comments" class="form-label mb-1 required-field">
General comments
</label>
<textarea
name="comments"
class="form-control w-100"
id="comments"
/>
</div>
</div>
<div class="col-lg-6">
<h3>What You Can Expect</h3>
<ul>
<li>
A supportive and empathetic interview by a knowledgeable professional.
</li>
<li>
A pre-interview meeting to answer any questions you have, ensure you have the accommodations you need, familiarize you with the process, and ensure you are comfortable answering the questions.
</li>
<li>
We schedule interviews for 1 hour 15 minutes but you control the time. We can stop early or run over, based on your comfort level.
</li>
<li>
We understand concerns about AI and privacy. We commit to not using AI on content associated with your name beyond Zoom transcription used during the interviews.
</li>
</ul>
<h4>Upcoming Topics</h4>
<p>
April: Multiple Sclerosis
</p>
<p>
May: TBD
</p>
</div>
</div>
</GoogleForm>
</ThemedSection>
{/* Credits */}
<ThemedSection style="secondary">
<h2 class="display-4">Credits and Thanks</h2>
<h3 class="mt-4 mb-2">Contributors</h3>
Expand Down
Loading