Co dostajesz
- Jedna strona HTML offline albo prawdziwe trasy w React, Next.js, Vue, Svelte lub Astro
- Archiwum odcinków z wyszukiwarką i filtrami, strony odcinków z rozdziałami i notatkami
- Przypięty odtwarzacz z rozdziałami, kolejką, prędkością i panelem „teraz odtwarzane” na telefonach
- Walidator ścieżek, dostępności, odtwarzacza i pozostałych przykładowych nazw
- Opcjonalnie: poprawa zdjęć, seria okładek, motyw otwarcia i zwiastun w PopNow po wycenie
Sprawdzi się przy
- Podcasty wywiadowe i programy prowadzone przez dwie osoby
- Podcasty marek i firm, które potrzebują dopracowanej strony
- Serie narracyjne podzielone na sezony
Nie nadaje się do
- Programy oparte przede wszystkim na wideo
- Płatne kanały członkowskie za paywallem
- Sieci z wieloma różnymi programami na jednej liście
Jak z niej korzystać
W Claude lub ChatGPT
Użyj umiejętności PopNow „Szablon strony podcastu” (podcast-website-template) do tego: Zbuduj stronę dla Long Lunch, tygodniowego programu z wywiadami z właścicielami restauracji. Odcinki i linki audio są w naszym kanale RSS feeds/longlunch.xml.
W agencie do programowania
/popnow-podcast-website-template Zbuduj stronę dla Long Lunch, tygodniowego programu z wywiadami z właścicielami restauracji. Odcinki i linki audio są w naszym kanale RSS feeds/longlunch.xml.
Potem spróbuj
Wyceń 30-sekundowy instrumentalny motyw otwarcia i mówiony zwiastun z opisu programu.
Sześć odcinków to monologi. Zrób dla nich serię okładek pasującą do wyglądu w duotonie.
Co przygotować
- Nazwę programu, prowadzących, harmonogram i adres kanału RSS
- Listę odcinków z datami, czasem trwania, streszczeniami i rozdziałami
- Linki do audio od twojego hostingu podcastu i zdjęcia, z których możesz korzystać
- Opcjonalnie: klucz API PopNow do okładek, muzyki motywu i zwiastuna
Podobne umiejętności
Zobacz wszystkie →- Strony
Kreator awatarów 3D
+25Zbuduj w przeglądarce uroczą pluszową postać 3D i zapisz ją jako przezroczysty PNG albo stronę 3D.
- Strony
Heatmapa kalendarzowa
+25Rok codziennej aktywności jako cieniowana siatka kalendarza, z seriami, sumami i obsługą klawiatury.
- Strony
Strona lądowania SaaS AI
+25Ciepły piaszczysty papier i żywa tablica kanban, na której asystent planuje zadania i przesuwa karty.
- Strony
Animowana sekcja hero
+25Sekcja hero dla landing page z płynnie zmieniającym się słowem w nagłówku, dwoma przyciskami i szeroką ramką na obraz.
- Strony
Szablon strony marki napojów
+25Słoneczna strona marki napojów lub przekąsek ze sklepem, kreatorem zestawu, mapą sprzedawców i demo płatnością w jednym pliku.
- Strony
Strona agencji kreatywnej z shaderem
+25Żywy pomarańczowy shader w hero, przyklejone hasło, zaokrąglone menu i siatka case studies.
- Strony
Ciemny landing page SaaS
+25Ciemna strona marketingowa produktu software z bogatą animacją, dostarczana jako jeden samodzielny plik HTML.
- Strony
Strona portfolio projektanta
+25Sześć przechylonych kart wokół blednącego nagłówka, jedna czerwona karta portretu, redakcyjne case studies.
- Strony
Strona portfolio programisty
+25Ciemna strona osobista dla inżynierów z case studies, artykułami, wystąpieniami, CV i formularzem kontaktowym.
- Strony
Redakcyjna strona SaaS
+25Granatowe dzielone hero, szeryfowy nagłówek obok zdjęcia dokumentalnego, skośne pasma i kobaltowy akcent.
- Strony
Strona freelance'owego projektanta
+25Odważna strona jednoosobowego studia sprzedającego pakiety o stałej cenie, z podstronami planów, case studies i formularzem briefu.
- Strony
Szablon strony glassmorphism
+25Matowe szklane pigułki na prawie czarnym tle, ogromny szeryfowy nagłówek i zapis e-mail.
- Strony
Strona produktu sprzętowego
+25Ogromne cienkie nazwy modeli na srebrnych zdjęciach, matowe karty specyfikacji i linia produktów w skali.
- Strony
Interaktywny diagram architektury
+25Klikalny diagram systemu offline, zbudowany ze sprawdzonego modelu JSON, z dowodami do każdego bloku.
- Strony
Interaktywne hero z siatką
+25Ciemna siatka cienkich nici, która zagina się ku kursorowi i puszcza świecący pierścień z każdego kliknięcia.
- Strony
Interaktywny graf wiedzy
+25Zamień notatki z projektu w przeszukiwalny graf offline, w którym każde twierdzenie prowadzi do wiersza źródła.
- Strony
Szablon pulpitu KPI
+25Cztery kafle KPI ze znacznikami zmian nad wykresem liniowym, tabelą podziału i słupkami celów.
- Strony
Strona lądowania z makiet AI
+25Najpierw zobacz trzy projekty pełnej strony, wybierz jeden, a agent zbuduje go jako czysty kod.
- Strony
Szablon strony magazynu
+25Strona magazynu w jakości druku z artykułami, tematami, małym sklepem i prenumeratą, jako jeden plik HTML.
- Strony
Hero z animacją cząsteczek
+25Tekst na ciepłym papierze obok obracającej się kuli z kropek, która zmienia kształt przy każdym pomyśle.
- Strony
Strona marki osobistej
+25Portret wtopiony w ciepły papier pod cienkim nawiasem, z mocnymi hasłami po obu stronach.
- Strony
Szablon strony sklepu zoologicznego
+25Działający sklep z artykułami dla zwierząt: katalog, warianty, koszyk, planer dostaw i demo płatność w jednym pliku HTML.
StronySekcja cennika odręcznego
+25Tabela cen w stylu notatnika: pochylone karty z tuszu, przełącznik rocznie i ciemny motyw, w jednym pliku offline.
- Strony
Filmowa strona premiery produktu
+25Prawie czarna strona w świetle filmowym: szeryfowa karta tytułowa, nocna scena i formularz rezerwacji.
- Strony
Strona publikacji naukowej
+25Strona projektu do twojej pracy z interaktywnym rysunkiem 1, wynikami, ograniczeniami i cytowaniem jednym kliknięciem.
- Strony
Szablon panelu administracyjnego
+25Działająca konsola zaplecza z wykresami, tabelami, tablicą kanban i kalendarzem, jako jeden plik HTML offline.
- Strony
Szablon landing page SaaS
+25Spokojna, jasna strona marketingowa produktu software z działającą konsolą produktu, cennikiem i rejestracją.
- Strony
Strona CV i portfolio w stylu scrapbooka
+25Wielostronicowe CV online z papierowych przedmiotów, z case studies i życiorysem do druku.
- Strony
Szablon sklepu ze sneakersami
+25Kompletny sklep z obuwiem lub odzieżą: katalog, strony produktów, koszyk i demonstracyjna kasa w jednym pliku HTML.
- Strony
Szablon strony klubu sportowego
+25Strona klubu, siłowni albo studia z harmonogramem, podstronami trenerów, członkostwami, planem kortów i rezerwacją w jednym pliku.
- Strony
Sekcja ściany opinii
+25Murowana albo powoli dryfująca ściana cytatów klientów, która pokazuje tylko cytaty, na które ludzie wyrazili zgodę.
- Strony
Szablon strony biura podróży
+25Strona oparta na zdjęciach dla wycieczek, przewodników i pensjonatów: wyszukiwarka wyjazdów, zapytania o rezerwację i quiz doboru wyjazdu.
- Strony
Strona lądowania automatyzacji przepływów
+25Grafitowa strona, mały nagłówek i żywy graf węzłów, który działa, ponawia i strumieniuje logi.
Pytania
Czy odtwarzacz gra nasze prawdziwe odcinki?
Tak. Podaj każdemu odcinkowi adres audio od swojego hostingu podcastu, a odtwarzacz używa prawdziwego elementu audio z przewijaniem, rozdziałami, prędkością i wznawianiem. Bez adresu działa symulowany zegar demo, żeby można było ocenić układ.
Zdjęcia naszych gości są różne. Czy okładki będą spójne?
Duotone w CSS zamienia każde kwadratowe zdjęcie w tę samą granatową i jasnoniebieską okładkę. Przy mocno różniących się zdjęciach PopNow może wyciąć zatłoczone tła, powiększyć małe obrazy i wyrównać światło bez zmiany osoby.
Czy PopNow może zrobić nasz muzyczny wstęp?
Tak, opcjonalnie: instrumentalny motyw 20–40 sekund i mówiony zwiastun czytany syntetycznym głosem, każdy wyceniony przed uruchomieniem. Umiejętność zawiera polecenie ffmpeg, które je zmiksuje.
Czy działa dla programu solo albo narracyjnego?
Tak. Goście stają się tematami albo segmentami, sezony mogą być głównym filtrem, a odcinki bez zdjęcia gościa dostają wbudowaną grafikę programu albo wygenerowaną serię okładek.
Czym to się różni od darmowej strony, którą daje mi hosting podcastu?
Strony hostingu to tylko lista odcinków. Ten projekt strony podcastu dodaje odtwarzalną sekcję główną, podstrony gości, notatki z odcinków ze znacznikami czasu i odtwarzacz, który gra dalej podczas przeglądania, a przy starcie programu działa też jako strona docelowa.