178 lines
8.0 KiB
HTML
178 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!-- facebook open graph tags -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://veryfinefriends.com/" />
|
|
<meta property="og:title" content="Very Fine Friends Podcast" />
|
|
<meta property="og:site_name" content="Very Fine Friends Podcast" data-next-head="">
|
|
<meta property="og:description" content="A podcast where friends talk about stuff." />
|
|
<meta property="og:image" content="https://veryfinefriends.com/assets/logo-2.png?auto=format" />
|
|
<meta property="og:image:width" content="512" data-next-head="">
|
|
<meta property="og:image:height" content="512" data-next-head="">
|
|
<meta property="og:image:secure_url" content="https://veryfinefriends.com/assets/logo-2.png?auto=format" data-next-head="">
|
|
|
|
<!-- twitter card tags additive with the og: tags -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:domain" value="veryfinefriends.com" />
|
|
<meta name="twitter:title" value="Very Fine Friends Podcast" />
|
|
<meta name="twitter:description" value="A podcast where friends talk about stuff." />
|
|
<meta name="twitter:image" content="https://veryfinefriends.com/assets/logo-2.png" />
|
|
<meta name="twitter:url" value="http://veryfinefriends.com/" />
|
|
|
|
<title>Very Fine Friends Podcast</title>
|
|
|
|
<link rel="stylesheet" href="./styles.css" type="text/css" />
|
|
<link rel="icon" href="./favicon.ico" type="image/x-icon">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<nav class="nav-container">
|
|
<a href="./"><div class="nav-brand" data-page="home">VERY FINE FRIENDS</div></a>
|
|
<ul class="nav-menu">
|
|
<a href="./inventions"><li class="nav-item" data-page="invention">Invention of the Week</li></a>
|
|
<a href="./secretwords"><li class="nav-item" data-page="secretwords">Secret Words</li></a>
|
|
<a href="./otherstuff"><li class="nav-item" data-page="otherstuff">Other Stuff</li></a>
|
|
<a href="./about"><li class="nav-item" data-page="about">About</li></a>
|
|
|
|
</ul>
|
|
<div class="hamburger">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
|
|
<!-- HOME PAGE -->
|
|
<section id="home" class="page-section">
|
|
|
|
<div class="hero">
|
|
<div class="logo-container">
|
|
<img src="./assets/logo.png" alt="Very Fine Friends Podcast Logo" class="logo-image">
|
|
</div>
|
|
<p class="description">a podcast where friends talk about stuff</p>
|
|
</div>
|
|
|
|
|
|
<div class="podcast-container">
|
|
|
|
|
|
<div class="platform-links">
|
|
|
|
|
|
<a href="https://play.fountain.fm/app/show/xyb7C8KsLZG8pZBM3rKM" class="platform-button" target="_blank">
|
|
<img src="./assets/fountain.png" alt="Fountain" class="platform-icon">
|
|
<span class="platform-name">Fountain</span>
|
|
</a>
|
|
|
|
<a href="https://open.spotify.com/show/0AuFS98vS3Ca89hARQ1ekD" class="platform-button" target="_blank">
|
|
<img src="./assets/spotify.png" alt="Spotify" class="platform-icon">
|
|
<span class="platform-name">Spotify</span>
|
|
</a>
|
|
|
|
|
|
<a href="https://podcasts.apple.com/us/podcast/friends-like-us/id1831854806" class="platform-button" target="_blank">
|
|
<img src="./assets/apple.png" alt="Apple Podcasts" class="platform-icon">
|
|
<span class="platform-name">Apple Podcasts</span>
|
|
</a>
|
|
|
|
|
|
<a href="https://music.youtube.com/channel/UCPKBkBl_ddSRorIgGBZoH-w" class="platform-button" target="_blank">
|
|
<img src="./assets/youtubemusic.png" alt="YouTube" class="platform-icon">
|
|
<span class="platform-name">YouTube</span>
|
|
</a>
|
|
|
|
|
|
<a href="https://pocketcasts.com/podcasts/47fb7410-5656-013e-81d5-0afff9dbf725" class="platform-button" target="_blank">
|
|
<img src="./assets/pocketcasts.svg" alt="Pocket Casts" class="platform-icon">
|
|
<span class="platform-name">Pocket Casts</span>
|
|
</a>
|
|
|
|
|
|
<a href="https://antennapod.org/deeplink/subscribe/?url=%68%74%74ps%3A%2F%2Ffeeds.fountain.fm%2F0C2UWIDdXfJErVe3LPOB&title=Friends+Like+Us" class="platform-button" target="_blank">
|
|
<img src="./assets/antennapod.png" alt="AntennaPod" class="platform-icon">
|
|
<span class="platform-name">AntennaPod</span>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="rss-feed">
|
|
RSS feed: <a href="https://feeds.fountain.fm/0C2UWIDdXfJErVe3LPOB" class="rss-link" target="_blank">https://feeds.fountain.fm/0C2UWIDdXfJErVe3LPOB</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</br>
|
|
|
|
<div class="socials">
|
|
|
|
<div class="social-links">
|
|
|
|
<a href="https://www.tiktok.com/@veryfinefriends" class="platform-button" target="_blank">
|
|
<img src="./assets/tiktok.png" alt="TikTok" class="socials-icon">
|
|
</a>
|
|
|
|
<a href="https://www.instagram.com/veryfinefriends/" class="platform-button" target="_blank">
|
|
<img src="./assets/instagram.png" alt="Instagram" class="socials-icon">
|
|
</a>
|
|
|
|
<a href="https://x.com/veryfinefriends" class="platform-button" target="_blank">
|
|
<img src="./assets/x.png" alt="X aka Twitter" class="socials-icon">
|
|
</a>
|
|
|
|
<a href="https://www.youtube.com/@veryfinefriends" class="platform-button" target="_blank">
|
|
<img src="./assets/youtube.png" alt="YouTube" class="socials-icon">
|
|
</a>
|
|
|
|
<a href="https://primal.net/p/npub1kx6ztz3kkdrkrmjtqmpcqwuk0ztcqclsk5435q82xgwtes80duvsnywfjr" class="platform-button" target="_blank">
|
|
<img src="./assets/primal.png" alt="Nostr via Primal" class="socials-icon">
|
|
</a>
|
|
|
|
<a href="https://jumble.social/users/npub1kx6ztz3kkdrkrmjtqmpcqwuk0ztcqclsk5435q82xgwtes80duvsnywfjr" class="platform-button" target="_blank">
|
|
<img src="./assets/jumble.png" alt="Nostr via Jumble" class="socials-icon">
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</br>
|
|
|
|
</br>
|
|
<h3 style="color: #003454; margin-bottom: 1rem; text-align: center;">Latest Episode</h3>
|
|
|
|
<div class="iframespotify-wrapper">
|
|
|
|
<iframe
|
|
style="border-radius: inherit; width: 100%; height: 352px;"
|
|
src="https://open.spotify.com/embed/show/0AuFS98vS3Ca89hARQ1ekD?utm_source=generator&t=0"
|
|
frameBorder="0"
|
|
allowfullscreen=""
|
|
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
|
|
loading="lazy">
|
|
</iframe>
|
|
</div>
|
|
|
|
<script async src="https://open.spotify.com/embed-podcast/js/embed-podcast-player.js"></script>
|
|
|
|
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<div class="bottom-banner">~ V.F.F.~</div>
|
|
|
|
<script src="./main.js"></script>
|
|
|
|
</body>
|
|
</html>
|