Milliways/www.hip-berlin.de
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

header fixes

Browse source
This commit is contained in:
Leif Niemczik 2022-11-18 15:09:45 +01:00
parent 504f06b0d0
commit 824e5d9533
1 changed files with 35 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
src/layouts/Layout.astro
View file

@ -16,29 +16,32 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
<title>{`${title ? title + ' / ' : ''}${permaTitle}`}</title> <title>{`${title ? title + ' / ' : ''}${permaTitle}`}</title>
</head> </head>
<body> <body>
{ <header class='site-header'>
title && ( {
<a href='/'> title && (
<img class='logo' src='/design-resources/logo/colored.svg' /> <a href='/'>
</a> <img class='logo' src='/design-resources/logo/colored.svg' />
) </a>
} )
<ul class='socials'> }
<li class='mastodon'> {!title && <div />}
<a <ul class='socials'>
href='https://chaos.social/@HIP22' <li class='mastodon'>
title='HiP 2022 Berlin on Mastodon' <a
><img src='/icons/mastodon.svg' alt='' /> href='https://chaos.social/@HIP22'
</a> title='HiP 2022 Berlin on Mastodon'
</li> ><img src='/icons/mastodon.svg' alt='' />
<li class='matrix'> </a>
<a </li>
href='https://matrix.to/#/%23xc3-space%3A1312.media' <li class='matrix'>
title='HiP 2022 Berlin on Matrix' <a
><img src='/icons/matrix.svg' alt='' /> href='https://matrix.to/#/%23xc3-space%3A1312.media'
</a> title='HiP 2022 Berlin on Matrix'
</li> ><img src='/icons/matrix.svg' alt='' />
</ul> </a>
</li>
</ul>
</header>
<slot /> <slot />
<footer> <footer>
<a href='/imprint/'>Imprint</a> //// <a href='/imprint/'>Imprint</a> ////
@ -89,16 +92,22 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
overflow-x: hidden; overflow-x: hidden;
width: 100%; width: 100%;
} }
.site-header {
display: flex;
justify-content: space-between;
}
.logo { .logo {
max-width: 12rem; max-width: 12rem;
height: 100%;
margin-left: 0.75rem;
} }
.socials { .socials {
list-style: none; list-style: none;
display: inline-flex;
justify-content: flex-end;
margin: 0; margin: 0;
padding: 1.5rem; padding: 1.5rem;
height: 1.5rem; height: 4.5rem;
display: flex;
justify-content: flex-end;
gap: 1rem; gap: 1rem;
li { li {
height: 100%; height: 100%;