64 lines
1.9 KiB
HTML

{{ $themeStyleDefault := "light.css" }}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<base href="{{ .Site.BaseURL }}"/>
{{ .Hugo.Generator }}{{/* See: https://gohugo.io/themes/creating/#theme-description-file */}}
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
<link rel="stylesheet" href="css/styles.css">
<link id="theme_css" rel="stylesheet" href="css/themes/{{ .Site.Params.ThemeStyle | default $themeStyleDefault }}">
{{ if .Site.Params.ThemeStyleSwitcher }}
<script src="js/theme-switcher.js"></script>
{{ end }}
</head>
<body>
<input class="show-hide-menu-input" style="display:none;" autocomplete="off" type="checkbox" id="toggle-1">
<div class="main">
<div class="header">
<div class="header-content">
<div class="title">
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
</div>
<div>
<div class="header-right">
{{ if .Site.Params.ThemeStyleSwitcher }}
<div id="change-theme-button" style="display:none;" class="clickable-header-label">
<img class="color-adapting-image" width="30" src="" onclick="toggle_theme()"></img>
</div>
{{ end }}
<label id="show-hide-menu-label" class="clickable-header-label" for="toggle-1">
<img class="color-adapting-image" width="30" src="images/hamburger.svg" alt="menu button">
</label>
</div>
<label class="overlay" for="toggle-1"></label>
{{ if .Site.Menus.main }}
<div class="dont-show">
Links:
</div>
<ul class="links">
{{ range .Site.Menus.main.ByWeight }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
{{ end }}
</div>
</div>
</div>
<div class="body">
<div class="body-content">
{{ block "main" . }}{{ end }}
</div>
</div>
</div>
{{ if .Site.Params.FooterText }}
<hr class="dont-show">
<div class="footer">
<p>{{ .Site.Params.FooterText }}</p>
</div>
{{ end }}
</body>
</html>