Ce que vous obtenez
- Un site HTML hors ligne, ou de vraies routes en React, Next.js, Vue, Svelte ou Astro
- Archive d’épisodes avec recherche et filtres, pages d’épisode avec chapitres et notes
- Un lecteur ancré avec chapitres, file d’attente, vitesse et une fiche « en cours de lecture » sur téléphone
- Un validateur pour les routes, l’accessibilité, le lecteur et les restes d’exemples
- En option : retouche des photos, série de pochettes, générique et bande-annonce par PopNow après devis
Idéal pour
- Podcasts d’entretiens et émissions à plusieurs animateurs
- Podcasts de marque ou d’entreprise qui ont besoin d’une vitrine soignée
- Séries narratives organisées par saison
Pas fait pour
- Émissions d’abord vidéo
- Flux d’abonnement payants
- Réseaux qui référencent de nombreuses émissions différentes
Comment l’utiliser
Dans Claude ou ChatGPT
Utilisez le skill PopNow « Modèle de site de podcast » (podcast-website-template) pour ceci : Construisez le site de Long Lunch, une émission d’entretiens hebdomadaire avec des restaurateurs. Les épisodes et liens audio sont dans notre flux RSS feeds/longlunch.xml.
Dans un agent de code
/popnow-podcast-website-template Construisez le site de Long Lunch, une émission d’entretiens hebdomadaire avec des restaurateurs. Les épisodes et liens audio sont dans notre flux RSS feeds/longlunch.xml.
Puis essayez
Chiffrez un générique instrumental de 30 secondes et une bande-annonce parlée à partir de la description de notre émission.
Six épisodes sont en solo. Faites-leur une série de pochettes assortie au style bichromie.
À préparer
- Nom de l’émission, animateurs, calendrier et URL du flux RSS
- La liste des épisodes avec dates, durées, résumés et chapitres
- Liens audio de votre hébergeur et photos que vous avez le droit d’utiliser
- Facultatif : une clé API PopNow pour les pochettes, le générique et une bande-annonce
Skills similaires
Tout voir →- Web
Créateur d’avatar 3D
+25Créez dans votre navigateur un personnage 3D façon peluche et enregistrez-le en PNG transparent ou en page 3D.
- Web
Calendrier heatmap d’activité
+25Une année d’activité quotidienne en calendrier de cases colorées, avec séries, totaux et navigation au clavier.
- Web
Modèle de landing page SaaS IA
+25Papier sable et filets fins autour d’un tableau kanban où un assistant planifie les tâches.
- Web
Section hero animée
+25Un hero de landing page avec un mot de titre qui change en douceur, deux boutons et un large cadre d’image.
- Web
Modèle de site de marque de boissons
+25Site lumineux pour marque de boissons ou snacks : boutique, composeur de caisse, carte des revendeurs et paiement de démo, en un fichier.
- Web
Modèle de site d’agence créative à shader
+25Héros shader orange vivant, déclaration en bas, navigation en pilules et grille d’études de cas décalée.
- Web
Landing page SaaS sombre
+25Un site marketing sombre et très animé pour un logiciel, livré en un seul fichier HTML autonome.
- Web
Site portfolio de designer
+25Six cartes inclinées autour d’un titre qui s’estompe, une carte portrait rouge, des études de cas éditoriales.
- Web
Site portfolio de développeur
+25Un site personnel sombre pour développeurs, avec études de cas, articles, conférences, CV et formulaire de contact.
- Web
Site SaaS éditorial
+25Héros scindé bleu marine, titre serif sur cinq lignes, photo documentaire, bandeaux inclinés et accent cobalt.
- Web
Site de designer indépendant
+25Site audacieux d’un designer solo qui vend des forfaits à prix fixe : pages d’offres, études de cas et formulaire de brief.
- Web
Modèle de site glassmorphism
+25Verre dépoli sur fond noir, grand titre serif à un mot en italique, et inscription par e-mail.
- Web
Site web de produit matériel
+25Noms de modèles fins et géants sur studio argenté, cartes de fiches et gamme à l’échelle réelle.
- Web
Diagramme d’architecture interactif
+25Un schéma système cliquable et hors ligne, construit à partir d’un modèle JSON vérifié, avec les preuves derrière chaque bloc.
- Web
Héros à grille interactive
+25Grille sombre de fins filaments qui se courbe vers le curseur et envoie un anneau à chaque clic.
- Web
Explorateur de graphe de connaissances
+25Transformez vos notes de projet en graphe consultable hors ligne, où chaque affirmation renvoie à sa ligne source.
- Web
Modèle de tableau de bord KPI
+25Quatre indicateurs avec variations, courbe lumineuse, répartition et objectifs, sur papier chaud.
- Web
Landing page à partir de maquettes IA
+25Voyez trois maquettes de page complète, choisissez-en une, et votre agent la code proprement.
- Web
Modèle de site web magazine
+25Un site de magazine digne de l’imprimé, avec articles, rubriques, petite boutique et abonnements, en un seul fichier HTML.
- Web
Héros à animation de particules
+25Texte sur papier chaud, à côté d’une sphère de points qui change à chaque idée.
- Web
Site de marque personnelle
+25Portrait fondu dans du papier chaud sous un fin crochet, affirmations de chaque côté.
- Web
Modèle de site de boutique pour animaux
+25Boutique d’animaux qui fonctionne : catalogue, déclinaisons, panier, planificateur de recharges et paiement de démo, en un HTML.
WebSection de tarifs dessinée à la main
+25Tableau de tarifs façon carnet : cartes d’encre légèrement inclinées, bascule annuelle et mode sombre, dans un seul fichier hors ligne.
- Web
Page de lancement produit cinématique
+25Page presque noire façon cinéma : titre serif, scène de nuit encadrée, formulaire de réservation.
- Web
Site de présentation d’article de recherche
+25Une page projet pour votre article avec Figure 1 interactive, résultats, limites et citation en un clic.
- Web
Modèle de dashboard admin
+25Une console de back-office fonctionnelle avec graphiques, tableaux, kanban et calendrier, en un seul fichier HTML hors ligne.
- Web
Modèle de landing page SaaS
+25Un site marketing clair et apaisé pour un logiciel, avec console produit fonctionnelle, tarifs et inscription.
- Web
Site CV portfolio façon scrapbook
+25Un CV en ligne sur plusieurs pages fait d’objets en papier, avec études de cas et CV imprimable.
- Web
Modèle de site e-commerce de sneakers
+25Une boutique complète de chaussures ou de vêtements avec catalogue, fiches produit, panier et paiement de démo, en un fichier HTML.
- Web
Modèle de site de club sportif
+25Site de club, salle ou studio avec planning, pages d’entraîneurs, adhésions, plan des terrains et réservation dans un seul fichier.
- Web
Section mur de témoignages
+25Un mur de citations clients en maçonnerie ou en dérive lente, qui ne publie que les citations dont les personnes ont donné leur accord.
- Web
Modèle de site d’agence de voyages
+25Site centré sur la photo pour circuits, guides ou refuges : recherche de voyages, demandes de réservation et quiz de choix de séjour.
- Web
Modèle de page d’automatisation de workflows
+25Page graphite au titre court, avec un graphe de nœuds vivant qui s’exécute et relance les étapes.
Questions
Le lecteur joue-t-il nos vrais épisodes ?
Oui. Donnez à chaque épisode son URL audio issue de votre hébergeur, et le lecteur utilise un vrai élément audio avec déplacement, chapitres, vitesse et reprise. Sans URL, il fonctionne avec une horloge de démonstration silencieuse pour que la mise en page puisse être relue.
Nos photos d’invités sont toutes différentes. Les pochettes seront-elles cohérentes ?
Un duotone en CSS transforme n’importe quelle photo carrée en la même pochette bleu marine et bleu pâle. Pour les photos très disparates, PopNow peut détourer les arrière-plans chargés, agrandir les petites images et uniformiser la lumière sans modifier la personne.
PopNow peut-il créer notre musique d’intro ?
Oui, en option : un thème instrumental de 20 à 40 secondes et une bande-annonce parlée par une voix de synthèse, chacun chiffré avant son lancement. Le skill inclut une commande ffmpeg pour les mélanger.
Convient-il à une émission solo ou narrative ?
Oui. Les invités deviennent des sujets ou des segments, les saisons peuvent devenir le filtre principal, et les épisodes sans photo d’invité reçoivent la pochette intégrée de l’émission ou une série de pochettes générée.
En quoi est-ce différent de la page gratuite que me donne mon hébergeur ?
Les pages des hébergeurs sont une simple liste d’épisodes. Ce modèle ajoute un héros lisible, des pages d’invités, des notes d’émission avec horodatages et un lecteur qui continue de jouer pendant la navigation, et il sert aussi de page de présentation de podcast pour un lancement.