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

global: add formatter

Browse source
This commit is contained in:
Agahnim 2026-05-13 14:00:54 +02:00
parent 0eeef39a96
commit 26928d432d
19 changed files with 3925 additions and 288 deletions
Download patch file Download diff file Expand all files Collapse all files

160
templates/base.html
View file

@ -1,91 +1,95 @@
<!-- Welcome!! -->
<!DOCTYPE html>
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, interactive-widget=resizes-content"
/>
<link rel="icon" type="image/gif" href="/static/assets/gifs/pcgif.gif" />
<!-- <title>Ａｇａｈｎｉｍ</title> -->
<title>Agahnim proto</title>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=DotGothic16&family=VT323&display=swap"
/>
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/vendor/htmx.min.js"></script>
<script>
htmx.config.scrollIntoViewOnBoost = false;
</script>
</head>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, interactive-widget=resizes-content" />
<link rel="icon" type="image/gif" href="/static/assets/gifs/pcgif.gif">
<!-- <title>Ａｇａｈｎｉｍ</title> -->
<title>Agahnim proto</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DotGothic16&family=VT323&display=swap">
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/vendor/htmx.min.js"></script>
<script>
htmx.config.scrollIntoViewOnBoost = false;
</script>
</head>
<body hx-boost="true" hx-target="#content">
<crt>
<!-- They won't ever disappear -->
<persistent-ui>
{% include "partials/header.html" %}
<miniplayer-container id="miniplayer-container">
{% block miniplayer %}{% endblock %}
</miniplayer-container>
</persistent-ui>
<body hx-boost="true" hx-target="#content">
<crt>
<!-- They won't ever disappear -->
<persistent-ui>
{% include "partials/header.html" %}
<miniplayer-container id="miniplayer-container">
{% block miniplayer %}{% endblock %}
</miniplayer-container>
</persistent-ui>
<!-- Will get swapped by HTMX-->
<main id="content">{% block content %}{% endblock %}</main>
</crt>
<!-- Will get swapped by HTMX-->
<main id="content">
{% block content %}{% endblock %}
</main>
</crt>
<!-- Noooooooooooooooooooooooooo -->
<script src="/static/miniplayer.js"></script>
<script src="/static/contextmenu.js"></script>
<script>
function updateMiniplayerVisibility() {
const isMusicPage = window.location.pathname === '/music';
const miniplayer = document.getElementById('miniplayer-container');
if (miniplayer) {
miniplayer.style.display = isMusicPage ? 'none' : '';
<!-- Noooooooooooooooooooooooooo -->
<script src="/static/miniplayer.js"></script>
<script src="/static/contextmenu.js"></script>
<script>
function updateMiniplayerVisibility() {
const isMusicPage = window.location.pathname === "/music";
const miniplayer = document.getElementById("miniplayer-container");
if (miniplayer) {
miniplayer.style.display = isMusicPage ? "none" : "";
}
if (isMusicPage) {
const audio = document.querySelector("mini-player audio");
if (audio) audio.pause();
}
}
if (isMusicPage) {
const audio = document.querySelector('mini-player audio');
if (audio) audio.pause();
function updateNavState() {
const path = window.location.pathname;
document
.querySelectorAll('navbar input[type="radio"]')
.forEach((radio) => {
radio.checked = false;
});
if (path === "/home") {
const homeRadio = document.getElementById("nav-home");
if (homeRadio) homeRadio.checked = true;
} else if (path === "/music") {
const musicRadio = document.getElementById("nav-music");
if (musicRadio) musicRadio.checked = true;
} else if (path === "/blog") {
const blogRadio = document.getElementById("nav-blog");
if (blogRadio) blogRadio.checked = true;
} else if (path === "/about") {
const aboutRadio = document.getElementById("nav-about");
if (aboutRadio) aboutRadio.checked = true;
} else if (path === "/projects") {
const projectsRadio = document.getElementById("nav-projects");
if (projectsRadio) projectsRadio.checked = true;
}
}
}
function updateNavState() {
const path = window.location.pathname;
document.querySelectorAll('navbar input[type="radio"]').forEach(radio => {
radio.checked = false;
});
if (path === '/home') {
const homeRadio = document.getElementById('nav-home');
if (homeRadio) homeRadio.checked = true;
} else if (path === '/music') {
const musicRadio = document.getElementById('nav-music');
if (musicRadio) musicRadio.checked = true;
} else if (path === "/blog") {
const blogRadio = document.getElementById('nav-blog');
if (blogRadio) blogRadio.checked = true;
} else if (path === "/about") {
const aboutRadio = document.getElementById('nav-about');
if (aboutRadio) aboutRadio.checked = true;
} else if (path === "/projects") {
const projectsRadio = document.getElementById('nav-projects');
if (projectsRadio) projectsRadio.checked = true;
function closeMobileMenu() {
const checkbox = document.getElementById("nav-toggle-checkbox");
if (checkbox) checkbox.checked = false;
}
}
function closeMobileMenu() {
const checkbox = document.getElementById('nav-toggle-checkbox');
if (checkbox) checkbox.checked = false;
}
updateMiniplayerVisibility();
updateNavState();
document.body.addEventListener('htmx:afterSwap', () => {
updateMiniplayerVisibility();
updateNavState();
closeMobileMenu();
window.scrollTo(0, 0);
});
</script>
</body>
</html>
document.body.addEventListener("htmx:afterSwap", () => {
updateMiniplayerVisibility();
updateNavState();
closeMobileMenu();
window.scrollTo(0, 0);
});
</script>
</body>
</html>