65 lines
3.1 KiB
PHP
65 lines
3.1 KiB
PHP
<?php
|
|
require_once 'includes/header.php';
|
|
?>
|
|
|
|
<div class="hero" style="background-image: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); height: 300px;">
|
|
<div class="hero-content">
|
|
<h1>How to Subscribe</h1>
|
|
<p>Take our podcast with you wherever you go.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container" style="max-width: 800px;">
|
|
<div class="episode-card">
|
|
<h3 style="margin-bottom: 1.5rem;">Choose Your Favorite App</h3>
|
|
|
|
<div style="display: grid; gap: 2rem;">
|
|
<div style="border-left: 4px solid var(--primary-color); padding-left: 1.5rem;">
|
|
<h4>Apple Podcasts</h4>
|
|
<p style="color: var(--text-muted); margin-top: 0.5rem;">Open the Apple Podcasts app, search for "<?php echo htmlspecialchars($site_title); ?>", and tap "Follow".</p>
|
|
</div>
|
|
|
|
<div style="border-left: 4px solid #1DB954; padding-left: 1.5rem;">
|
|
<h4>Spotify</h4>
|
|
<p style="color: var(--text-muted); margin-top: 0.5rem;">Search for "<?php echo htmlspecialchars($site_title); ?>" on Spotify and hit the "Follow" button to stay updated.</p>
|
|
</div>
|
|
|
|
<div style="border-left: 4px solid #FBBC05; padding-left: 1.5rem;">
|
|
<h4>Google Podcasts / YouTube Music</h4>
|
|
<p style="color: var(--text-muted); margin-top: 0.5rem;">Find us on YouTube Music or Google Podcasts by searching for our show title.</p>
|
|
</div>
|
|
|
|
<div style="border-left: 4px solid var(--text-main); padding-left: 1.5rem;">
|
|
<h4>Other Apps (RSS Feed)</h4>
|
|
<p style="color: var(--text-muted); margin-top: 0.5rem;">If you use another app like Overcast or Pocket Casts, you can manually add our RSS feed:</p>
|
|
<div style="display: flex; gap: 0.5rem; margin-top: 0.75rem; align-items: center;">
|
|
<code id="feed-url" style="background: rgba(0,0,0,0.3); padding: 0.5rem 1rem; border-radius: 8px; flex: 1; font-size: 0.85rem; border: 1px solid var(--glass-border);">https://<?php echo $_SERVER['HTTP_HOST'] . PROJECT_ROOT_URL; ?>/feed.php</code>
|
|
<button onclick="copyFeedUrl()" id="copy-btn" class="btn" style="background: var(--primary-color); padding: 0.5rem 1rem; font-size: 0.85rem;">Copy URL</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function copyFeedUrl() {
|
|
const url = document.getElementById('feed-url').innerText;
|
|
navigator.clipboard.writeText(url).then(() => {
|
|
const btn = document.getElementById('copy-btn');
|
|
const originalText = btn.innerText;
|
|
btn.innerText = 'Copied!';
|
|
btn.style.background = '#10b981';
|
|
setTimeout(() => {
|
|
btn.innerText = originalText;
|
|
btn.style.background = '';
|
|
}, 2000);
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<div style="text-align: center; margin-top: 3rem;">
|
|
<a href="<?php echo PROJECT_ROOT_URL; ?>/" class="btn btn-primary">← Back to Episodes</a>
|
|
</div>
|
|
</div>
|
|
|
|
<?php require_once 'includes/footer.php'; ?>
|