Move social media links to icons next to logo
This commit is contained in:
parent
bfcb062485
commit
9fd12d1069
|
|
@ -36,10 +36,19 @@ header {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
|
|
||||||
|
a img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-brand {
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
.header-logo {
|
.header-logo {
|
||||||
height: 3.2rem;
|
height: 3.2rem;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
|
@ -48,6 +57,34 @@ header {
|
||||||
.nav-burger {
|
.nav-burger {
|
||||||
margin-right: 0.5rem;
|
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 {
|
main {
|
||||||
|
|
|
||||||
15
config.toml
15
config.toml
|
|
@ -5,17 +5,22 @@ title = 'kontakt – Das Kulturprojekt'
|
||||||
|
|
||||||
[menu]
|
[menu]
|
||||||
[[menu.footer]]
|
[[menu.footer]]
|
||||||
|
name = "Impressum"
|
||||||
|
url = "https://asta-bamberg.de/impressum"
|
||||||
|
weight = 10
|
||||||
|
|
||||||
|
[[menu.sm]]
|
||||||
name = "Facebook"
|
name = "Facebook"
|
||||||
url = "https://facebook.com/kontakt.Das.Kulturfestival"
|
url = "https://facebook.com/kontakt.Das.Kulturfestival"
|
||||||
weight = 10
|
weight = 10
|
||||||
[[menu.footer]]
|
[menu.sm.params]
|
||||||
|
src = "/f_logo_RGB-Black_1024.svg"
|
||||||
|
[[menu.sm]]
|
||||||
name = "Instagram"
|
name = "Instagram"
|
||||||
url = "https://instagram.com/kontakt_das_kulturprojekt"
|
url = "https://instagram.com/kontakt_das_kulturprojekt"
|
||||||
weight = 20
|
weight = 20
|
||||||
[[menu.footer]]
|
[menu.sm.params]
|
||||||
name = "Impressum"
|
src = "/Instagram_Glyph_Black.svg"
|
||||||
url = "https://asta-bamberg.de/impressum"
|
|
||||||
weight = 30
|
|
||||||
|
|
||||||
[minify]
|
[minify]
|
||||||
minifyOutput = true
|
minifyOutput = true
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@ slug: "datenschutz"
|
||||||
title: "Datenschutzerklärung"
|
title: "Datenschutzerklärung"
|
||||||
menu:
|
menu:
|
||||||
footer:
|
footer:
|
||||||
weight: 40
|
weight: 20
|
||||||
resources:
|
resources:
|
||||||
- src: image.jpg
|
- src: image.jpg
|
||||||
title: Foto eines "grandMA"-Lichtpults mit blauem Licht im Hintergrund
|
title: Foto eines "grandMA"-Lichtpults mit blauem Licht im Hintergrund
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,14 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<img alt="Logo von kontakt – dem Kulturprojekt" class="header-logo" src="/logo.svg">
|
<div class="header-brand">
|
||||||
|
<a href="{{ .Site.BaseURL }}"><img alt="Logo von kontakt – dem Kulturprojekt" class="header-logo" src="/logo.svg"></a>
|
||||||
|
<div class="sm-menu">
|
||||||
|
{{ range .Site.Menus.sm }}
|
||||||
|
<a href="{{ .URL }}"{{ if hasPrefix .URL "https://" }} target="_blank"{{ end }}><img alt="{{ .Name }}" class="sm-icon" src="{{ .Params.src }}"></a>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<input class="nav-toggle" id="toggleMainNav" type="checkbox">
|
<input class="nav-toggle" id="toggleMainNav" type="checkbox">
|
||||||
<label class="nav-burger" for="toggleMainNav">
|
<label class="nav-burger" for="toggleMainNav">
|
||||||
<div></div>
|
<div></div>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M295.42,6c-53.2,2.51-89.53,11-121.29,23.48-32.87,12.81-60.73,30-88.45,57.82S40.89,143,28.17,175.92c-12.31,31.83-20.65,68.19-23,121.42S2.3,367.68,2.56,503.46,3.42,656.26,6,709.6c2.54,53.19,11,89.51,23.48,121.28,12.83,32.87,30,60.72,57.83,88.45S143,964.09,176,976.83c31.8,12.29,68.17,20.67,121.39,23s70.35,2.87,206.09,2.61,152.83-.86,206.16-3.39S799.1,988,830.88,975.58c32.87-12.86,60.74-30,88.45-57.84S964.1,862,976.81,829.06c12.32-31.8,20.69-68.17,23-121.35,2.33-53.37,2.88-70.41,2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862,40.87,829.07,28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33,2.3,501.54,2.56,348.75,3.4,295.42,6m5.84,903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29,2.53-202c2.08-48.71,10.23-75.21,17-92.84,9-23.39,19.84-40,37.29-57.57s34.1-28.39,57.43-37.51c17.62-6.88,44.06-15.06,92.79-17.38,52.73-2.5,68.53-3,202-3.29s149.31.21,202.06,2.53c48.71,2.12,75.22,10.19,92.83,17,23.37,9,40,19.81,57.57,37.29s28.4,34.07,37.52,57.45c6.89,17.57,15.07,44,17.37,92.76,2.51,52.73,3.08,68.54,3.32,202s-.23,149.31-2.54,202c-2.13,48.75-10.21,75.23-17,92.89-9,23.35-19.85,40-37.31,57.56s-34.09,28.38-57.43,37.5c-17.6,6.87-44.07,15.07-92.76,17.39-52.73,2.48-68.53,3-202.05,3.29s-149.27-.25-202-2.53m407.6-674.61a60,60,0,1,0,59.88-60.1,60,60,0,0,0-59.88,60.1M245.77,503c.28,141.8,115.44,256.49,257.21,256.22S759.52,643.8,759.25,502,643.79,245.48,502,245.76,245.5,361.22,245.77,503m90.06-.18a166.67,166.67,0,1,1,167,166.34,166.65,166.65,0,0,1-167-166.34" transform="translate(-2.5 -2.5)"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.7 KiB |
|
|
@ -0,0 +1,24 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg
|
||||||
|
width="1024pt"
|
||||||
|
height="1024pt"
|
||||||
|
viewBox="0 0 1024 1024"
|
||||||
|
version="1.1"
|
||||||
|
id="svg288"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg">
|
||||||
|
<defs
|
||||||
|
id="defs292" />
|
||||||
|
<path
|
||||||
|
fill-rule="nonzero"
|
||||||
|
fill="rgb(6.266785%, 5.734253%, 5.047607%)"
|
||||||
|
fill-opacity="1"
|
||||||
|
d="M 1024 512 C 1024 229.230469 794.769531 0 512 0 C 229.230469 0 0 229.230469 0 512 C 0 767.554688 187.230469 979.371094 432 1017.78125 L 432 660 L 302 660 L 302 512 L 432 512 L 432 399.199219 C 432 270.878906 508.4375 200 625.390625 200 C 681.40625 200 740 210 740 210 L 740 336 L 675.4375 336 C 611.835938 336 592 375.46875 592 415.957031 L 592 512 L 734 512 L 711.300781 660 L 592 660 L 592 1017.78125 C 836.769531 979.371094 1024 767.554688 1024 512 "
|
||||||
|
id="path284" />
|
||||||
|
<path
|
||||||
|
fill-rule="nonzero"
|
||||||
|
fill="rgb(100%, 100%, 100%)"
|
||||||
|
fill-opacity="1"
|
||||||
|
d="M 711.300781 660 L 734 512 L 592 512 L 592 415.957031 C 592 375.46875 611.835938 336 675.4375 336 L 740 336 L 740 210 C 740 210 681.40625 200 625.390625 200 C 508.4375 200 432 270.878906 432 399.199219 L 432 512 L 302 512 L 302 660 L 432 660 L 432 1017.78125 C 458.066406 1021.871094 484.785156 1024 512 1024 C 539.214844 1024 565.933594 1021.871094 592 1017.78125 L 592 660 L 711.300781 660 "
|
||||||
|
id="path286" />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.3 KiB |
Loading…
Reference in New Issue