<!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" > Skip to content< / a >
< button aria-label = "Toggle High Contrast" id = "theme-toggle" data-bs-toggle = "tooltip" data-bs-placement = "right" data-bs-title = "Toggle High Contrast" 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 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 >
< / 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 >
{{ if .IsTranslated }}
{{ i18n "postAvailable" }}
{{ range .Translations }}
< a href = "{{ .Permalink }}" > < span > {{ index $.Site.Data.lang (.Lang) }}< / span > < / a >
{{ end}}
{{ end }}
< 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 >
