Browse Source

updated menu

updated style
pull/429/head
lumapu 2 years ago
parent
commit
2919d023bd
  1. 1
      .gitignore
  2. 14
      layouts/_default/baseof.html
  3. 25
      layouts/partials/footer.html
  4. 20
      layouts/partials/head.html
  5. 25
      layouts/partials/nav.html
  6. 7
      static/js/bootstrap.bundle.min.js

1
.gitignore

@ -1 +1,2 @@
/public
/.hugo_build.lock

14
layouts/_default/baseof.html

@ -1,15 +1,13 @@
<!doctype html>
<html lang="en">
<html lang="en" class="h-100">
{{ partial "head.html" . }}
<body>
<div id="body">
{{ partial "nav.html" . }}
<body class="d-flex flex-column h-100">
{{ partial "nav.html" . }}
<main class="flex-shrink-0 pt-5 pb-5">
<div class="container">
<main id="main">
{{ block "main" . }}{{ end }}
</main>
{{ block "main" . }}{{ end }}
</div>
</div>
</main>
{{ partial "footer.html" . }}
</body>
</html>

25
layouts/partials/footer.html

@ -1,19 +1,12 @@
<footer class="text-center text-lg-start bg-light text-muted">
<div class="row mt-3">
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<div class="text-center p-4">
© 2022
</div>
</div>
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<div class="text-center p-4">
{{ .Site.Title }}
</div>
</div>
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<div class="text-center p-4">
<a href="/imprint">Imprint</a>
</div>
<footer class="footer mt-auto px-4 py-5 bg-dark">
<div class="container">
<div class="row">
<div class="col text-white">© 2022 {{ .Site.Title }}</div>
<div class="col"><a href="/imprint">Imprint</a></div>
</div>
</div>
</footer>
{{ $js := "js/bootstrap.bundle.min.js" | relURL }}
<script type="text/javascript" src="{{ $js }}"></script>

20
layouts/partials/head.html

@ -1,11 +1,13 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{{ $css := "css/bootstrap.min.css" | relURL }}
<link rel="stylesheet" href="{{ $css }}">
{{ $css := "css/style.css" | relURL }}
<link rel="stylesheet" href="{{ $css }}">
{{ $title := print .Title " | " .Site.Title }}
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
<title>{{ $title }}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{{ $css := "css/bootstrap.min.css" | relURL }}
<link rel="stylesheet" href="{{ $css }}">
{{ $css := "css/style.css" | relURL }}
<link rel="stylesheet" href="{{ $css }}">
{{ $title := print .Title " | " .Site.Title }}
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
<title>{{ $title }}</title>
</head>

25
layouts/partials/nav.html

@ -1,7 +1,18 @@
<div id="nav-border" class="container">
<nav id="nav" class="nav justify-content-center">
{{ range .Site.Menus.main }}
<a class="nav-link" href="{{ .URL }}">{{ .Name }}</a>
{{ end }}
</nav>
</div>
<header>
<nav id="nav" class="navbar navbar-expand-lg sticky-top navbar-dark bg-dark">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-md-center" id="navbarTogglerDemo01">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
{{ range .Site.Menus.main }}
<li class="nav-item">
<a class="nav-link" href="{{ .URL }}">{{ .Name }}</a>
</li>
{{ end }}
</ul>
</div>
</div>
</nav>
</header>

7
static/js/bootstrap.bundle.min.js

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save