Compare commits

..

5 Commits

Author SHA1 Message Date
Luca dbf189fa02 Add page title to window title, last modification time (according to Git) to footer
continuous-integration/drone/push Build is passing Details
2020-11-24 21:50:02 +01:00
Luca 5cdd38fcaf Improve style sheet 2020-11-24 21:44:16 +01:00
Luca 9747489f3e Update main menu weights 2020-11-24 21:40:18 +01:00
Luca ab1ac3fc32 Rename 'program' to 'schedule' 2020-11-24 21:34:40 +01:00
Luca a10c49c298 Define breakpoints 2020-11-24 21:33:12 +01:00
16 changed files with 70 additions and 40 deletions

2
assets/_breakpoints.scss Normal file
View File

@ -0,0 +1,2 @@
$small: 800px;
$large: 1200px;

View File

@ -1,5 +1,6 @@
@import 'fonts'; @import 'breakpoints';
@import 'colors'; @import 'colors';
@import 'fonts';
@import 'mixins'; @import 'mixins';
* { * {
@ -24,15 +25,29 @@ header {
main { main {
width: 100%; width: 100%;
max-width: 1200px; max-width: $large;
margin: auto; margin: 0 auto;
flex-grow: 1; flex-grow: 1;
} }
footer { footer {
text-align: center; width: 100%;
max-width: $large;
margin: 0 auto;
padding: 0.5em; padding: 0.5em;
display: flex;
align-items: center;
flex-direction: column;
@media screen and (min-width: $small) {
flex-direction: row;
& :first-child {
margin-left: auto;
}
}
} }
h1, h2, h3, h4, h5, h6, p { h1, h2, h3, h4, h5, h6, p {
@ -48,10 +63,6 @@ h1 {
border-bottom: 2px $text-color solid; border-bottom: 2px $text-color solid;
} }
a {
text-decoration: none;
}
figure { figure {
margin-bottom: 1rem; margin-bottom: 1rem;
@ -67,21 +78,14 @@ figure {
} }
.nav { .nav {
max-width: 1200px;
margin: 0 auto;
padding: 0.5em;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
@media screen and (min-width: 800px) { &.nav-main {
flex-direction: row; max-width: $large;
margin: 0 auto;
hr { padding: 0.5em;
margin: 0 0.5em !important;
align-self: center;
}
} }
hr { hr {
@ -90,19 +94,20 @@ figure {
.nav-logo { .nav-logo {
@include heading; @include heading;
text-decoration: none;
margin: 0 auto; margin: 0 auto;
@media screen and (min-width: 800px) {
margin-left: 0;
}
img { img {
width: 48px; width: 48px;
display: inline-block; display: inline-block;
margin-right: 1em; margin-right: 1em;
vertical-align: middle; vertical-align: middle;
} }
@media screen and (min-width: $small) {
margin-left: 0;
}
} }
.nav-link { .nav-link {
@ -112,4 +117,13 @@ figure {
&.nav-link-active { &.nav-link-active {
} }
} }
@media screen and (min-width: $small) {
flex-direction: row;
hr {
margin: 0 0.5em;
align-self: center;
}
}
} }

View File

@ -1,5 +1,6 @@
baseURL = "https://www.franconian.net/" baseURL = "https://www.franconian.net/"
title = "franconian.net" title = "franconian.net"
enableGitInfo = true
[languages] [languages]
[languages.en] [languages.en]

View File

@ -1,5 +1,8 @@
--- ---
title: franconian.net title: Startseite
menu:
main:
weight: 1
--- ---
{{<image src="/header.png" alt=`Ein Router in Form des Frankenrechens mit der Aufschrift "franconian.net" und einem "Fenster" in die Welt des rC3. Daran angeschlossen sind die Hackspaces backspace, Hackzogtum und Nerd2Nerd.`>}} {{<image src="/header.png" alt=`Ein Router in Form des Frankenrechens mit der Aufschrift "franconian.net" und einem "Fenster" in die Welt des rC3. Daran angeschlossen sind die Hackspaces backspace, Hackzogtum und Nerd2Nerd.`>}}

View File

@ -1,5 +1,8 @@
--- ---
title: franconian.net title: Home
menu:
main:
weight: 1
--- ---
{{<image src="/header.png" alt=`A router labelled "franconian.net" with a "window" to the world of rC3 and the hackspaces backspace, Hackzogtum, and Nerd2Nerd connected to it.`>}} {{<image src="/header.png" alt=`A router labelled "franconian.net" with a "window" to the world of rC3 and the hackspaces backspace, Hackzogtum, and Nerd2Nerd connected to it.`>}}

View File

@ -2,7 +2,7 @@
title: Über uns title: Über uns
menu: menu:
main: main:
weight: 2 weight: 3
--- ---
franconian.net ist ein loses Netzwerk von einigen fränkischen Hackspaces, das sich erstmalig zum Chaos Communication Camp 2019 für ein gemeinsames Village organisiert hat. Dieser Zusammenschluss hat das CCCamp19 überdauert und findet sich vor allem zu weiteren Veranstaltungen des Chaos Computer Clubs immer wieder zusammen. Auch zur remote Chaos Experience haben sich wieder einige dieser Hackspaces gefunden und betreiben zusammen das franconian.net franconian.net ist ein loses Netzwerk von einigen fränkischen Hackspaces, das sich erstmalig zum Chaos Communication Camp 2019 für ein gemeinsames Village organisiert hat. Dieser Zusammenschluss hat das CCCamp19 überdauert und findet sich vor allem zu weiteren Veranstaltungen des Chaos Computer Clubs immer wieder zusammen. Auch zur remote Chaos Experience haben sich wieder einige dieser Hackspaces gefunden und betreiben zusammen das franconian.net

View File

@ -2,7 +2,7 @@
title: About us title: About us
menu: menu:
main: main:
weight: 2 weight: 3
--- ---
The Franconian Cluster is a network of franconian hackspaces that organised the Franconian Village at Chaos Communication Camp 2019. After that, we continued our cooperation mainly at other events held by the Chaos Computer Club. For the first Remote Chaos Experience (rC3), some of the involved spaces decided to create a virtual assembly: franconian.net The Franconian Cluster is a network of franconian hackspaces that organised the Franconian Village at Chaos Communication Camp 2019. After that, we continued our cooperation mainly at other events held by the Chaos Computer Club. For the first Remote Chaos Experience (rC3), some of the involved spaces decided to create a virtual assembly: franconian.net

View File

@ -2,7 +2,7 @@
title: FAQ title: FAQ
menu: menu:
main: main:
weight: 1 weight: 2
--- ---
#### Was ist die Antwort auf die Frage nach dem Leben, dem Universum und dem ganzen Rest? #### Was ist die Antwort auf die Frage nach dem Leben, dem Universum und dem ganzen Rest?

View File

@ -2,7 +2,7 @@
title: FAQ title: FAQ
menu: menu:
main: main:
weight: 1 weight: 2
--- ---
#### What is "The Answer to the Ultimate Question of Life, the Universe, and Everything"? #### What is "The Answer to the Ultimate Question of Life, the Universe, and Everything"?

View File

@ -1,5 +1,6 @@
--- ---
title: Impressum title: Impressum
menu: footer
--- ---
backspace e. V. backspace e. V.

View File

@ -1,5 +1,6 @@
--- ---
title: Imprint title: Imprint
menu: footer
--- ---
backspace e. V. backspace e. V.

View File

@ -2,7 +2,7 @@
title: Programm title: Programm
menu: menu:
main: main:
weight: 3 weight: 4
--- ---
Das Programm erscheint in Kürze. Das Programm erscheint in Kürze.

View File

@ -1,8 +1,8 @@
--- ---
title: Program title: Schedule
menu: menu:
main: main:
weight: 3 weight: 4
--- ---
The schedule for the franconian.net channel will be released shortly. The schedule for the franconian.net channel will be released shortly.

View File

@ -1,2 +1,2 @@
[imprint] [last_change]
other = "Impressum" other = "Zuletzt geändert"

View File

@ -1,2 +1,2 @@
[imprint] [last_change]
other = "Imprint" other = "Last update"

View File

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>{{ block "title" . }} <title>{{ block "title" . }}
{{ .Site.Title }} {{ .Title }} | {{ .Site.Title }}
{{ end }}</title> {{ end }}</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo="> <link rel="icon" href="data:;base64,iVBORw0KGgo=">
{{ $style := resources.Get "style.scss" | resources.ToCSS (dict "outputStyle" "compressed") }} {{ $style := resources.Get "style.scss" | resources.ToCSS (dict "outputStyle" "compressed") }}
@ -12,8 +12,8 @@
</head> </head>
<body> <body>
<header> <header>
<nav class="nav"> <nav class="nav nav-main">
<a class="nav-logo" href="{{ .Site.LanguagePrefix }}/"><img src="https://styleguide.rc3.world/Logo/Logo%20Set%203/SVG/Logo%20SD%20blue.svg" alt="Blue version of the rC3 logo">franconian.net</a> <a class="nav-logo" href="{{ .Site.LanguagePrefix }}/"><img src="https://styleguide.rc3.world/Logo/Logo%20Set%203/SVG/Logo%20SD%20blue.svg" alt="Blue version of the rC3 logo">{{ .Site.Title }}</a>
{{ if .IsTranslated }} {{ if .IsTranslated }}
{{ range .Translations }} {{ range .Translations }}
<a class="nav-link" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a> <a class="nav-link" href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
@ -29,7 +29,12 @@
{{ block "main" . }} {{ block "main" . }}
{{ end }} {{ end }}
<footer> <footer>
<a href="/imprint">{{ i18n "imprint" }}</a> {{ i18n "last_change" . }}: {{ .Lastmod }}
<nav class="nav">
{{ range .Site.Menus.footer }}
<a class="nav-link" href="{{ .URL }}">{{ .Name }}</a>
{{ end }}
</nav>
</footer> </footer>
</body> </body>
</html> </html>