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 12 commits into
base: main
Choose a base branch
from
Open

feat: add podcast signup section to page #528

Show file tree
Hide file tree
Changes from 9 commits
Commits
Show all changes
12 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
a24c191
Added GoogleForm key
brian-montgomery Apr 6, 2026
9b08678
Cleanup
brian-montgomery Apr 6, 2026
de6de27
Add separate interest form page
brian-montgomery May 7, 2026
8c27943
Interest form as new page
brian-montgomery May 7, 2026
a7585a3
Merge branch 'main' into clinder/gh-475/podcast-signup
brian-montgomery May 7, 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
4 changes: 3 additions & 1 deletion astro/src/components/forms/GoogleForm.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ interface Props {
arrayFields?: Array<string>;
class?: string;
messageText?: string;
buttonTheme?: string;
}

const defaultMessage =
Expand All @@ -15,6 +16,7 @@ const {
arrayFields = [],
class: classes = null,
messageText = defaultMessage,
buttonTheme = "info",
} = Astro.props;
const messageId = `${id}-message`;
---
Expand All @@ -29,7 +31,7 @@ const messageId = `${id}-message`;
<slot />
<slot name="buttons">
<div class="col-md-6 mt-4 mx-auto">
<button type="submit" class="btn btn-info w-100">Submit</button>
<button type="submit" class={`btn btn-${buttonTheme} w-100`}>Submit</button>
</div>
</slot>
</form>
Expand Down
152 changes: 152 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,155 @@ import ThemedBox from "@components/ThemedBox.astro";
</ThemedSection>
))
}

<ThemedSection text>
<h2 class="display-4">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"
key="AKfycbx26smDFVUQy7lquGCDUAVBDdk5sqRS5k6_MgWJKDd9-qIkjm2OSH3uCSUpPIZCaG0"
class="col p-4 bg-body-tertiary border border-2 border-info rounded"
>
<div slot="prelude">
<h3 class="text-info">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>
<h3 class="text-info">Upcoming Topics</h3>
<ul>
<li>April: Multiple Sclerosis</li>
<li>May: TBD</li>
</ul>
<h3 class="text-info">Podcast Interview Form</h3>
</div>
<div class="row row-cols-1 row-cols-lg-2">
<div class="col 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-4">
<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>
<div class="mb-3">
<input type="checkbox" name="Consent" id="consent" class="form-check-input" value="Name" />
<label for="consent" class="form-label mb-1 required-field">
Would you like your name used or to be anonymous?
Copy link
Copy Markdown
Contributor

@brian-montgomery brian-montgomery Apr 6, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

One question: Is this supposed to be yes for a name or yes for anonymous?
It's a little confusing.

</label>
</div>

{/* Disability or Accessibility success topic */}
<div class="mb-3">
<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>

{/* 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
/>
<p 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>.
</p>
</div>
</div>

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

{/* Comments */}
<div>
<label for="comments" class="form-label mb-1 required-field">
General comments
</label>
<textarea
id="comments"
name="Comments"
class="form-control w-100"
rows="4"
aria-describedby="commentsHelp"
/>
<p id="commentsHelp" class="form-text small">
Please add any other comments, thoughts or questions you have.
</p>
</div>
</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