Add main navigation
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
5209d26259
commit
2f369996cd
|
@ -0,0 +1,2 @@
|
||||||
|
$background: #100e23;
|
||||||
|
$text-color: #ffffff;
|
|
@ -0,0 +1,9 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: Montserrat;
|
||||||
|
src: url(Montserrat/Montserrat-Regular.ttf);
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Orbitron;
|
||||||
|
src: url(Orbitron-VariableFont_wght.ttf);
|
||||||
|
}
|
|
@ -1,26 +1,75 @@
|
||||||
@font-face {
|
@import 'fonts';
|
||||||
font-family: Montserrat;
|
@import 'colors';
|
||||||
src: url(Montserrat/Montserrat-Regular.ttf);
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: Orbitron;
|
|
||||||
src: url(Orbitron-VariableFont_wght.ttf);
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
* {
|
||||||
font-family: Montserrat, sans-serif;
|
font-family: Montserrat, sans-serif;
|
||||||
|
color: $text-color;
|
||||||
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: #000;
|
background: $background;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
font-family: Orbitron, sans-serif;
|
font-family: Orbitron, sans-serif;
|
||||||
|
font-weight: 900;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
border-bottom: 2px $text-color solid;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0.25em 0;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
@media screen and (min-width: 800px) {
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-logo {
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
@media screen and (min-width: 800px) {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 48px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
align-self: center;
|
||||||
|
padding: 0.5em;
|
||||||
|
|
||||||
|
&.nav-link-active {
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#no-content {
|
#no-content {
|
||||||
|
|
13
config.toml
13
config.toml
|
@ -2,4 +2,17 @@ baseURL = "https://www.franconian.net/"
|
||||||
languageCode = "de"
|
languageCode = "de"
|
||||||
title = "franconian"
|
title = "franconian"
|
||||||
|
|
||||||
|
[[menu.main]]
|
||||||
|
name = "Hackspaces"
|
||||||
|
url = "#hackspaces"
|
||||||
|
weight = 1
|
||||||
|
|
||||||
|
[[menu.main]]
|
||||||
|
name = "Programm"
|
||||||
|
url = "/programm/"
|
||||||
|
weight = 2
|
||||||
|
|
||||||
[taxonomies]
|
[taxonomies]
|
||||||
|
|
||||||
|
[markup.goldmark.renderer]
|
||||||
|
unsafe = true
|
||||||
|
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
title: franconian
|
||||||
|
---
|
||||||
|
|
||||||
|
<img id="no-content" src="https://http.cat/204" alt="Picture of two cats in front of an empty bowl; the caption reads "204 No Content"">
|
|
@ -11,6 +11,15 @@
|
||||||
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
|
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<header>
|
||||||
|
<nav class="nav">
|
||||||
|
<a class="nav-logo" href="/"><img src="https://styleguide.rc3.world/Logo/Logo%20Set%203/SVG/Logo%20SD%20blue.svg" alt="Blue version of the rC3 logo"></a>
|
||||||
|
{{ $currentPage := . }}
|
||||||
|
{{ range .Site.Menus.main }}
|
||||||
|
<a class="nav-link{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} nav-link-active{{ end }}" href="{{ .URL }}">{{ .Name }}</a>
|
||||||
|
{{ end }}
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
{{ block "main" . }}
|
{{ block "main" . }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<main>
|
<main>
|
||||||
<img id="no-content" src="https://http.cat/204" alt="Picture of two cats in front of an empty bowl; the caption reads "204 No Content"">
|
<h1>{{ .Title }}</h1>
|
||||||
|
{{ .Content }}
|
||||||
</main>
|
</main>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
Loading…
Reference in New Issue