70 lines
2.1 KiB
HTML
70 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>{article_title}</title>
|
|
<link rel="stylesheet" href="/static/bulma.min.css" />
|
|
</head>
|
|
<body>
|
|
<!-- Header (Navbar) -->
|
|
<nav
|
|
class="navbar is-primary"
|
|
role="navigation"
|
|
aria-label="main navigation"
|
|
>
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="#">
|
|
<strong>Static Translated Site Generator</strong>
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<section class="section">
|
|
<div class="container content">
|
|
<div class="column is-half is-offset-one-quarter">
|
|
<h1>Translations</h1>
|
|
</div>
|
|
<div class="column is-half is-offset-one-quarter">
|
|
{article_translation_cards}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container content">
|
|
<div class="column is-half is-offset-one-quarter">
|
|
<h1>Child Articles</h1>
|
|
</div>
|
|
<div class="column is-half is-offset-one-quarter">
|
|
{article_children_cards}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="content has-text-centered">
|
|
<p><strong>STSG</strong> by Hazel. © 2025</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
const userLang = navigator.language || navigator.userLanguage;
|
|
|
|
// Normalize and check if the language is not English or German
|
|
if (!["en", "de", "de-DE"].includes(userLang)) {
|
|
// Try to find a matching card by language attribute
|
|
const cardToMove =
|
|
document.querySelector(`.card[lang^="${userLang.replace("_", "-").toLowerCase()}"]`) ||
|
|
document.querySelector(`.card[lang^="${userLang.split("-")[0]}"]`);
|
|
|
|
if (cardToMove) {
|
|
const container = cardToMove.parentNode;
|
|
container.insertBefore(cardToMove, container.firstChild);
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</html>
|