You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
3.0 KiB
89 lines
3.0 KiB
<!DOCTYPE html>
|
|
<html data-theme="light" lang="{{ .Site.Language }}" itemscope itemtype="http://schema.org/WebPage">
|
|
|
|
<head>
|
|
{{ partial "head.html" . }}
|
|
</head>
|
|
|
|
<body class="d-flex flex-column min-vh-100">
|
|
|
|
<svg id="fader" class="fade-out"></svg>
|
|
<script>fadeInPage()</script>
|
|
|
|
<a class="screen-reader-text" href="#content">{{ i18n "skipLink" }}</a>
|
|
|
|
<button aria-label="{{ i18n "toggle" }}" id="theme-toggle" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="{{ i18n "toggle" }}" class="acctoggle">{{ partial "fontawesome.html" "solid/circle-half-stroke" }}</button>
|
|
|
|
<script>
|
|
let theme = localStorage.getItem("data-theme");
|
|
const themeToggle = document.querySelector("#theme-toggle");
|
|
|
|
const changeThemeToDark = () => {
|
|
document.documentElement.setAttribute("data-theme", "dark");
|
|
localStorage.setItem("data-theme", "dark");
|
|
};
|
|
|
|
const changeThemeToLight = () => {
|
|
document.documentElement.setAttribute("data-theme", "light");
|
|
localStorage.setItem("data-theme", "light");
|
|
};
|
|
|
|
if (theme === "dark") {
|
|
changeThemeToDark();
|
|
}
|
|
|
|
themeToggle.addEventListener("click", () => {
|
|
let theme = localStorage.getItem("data-theme");
|
|
if (theme === "dark") {
|
|
changeThemeToLight();
|
|
} else {
|
|
changeThemeToDark();
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<header class="background-blue-500">
|
|
{{ partial "menu.html" . }}
|
|
<div class="container-fluid">
|
|
<div class="container text-white py-5">
|
|
<div class="row">
|
|
<div class="offset-xl-1 col-xl-7 col-lg-8 col-12">
|
|
<h1 class="mb-3">{{ .Title | markdownify }}</h1>
|
|
<p class="mb-0 subtitle">{{ .Params.subtitle | markdownify }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="content" class="content">
|
|
<main>
|
|
<div class="container-fluid">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-7 col-lg-7 col-md-12 col-12 py-5">
|
|
|
|
<article>
|
|
<div class="post-content pt-4">
|
|
{{ .Content }}
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
{{ block "footer" . }}
|
|
{{ partial "footer.html" . }}
|
|
{{ end }}
|
|
|
|
<script>
|
|
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
|
|
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|