From 9fd12d10698a442c227f2df465f04ee5840ce42a Mon Sep 17 00:00:00 2001 From: Luca Date: Sat, 11 Mar 2023 14:11:57 +0100 Subject: [PATCH] Move social media links to icons next to logo --- assets/style.scss | 37 ++++++++++++++++++++++++++++++ config.toml | 15 ++++++++---- content/pages/datenschutz/index.md | 2 +- layouts/_default/baseof.html | 9 +++++++- static/Instagram_Glyph_Black.svg | 1 + static/f_logo_RGB-Black_1024.svg | 24 +++++++++++++++++++ 6 files changed, 81 insertions(+), 7 deletions(-) create mode 100644 static/Instagram_Glyph_Black.svg create mode 100644 static/f_logo_RGB-Black_1024.svg diff --git a/assets/style.scss b/assets/style.scss index af8934f..2dc75ae 100644 --- a/assets/style.scss +++ b/assets/style.scss @@ -36,10 +36,19 @@ header { justify-content: space-between; margin-top: 1rem; + a img { + display: block; + } + nav { font-size: 1.2rem; } + .header-brand { + align-items: center; + display: flex; + } + .header-logo { height: 3.2rem; width: auto; @@ -48,6 +57,34 @@ header { .nav-burger { margin-right: 0.5rem; } + + .sm-menu { + display: flex; + margin-left: 0.5rem; + + a { + margin-left: 0.5rem; + + .sm-icon { + height: auto; + transition: opacity 0.25s; + width: 1.5rem; + } + + &:hover .sm-icon { + opacity: 0.7; + } + } + } + + @media screen and (min-width: $small) { + flex-wrap: nowrap; + + nav { + flex-wrap: wrap; + justify-content: right; + } + } } main { diff --git a/config.toml b/config.toml index 60b443e..5d5efc6 100644 --- a/config.toml +++ b/config.toml @@ -5,17 +5,22 @@ title = 'kontakt – Das Kulturprojekt' [menu] [[menu.footer]] + name = "Impressum" + url = "https://asta-bamberg.de/impressum" + weight = 10 + + [[menu.sm]] name = "Facebook" url = "https://facebook.com/kontakt.Das.Kulturfestival" weight = 10 - [[menu.footer]] + [menu.sm.params] + src = "/f_logo_RGB-Black_1024.svg" + [[menu.sm]] name = "Instagram" url = "https://instagram.com/kontakt_das_kulturprojekt" weight = 20 - [[menu.footer]] - name = "Impressum" - url = "https://asta-bamberg.de/impressum" - weight = 30 + [menu.sm.params] + src = "/Instagram_Glyph_Black.svg" [minify] minifyOutput = true diff --git a/content/pages/datenschutz/index.md b/content/pages/datenschutz/index.md index bfd7b52..88c086b 100644 --- a/content/pages/datenschutz/index.md +++ b/content/pages/datenschutz/index.md @@ -3,7 +3,7 @@ slug: "datenschutz" title: "Datenschutzerklärung" menu: footer: - weight: 40 + weight: 20 resources: - src: image.jpg title: Foto eines "grandMA"-Lichtpults mit blauem Licht im Hintergrund diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 31b5aab..706c610 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -17,7 +17,14 @@
- +
+ +
+{{ range .Site.Menus.sm }} + {{ .Name }} +{{ end }} +
+