Agahnim/agahnim.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

crt: port effect from old site to new one

Browse source
This commit is contained in:
Agahnim 2026-03-20 12:01:22 +01:00
parent 481d8766ba
commit 072179bccd
2 changed files with 69 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

47
templates/base.html
View file

@ -11,32 +11,35 @@
<script src="/static/vendor/htmx.min.js"></script>
</head>
<body hx-boost="true" hx-target="#content" {% block bodyattrs %}{% endblock %}>
{% include "partials/header.html" %}
<miniplayer-container id="miniplayer-container" hx-get="/miniplayer" hx-trigger="load" hx-swap="innerHTML"
hx-target="#miniplayer-container">
<miniplayer>
<h1>Chargement...</h1>
</miniplayer>
</miniplayer-container>
<crt>
<main id="content">
{% block content %}{% endblock %}
</main>
<body hx-boost="true" hx-target="#content" {% block bodyattrs %}{% endblock %}>
{% include "partials/header.html" %}
<miniplayer-container id="miniplayer-container" hx-get="/miniplayer" hx-trigger="load" hx-swap="innerHTML"
hx-target="#miniplayer-container">
<miniplayer>
<h1>Chargement...</h1>
</miniplayer>
</miniplayer-container>
<script>
function updateMiniplayerVisibility() {
const isMusicPage = window.location.pathname === '/music';
const miniplayer = document.getElementById('miniplayer-container');
if (miniplayer) {
miniplayer.style.display = isMusicPage ? 'none' : '';
<main id="content">
{% block content %}{% endblock %}
</main>
<script>
function updateMiniplayerVisibility() {
const isMusicPage = window.location.pathname === '/music';
const miniplayer = document.getElementById('miniplayer-container');
if (miniplayer) {
miniplayer.style.display = isMusicPage ? 'none' : '';
}
}
}
updateMiniplayerVisibility();
updateMiniplayerVisibility();
document.body.addEventListener('htmx:afterSwap', updateMiniplayerVisibility);
</script>
</body>
document.body.addEventListener('htmx:afterSwap', updateMiniplayerVisibility);
</script>
</body>
</crt>
</html>