Core htmx extension head-support
Add support for modifying, updating, or replacing items in the
tag of your page.
Working example:
https://hypecp.com/#htmx-head-support
</p>
</div>
</div>
<div class="mb-4">
<h5 class="mb-3">Listen Now</h5>
<audio controls class="w-100">
<source src="https://media.transistor.fm/6d9ca916/5d75806f.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</div>
<!-- Episode Summary Short -->
<div class="card-footer bg-light">
<div hx-get="/episode/summary/short/40481169603/"
hx-trigger="load"
hx-swap="outerHTML">
</div>
</div>
<!-- Episode Summary Long -->
<div class="card-footer bg-light">
<div hx-get="/episode/summary/long/40481169603/"
hx-trigger="load"
hx-swap="outerHTML">
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<div class="mt-5 mb-4">
<div class="text-center mb-4">
<div class="card border-0 shadow-lg mx-auto" style="max-width: 600px; background: var(--gradient-primary); color: white;">
<div class="card-body p-4">
<i class="bi bi-heart-fill fs-1 mb-3 d-block"></i>
<h4 class="mb-3">Love PodBriefly?</h4>
<p class="mb-3">If you like Podbriefly.com, please consider donating to support the ongoing development.</p>
<a href="https://buy.stripe.com/14k3eNe8a7u78eceUY" target="_blank" class="btn btn-light btn-lg">
<i class="bi bi-gift me-2"></i>Support Us
</a>
</div>
</div>
</div>
</div>
<footer class="footer container-fluid">
<div class="container">
<div class="row mb-4">
<div class="col-md-4 text-center text-md-start mb-3 mb-md-0">
<h5 class="mb-3">PodBriefly</h5>
<p class="text-muted">Your Podcast Listener Companion</p>
</div>
<div class="col-md-4 text-center mb-3 mb-md-0">
<h5 class="mb-3">Follow Us</h5>
<div class="d-flex justify-content-center gap-3">
<a href="https://www.youtube.com/@DevAsService" target="_blank" class="btn btn-outline-light btn-sm">
<i class="bi bi-youtube"></i>
</a>
<a href="https://x.com/DevAsService" target="_blank" class="btn btn-outline-light btn-sm">
<i class="bi bi-twitter-x"></i>
</a>
</div>
</div>
<div class="col-md-4 text-center text-md-end">
<h5 class="mb-3">Other Projects</h5>
<div class="d-flex flex-column flex-md-row justify-content-center justify-content-md-end gap-2">
<a href="https://cloudhomelab.com" target="_blank" class="text-decoration-none">Cloud Home Lab</a>
<span class="d-none d-md-inline">•</span>
<a href="https://developer-service.io" target="_blank" class="text-decoration-none">Developer Service</a>
</div>
<div class="d-flex flex-column flex-md-row justify-content-center justify-content-md-end gap-2 mt-2">
<a href="https://imaginator.developer-service.io" target="_blank" class="text-decoration-none">Imaginator</a>
<span class="d-none d-md-inline">•</span>
<a href="https://courses.developer-service.blog" target="_blank" class="text-decoration-none">Courses</a>
<span class="d-none d-md-inline">•</span>
<a href="https://isitclickbait.com" target="_blank" class="text-decoration-none">Is It Clickbait</a>
</div>
</div>
</div>
<hr class="border-secondary">
<div class="row">
<div class="col-12 text-center">
<p class="mb-0">© 2026 <a href="https://developer-service.io" target="_blank" class="text-decoration-none">Developer Service</a>. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap JS -->
<script src="/static/assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/static/assets/js/theme.min.js"></script>
</body>
</html> 