From ad529ddeffae77a9395fea8d298b1aec86389f38 Mon Sep 17 00:00:00 2001
From: Julien Schmidt <js@stusta.net>
Date: Fri, 20 Apr 2018 15:30:26 +0200
Subject: [PATCH] add navigation
---
config.toml | 25 +++++++++++++++++++++++++
layouts/_default/baseof.html | 18 +++++++++++++-----
static/styles.css | 29 +++++++++++++++++++++++++++--
3 files changed, 65 insertions(+), 7 deletions(-)
diff --git a/config.toml b/config.toml
index d832e49..74b2337 100644
--- a/config.toml
+++ b/config.toml
@@ -7,6 +7,7 @@ enableRobotsTXT = true
disableHugoGeneratorInject = true
disableKinds = ["RSS","taxonomy","taxonomyTerm"]
enableGitInfo = false
+SectionPagesMenu = "main"
[params]
gitEditBaseUrl = "https://gitlab.stusta.de/stustanet/stustanet-website/edit/master/content/"
@@ -17,7 +18,31 @@ weight = 1
languageCode = "de-DE"
languageName = "Deutsch"
+[[Languages.de.menu.main]]
+weight = 1
+name = "Home"
+identifier = "home"
+url = "/de/"
+
+[[Languages.de.menu.main]]
+weight = 2
+name = "Verein"
+identifier = "about"
+url = "/de/about/"
+
[Languages.en]
weight = 2
languageCode = "en-US"
languageName = "English"
+
+[[Languages.en.menu.main]]
+weight = 1
+name = "Home"
+identifier = "home"
+url = "/en/"
+
+[[Languages.en.menu.main]]
+weight = 2
+name = "About Us"
+identifier = "about"
+url = "/en/about/"
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 23c849c..daf6a77 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -22,14 +22,22 @@
{{- end }}
</head>
<body>
+ <nav id="top-bar">
+ <div class="container">
+ <div class="logo">
+ <a href="/" title="To Homepage"><img src="/logo.png" alt="StuStaNet" /></a>
+ </div>
+ <ul class="menu">
+ {{ $currentPage := . }}
+ {{ range .Site.Menus.main }}
+ <li><a class="menu-item{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a></li>
+ {{ end }}
+ </ul>
+ </div>
+ </nav>
<main aria-role="main">
<header>
- <nav>
- <div class="container">
- <a href="/" title="To Homepage"><img src="/logo.png" alt="StuStaNet" class="logo" /></a>
- </div>
- </nav>
<h1>{{.Title}}</h1>
{{ with .Params.subtitle }}
<span class="subtitle">{{.}}</span>
diff --git a/static/styles.css b/static/styles.css
index 6df98f5..aee75dc 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -20,7 +20,7 @@ body {
color: #4B4B4B;
}
-nav {
+#top-bar {
background: #fff;
width: 100%;
height: 54px;
@@ -31,12 +31,36 @@ nav {
z-index: 1;
}
-nav a img.logo {
+#top-bar div.logo {
+ display: inline-block;
+}
+
+#top-bar .logo a img {
height: 34px;
width: auto;
margin: 10px 10px 10px -5px;
}
+ul.menu {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+
+ul.menu li {
+ display: inline-block;
+}
+
+ul.menu li a {
+ display: inline-block;
+ padding: 15px 5px;
+}
+
+#top-bar .menu {
+ float: right;
+
+}
+
.lang-dropdown {
color: #EDEDED;
cursor: default;
@@ -257,6 +281,7 @@ footer {
footer .editPage {
float: left;
padding: 15px;
+ padding-left: 0px;
margin-right: -100px;
}
--
GitLab