From 57835c660b7b1fcb646aca7db8695932d0363a10 Mon Sep 17 00:00:00 2001 From: indraprx <147553301+indraprx@users.noreply.github.com> Date: Wed, 4 Dec 2024 16:26:07 -0600 Subject: [PATCH 1/5] updates to donor citations Updates to donor citations --- collections/_shows/ear-hustle.html | 4 ++-- collections/_shows/normal-gossip.html | 2 +- collections/_shows/snap-judgment.html | 2 +- collections/_shows/the-recipe.html | 2 +- collections/_shows/the-world.html | 4 ++-- collections/_shows/weight-for-it.html | 2 +- 6 files changed, 8 insertions(+), 8 deletions(-) diff --git a/collections/_shows/ear-hustle.html b/collections/_shows/ear-hustle.html index 0377b82..52ff8a2 100644 --- a/collections/_shows/ear-hustle.html +++ b/collections/_shows/ear-hustle.html @@ -11,7 +11,7 @@ url: "https://dts.podtrac.com/redirect.mp3/pdrl.fm/c52dde/dovetail.prxu.org/_/59/d3f16a3f-5ee3-4071-8a88-f0bb18051ef6/1302_WHATS_UP_MICHAEL_FREEMAN_SEG_A_FF_-16.mp3" title: "What's Up, Michael Freeman?" -funders: "Mellon Foundation, Meadow Fund, The Just Trust" +funders: "Mellon Foundation, Meadow Fund, Schmidt Family Foundation, The Just Trust" quote: text: "If you are sensitive to the sounds around you, you can make any room come alive ... When you are involved in a creative process, the direness of your environment fades a little bit. You kind of forget where you are." citation: "— Nigel Poor, Co-Host and Co-Creator of Ear Hustle" @@ -20,7 +20,7 @@ alt: "The team for Ear Hustle on a panel at the Aspen Ideas conference with John Legend" donor-quote: text: "Thank you for your work! Ear Hustle was my gateway to Radiotopia, and then I found Articles of Interest and Everything is Alive ... You folks are a beacon of light in the podcast universe. I am cheering you all on from Arkansas!" - citation: "— Elaine K., Radiotopia Listener Supporter" + citation: "— Elaine K., Radiotopia Donor" ---

Ear Hustle is uniquely adept at telling expansive stories from confined spaces as the first podcast created and produced in prison. Starting from inside San Quentin State Prison in 2016, Ear Hustle also shares perspectives from the outside, post-incarceration. Episodes have been downloaded more than 81 million times, and incarcerated people in prisons around the world can listen to the podcast.

diff --git a/collections/_shows/normal-gossip.html b/collections/_shows/normal-gossip.html index 2bf7d17..a6fe87c 100644 --- a/collections/_shows/normal-gossip.html +++ b/collections/_shows/normal-gossip.html @@ -18,7 +18,7 @@ alt: "The two female hosts of Normal Gossip pose for a photo while sitting in a restaurant booth" donor-quote: text: "I love so many Radiotopia shows past and present — Normal Gossip, The Memory Palace, Song Exploder, Articles of Interest, Everything Is Alive ... I believe in the mission of a collective of independent creators with full creative freedom. It’s so special and it’s how you have such unique shows, like Everything Is Alive and Ear Hustle, which might not have been greenlit at a place like SiriusXM because the commercial value is unclear. I love what you’re doing and I hope you know how much you’re loved." - citation: "— Morgan K., Listener Supporter" + citation: "— Morgan K., Radiotopia Donor" ---

When Normal Gossip joined Radiotopia from PRX in 2023, the show sharing strange, funny, and utterly banal reader-submitted gossip was already a hit. Since joining the creator-owned network supported by PRX, the podcast — from the minds of Kelsey McKinney and Alex Sujong Laughlin — has exploded its reach, hitting more than 10 million downloads in the spring of 2023 and more than 20 million just a year later.

diff --git a/collections/_shows/snap-judgment.html b/collections/_shows/snap-judgment.html index 1d412aa..da27288 100644 --- a/collections/_shows/snap-judgment.html +++ b/collections/_shows/snap-judgment.html @@ -18,7 +18,7 @@ alt: "The team at Snap Judgement at KQED" donor-quote: text: "I teach ELL in a high poverty middle school in Washington state. [Snap Judgment] is a godsend; authentic stories, told by different voices … My Mexican-American and Iraqi students heard themselves in a story at school for the first time … Your stories are changing how my kids look at school and themselves." - citation: "— Kathryn, Snap Judgment Listener Supporter" + citation: "— Kathryn, Snap Judgment Listener" ---

Snap Judgment, a quintessential show with a musical brand of storytelling, comes to the airwaves each week via PRX. Host Glynn Washington and producers draw in listeners with expert narrative and sound design. The teams behind the show shared insights into their pitch process and design in community workshops for the PRX Podcast Garage at KQED in San Francisco, giving fellow producers and fans alike a look behind the scenes and inspiration for telling their own stories.

diff --git a/collections/_shows/the-recipe.html b/collections/_shows/the-recipe.html index 99b4712..4c359ac 100644 --- a/collections/_shows/the-recipe.html +++ b/collections/_shows/the-recipe.html @@ -15,7 +15,7 @@ citation: "— Jason Saldanha, PRX Chief Operating Officer" donor-quote: text: "The two people that taught me how to cook — couldn't be more excited for this!" - citation: "— Jill C., The Recipe Listener Supporter" + citation: "— Jill C., Radiotopia Donor" ---

How do you make the perfect grilled cheese? Tomato soup? Iceberg salad? For home cooks who prep meals with podcasts in their ears, The Recipe with Kenji and Deb is the ideal kitchen companion. Co-hosts and co-creators Deb Perelman (Smitten Kitchen) and J. Kenji López-Alt (The New York Times, The Food Lab, The Wok) help home cooks become even better with a fun, light-hearted show from Radiotopia from PRX.

diff --git a/collections/_shows/the-world.html b/collections/_shows/the-world.html index 1582e6e..3d97e9d 100644 --- a/collections/_shows/the-world.html +++ b/collections/_shows/the-world.html @@ -13,10 +13,10 @@ quote: text: "The closer we can get to the story, the more accurate, more powerful reporting we can do." citation: "— Shirin Jaafari, Reporter for The World" -funders: "Corporation for Public Broadcasting, Carnegie Corporation of New York, Lumina Foundation, Henry Luce Foundation, United States Japan Foundation, Marty and Dorothy Silverman Foundation" +funders: "Corporation for Public Broadcasting, Carnegie Corporation of New York, Lumina Foundation, Henry Luce Foundation, United States Japan Foundation" donor-quote: text: "My sister Deborah Brown and I are longtime public radio donors and we are pleased to support PRX through the Harold and Colleen Brown Family Foundation. Thanks to our parents, starting as children we were exposed to world events. So The World is one of our favorite programs. When our father was Jimmy Carter's Secretary of Defense, world events could be personally stomach churning. But now they are a welcome diversion from US domestic politics. The World presents a nonpartisan view of world affairs, including reports from correspondence and interviews with world leaders. Best of all the reports cover not just the top news, there are cultural vignettes on everything from Armenian winemakers to female Zambian rappers. The hosts, Marco Werman and Carolyn Beeler, wrap it all up and make the case that Americans must recognize our connection to the rest of the world." - citation: "— Ellen Brown, Listener Supporter, Harold and Colleen Brown Family Foundation" + citation: "— Ellen Brown, The World and PRX Donor" mosaic: - color: orange position: 1 / 1 / span 5/ span 4 diff --git a/collections/_shows/weight-for-it.html b/collections/_shows/weight-for-it.html index 2fd1d20..4c25491 100644 --- a/collections/_shows/weight-for-it.html +++ b/collections/_shows/weight-for-it.html @@ -14,7 +14,7 @@ alt: "The team at Weight for It laughs on a panel" quote: text: "I really can’t overstate this enough: The training that we received was so incredibly valuable to us as a small nonprofit podcast. I am confident that when we look back on the journey of our show, we’ll point to those three days as a turning point, where we transitioned from determined enthusiasts into professionals equipped with the industry knowledge and connections we need to be really successful." - citation: "— Chance Ruder, Co-Founder of Conservation Connection and Atlanta Summit Attendee" + citation: "— Chance Ruder, Atlanta Summit Attendee" donor-quote: text: "I wasn't sure if I should continue because of my lack of audience engagement and following, but I now have perspective on how to actually identify my audience, gain perspective, create a better logo, create a better social presence, extend myself beyond Youtube and my platform (creating a 2nd and 3rd life for my show), and I also made friends with similar aspirations, which wasn't something I had before last Wednesday." citation: "— Bria Edwards, Atlanta Summit Attendee" From a3879fdd75495898de75b02e7d85ec27433b0e45 Mon Sep 17 00:00:00 2001 From: Brandon Hundt Date: Wed, 4 Dec 2024 16:46:36 -0600 Subject: [PATCH 2/5] feat(content): more text updates --- _data/financials.json | 4 ++-- _includes/app/footer.html | 3 +-- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/_data/financials.json b/_data/financials.json index 431ddfe..7deecf0 100644 --- a/_data/financials.json +++ b/_data/financials.json @@ -30,7 +30,7 @@ ] }, { - "heading": "$1,815,549", + "heading": "$4,906,133", "description": "Grants", "type": "revenue", "color": "yellow", @@ -42,7 +42,7 @@ ] }, { - "heading": "$1,474,295", + "heading": "$2,446,097", "description": "Individual Gifts", "type": "revenue", "color": "blue", diff --git a/_includes/app/footer.html b/_includes/app/footer.html index 991ff95..65f7882 100644 --- a/_includes/app/footer.html +++ b/_includes/app/footer.html @@ -2,8 +2,7 @@ From f44059df8f43bd4dd88fb83e5da35a5bdf401d6a Mon Sep 17 00:00:00 2001 From: Brandon Hundt Date: Thu, 5 Dec 2024 11:00:37 -0600 Subject: [PATCH 3/5] feat(video): add big questions video replacing the mosaic --- _includes/components/video.html | 1 + _includes/page-types/show.html | 8 ++++++ _sass/_layout.scss | 7 +++++ collections/_shows/second-sunday.html | 41 ++------------------------- 4 files changed, 19 insertions(+), 38 deletions(-) create mode 100644 _includes/components/video.html diff --git a/_includes/components/video.html b/_includes/components/video.html new file mode 100644 index 0000000..79ddc6d --- /dev/null +++ b/_includes/components/video.html @@ -0,0 +1 @@ + diff --git a/_includes/page-types/show.html b/_includes/page-types/show.html index 5ce559a..aa09814 100644 --- a/_includes/page-types/show.html +++ b/_includes/page-types/show.html @@ -60,6 +60,14 @@

{{ show.title }}

{%- endif -%} + {%- if show.video -%} +
+ {% include components/video.html + url=show.video.url + %} +
+ {%- endif -%} + {%- if show.mosaic -%} {%- assign mosaic = show.mosaic -%}
diff --git a/_sass/_layout.scss b/_sass/_layout.scss index 9752ea1..5101f08 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -138,3 +138,10 @@ blockquote { font-size: .875rem; font-weight: bold; } + +video { + width: 100% !important; + height: auto !important; + border-radius: 20px; + +} diff --git a/collections/_shows/second-sunday.html b/collections/_shows/second-sunday.html index c2a41cc..428fe3f 100644 --- a/collections/_shows/second-sunday.html +++ b/collections/_shows/second-sunday.html @@ -17,44 +17,9 @@ donor-quote: text: "Partnering with an entity like PRX legitimizes the work that we're doing. As an independent creator out here you need partnerships with established organizations." citation: "— Anna DeShawn, Second Sunday Producer & Co-Founder/CEO of The Qube" -mosaic: - - color: blue - position: 1 / 6 / span 1 / span 1 - - color: cyan - position: 6 / 8 / span 1 / span 1 - - color: yellow - position: 7 / 3 / span 2 / span 2 - - color: orange - position: 7 / 1 / span 1 / span 1 - - color: orange - position: 4 / 4 / span 3 / span 2 - - color: navy - position: 4 / 6 / span 1 / span 1 - - color: yellow - position: 1 / 1 / span 5 / span 4 - image: - src: img/hero/big_questions-1.jpg - alt: "TBD" - - color: yellow - position: 2 / 5 / span 2 / span 3 - image: - src: img/hero/big_questions-5.jpg - alt: "TBD" - - color: navy - position: 6 / 2 / span 2 / span 2 - image: - src: img/hero/big_questions-3.jpg - alt: "TBD" - - color: blue - position: 1 / 7 / span 2 / span 2 - image: - src: img/hero/big_questions-2.jpg - alt: "TBD" - - color: navy - position: 5 / 5 / span 4 / span 3 - image: - src: img/hero/big_questions-4.jpg - alt: "TBD" +video: + url: https://dovetail.prxu.org/9003/de91ad91-e1dd-4ad9-8602-4daf31dafc1f/PRX_COMPILATION_VIDEO.mp4 + ---

Second Sunday — a podcast from The Qube about Black queer people finding, keeping, and sometimes losing faith in the Black church — navigates religion, spirituality, culture, and identity. It's one of four shows that are part of PRX's Big Questions Project, supported by the John Templeton Foundation, helping deep thinkers bring their perspectives to podcasting. This year, Second Sunday, Rock That Doesn't Roll, Moral Repair, and Mother is A Question launched their second seasons with guidance from PRX Productions. The shows, which all probe central questions of what it means to be human, garnered waves of recognition in their first seasons, including from The Ambie Awards For Excellence in Audio, the Religion Communicators Council, and the American Academy of Religion.

From 94c59537f4a7293a44dbd038555a328aa71424bf Mon Sep 17 00:00:00 2001 From: Brandon Hundt Date: Thu, 5 Dec 2024 11:08:52 -0600 Subject: [PATCH 4/5] feat(show-video): styling --- _includes/page-types/show.html | 2 +- _sass/_layout.scss | 2 +- _sass/_show.scss | 6 ++++++ 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/_includes/page-types/show.html b/_includes/page-types/show.html index aa09814..0e458a7 100644 --- a/_includes/page-types/show.html +++ b/_includes/page-types/show.html @@ -61,7 +61,7 @@

{{ show.title }}

{%- endif -%} {%- if show.video -%} -
+
{% include components/video.html url=show.video.url %} diff --git a/_sass/_layout.scss b/_sass/_layout.scss index 5101f08..5065311 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -143,5 +143,5 @@ video { width: 100% !important; height: auto !important; border-radius: 20px; - + box-shadow: 0 5px 0px 0px $yellow; } diff --git a/_sass/_show.scss b/_sass/_show.scss index 9028e19..bd4835d 100644 --- a/_sass/_show.scss +++ b/_sass/_show.scss @@ -419,6 +419,12 @@ max-width: 100vw; } +.show-video { + grid-column: wide; + justify-self: center; + text-align: center; +} + .show-mosaic { grid-column: wide; From 11b68fc45e6e8ac431cb83ffa42f5c24bae85d9c Mon Sep 17 00:00:00 2001 From: Rick Peterman Date: Thu, 5 Dec 2024 11:39:17 -0600 Subject: [PATCH 5/5] fix(finances): two column layout breakpoint - content quote layout on mobile - add picture preset for content images - fix reflow on video load - move video styles into show css to make use of show color theme --- _data/financials.json | 4 ++-- _data/picture.yml | 20 +++++++++++++++++--- _includes/components/video.html | 2 +- _includes/page-types/content.html | 2 +- _sass/_content.scss | 10 +++++----- _sass/_finances.scss | 2 +- _sass/_layout.scss | 7 ------- _sass/_show.scss | 13 ++++++++++--- 8 files changed, 37 insertions(+), 23 deletions(-) diff --git a/_data/financials.json b/_data/financials.json index 7deecf0..8393279 100644 --- a/_data/financials.json +++ b/_data/financials.json @@ -75,7 +75,7 @@ "color": "orange", "positions": [ { - "value": "auto / 1 / span 3 / -1" + "value": "auto / 1 / span 4 / -1" }, { "breakpoint": "sm", @@ -90,7 +90,7 @@ "color": "cyan", "positions": [ { - "value": "auto / 1 / span 3 / -1" + "value": "auto / 1 / span 4 / -1" }, { "breakpoint": "sm", diff --git a/_data/picture.yml b/_data/picture.yml index dda5714..87dd78c 100644 --- a/_data/picture.yml +++ b/_data/picture.yml @@ -2,10 +2,10 @@ media_queries: mobile: 'max-width: 480px' - tablet: 'max-width: 768' + tablet: 'max-width: 768px' laptop: 'max-width: 1024px' - desktop: 'max-width: 1200' - wide: 'min-width: 1201' + desktop: 'max-width: 1200px' + wide: 'min-width: 1201px' presets: default: @@ -88,3 +88,17 @@ presets: webp: 100 avif: 100 jp2: 100 + + content-image: + formats: [webp, original] + widths: [250, 300, 360, 416] + fallback_width: 300 # The default is 800, which is probably too big. + size: calc(100vw - 8rem) + sizes: + tablet: 300px + formats: [webp, original] + dimension_attributes: true + format_quality: + webp: 100 + avif: 100 + jp2: 100 diff --git a/_includes/components/video.html b/_includes/components/video.html index 79ddc6d..7875ae6 100644 --- a/_includes/components/video.html +++ b/_includes/components/video.html @@ -1 +1 @@ - + diff --git a/_includes/page-types/content.html b/_includes/page-types/content.html index b0bd95f..d3f3f46 100644 --- a/_includes/page-types/content.html +++ b/_includes/page-types/content.html @@ -32,7 +32,7 @@

{{ content.title }}

{%- if content.featured-image -%} {%- endif -%}
diff --git a/_sass/_content.scss b/_sass/_content.scss index fb2626d..08acdea 100644 --- a/_sass/_content.scss +++ b/_sass/_content.scss @@ -115,17 +115,17 @@ blockquote.image { display: grid; - grid-template-columns: 1fr 2fr; - grid-template-rows: repeat(2, auto); column-gap: var(--_content--column-gap); - row-gap: 0; - - picture { grid-area: 1 / 1 / 3 / 2; } + row-gap: var(--_content--row-gap); img { border-radius: 20px; box-shadow: 10px -10px 0px 0px var(--_content--accent--color1), -10px 10px 0px 0px var(--_content--accent--color2); } + + @media (min-width: 768px) { + grid-template-columns: 1fr 2fr; + } } } diff --git a/_sass/_finances.scss b/_sass/_finances.scss index fd0925b..6780bcb 100644 --- a/_sass/_finances.scss +++ b/_sass/_finances.scss @@ -12,7 +12,7 @@ */ $gap: 4rem; $columns: 2; - $min-width: 500px; + $min-width: 600px; /** * Calculated values. diff --git a/_sass/_layout.scss b/_sass/_layout.scss index 5065311..9752ea1 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -138,10 +138,3 @@ blockquote { font-size: .875rem; font-weight: bold; } - -video { - width: 100% !important; - height: auto !important; - border-radius: 20px; - box-shadow: 0 5px 0px 0px $yellow; -} diff --git a/_sass/_show.scss b/_sass/_show.scss index bd4835d..3ccf52b 100644 --- a/_sass/_show.scss +++ b/_sass/_show.scss @@ -414,15 +414,22 @@ display: grid; grid-template-columns: subgrid; - row-gap: calc(var(--_show--row-gap) / 2); + row-gap: var(--_show--row-gap); max-width: 100vw; } .show-video { grid-column: wide; - justify-self: center; - text-align: center; + + position: relative; + display: grid; + aspect-ratio: 16 / 9; + + video { + border-radius: 20px; + box-shadow: 0 5px 0px 0px var(--_show--color); + } } .show-mosaic {