You've already forked no-js-hugo-theme
63 lines
1.9 KiB
HTML
63 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" 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" 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>
|
|
<div class="footer">
|
|
{{ if .Site.Params.FooterText }}
|
|
{{ .Site.Params.FooterText }}
|
|
{{ end }}
|
|
</div>
|
|
</body>
|
|
</html>
|