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

angel center in nav

Browse source
This commit is contained in:
Leif Niemczik 2022-12-01 18:04:05 +01:00
parent 2eb72e1e55
commit 2134507d81
3 changed files with 32 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/layouts/Layout.astro
View file

@ -29,13 +29,19 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
<a href='/'>Home</a> <a href='/'>Home</a>
</li> </li>
<li> <li>
<a href='https://pretix.hip-berlin.de/hip2022/hip2022/' <a
>Buy tickets</a href='https://pretix.hip-berlin.de/hip2022/hip2022/'
target='_blank'
rel='noopener,noreferrer'>Buy tickets</a
> >
</li> </li>
<li><a href='/merch/'>Merch{' '}</a></li> <li><a href='/merch/'>Merch{' '}</a></li>
<li> <li>
<a href='https://pretalx.c3voc.de/hip-berlin-2022/cfp'>CfP</a> <a
href='https://pretalx.c3voc.de/hip-berlin-2022/cfp'
target='_blank'
rel='noopener,noreferrer'>CfP</a
>
</li> </li>
<li> <li>
<a href='/resources/'>Resources</a> <a href='/resources/'>Resources</a>
@ -43,6 +49,13 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
<li> <li>
<a href='/coc/'>CoC</a> <a href='/coc/'>CoC</a>
</li> </li>
<li>
<a
href='https://engelsystem.hip-berlin.de/'
target='_blank'
rel='noopener,noreferrer'>Angel Center</a
>
</li>
</ul> </ul>
<Socials additionalClass='mobile-only' /> <Socials additionalClass='mobile-only' />
</nav> </nav>
@ -137,8 +150,8 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
z-index: 10; z-index: 10;
@supports (height: 100dvh) { @supports (height: 100dvh) {
height:100dvh; height: 100dvh;
padding:2rem; padding: 2rem;
} }
label { label {
@ -159,7 +172,7 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
} }
// desktop menu styles // desktop menu styles
@media screen and (min-width: 768px) { @media screen and (min-width: 1024px) {
flex-direction: row; flex-direction: row;
padding: 0; padding: 0;
position: relative; position: relative;
@ -206,9 +219,9 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
} }
} }
&.desktop-only { &.desktop-only {
height: 4.5rem; height: 4.2rem;
width: auto; width: auto;
gap: 1.5rem; gap: 1rem;
ul { ul {
flex-direction: row; flex-direction: row;
} }
@ -279,12 +292,12 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
padding: 1.5rem 0; padding: 1.5rem 0;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 1024px) {
.desktop-only { .desktop-only {
display: none; display: none;
} }
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 1024px) {
.mobile-only { .mobile-only {
display: none; display: none;
} }

12
src/pages/index.astro
View file

@ -54,10 +54,10 @@ import Layout from '../layouts/Layout.astro'
>. >.
</p> </p>
<p> <p>
We also need and welcome support during HiP. For our ACC We also need and welcome support during HiP. For our ACC "Angel
"Angel Coordination Center" we have on the 5th floor, on the roof, a Coordination Center" we have on the 5th floor, on the roof, a nice big
nice big room with terrace and view over Berlin available as Heaven. room with terrace and view over Berlin available as Heaven. Just
Just register in our <a href='https://engelsystem.hip-berlin.de/' register in our <a href='https://engelsystem.hip-berlin.de/'
>Angel Coordination Center</a >Angel Coordination Center</a
>. >.
</p> </p>
@ -107,7 +107,7 @@ import Layout from '../layouts/Layout.astro'
} }
.tickets { .tickets {
width: 100%; width: 100%;
@media screen and (min-width: 768px) { @media screen and (min-width: 1024px) {
margin: 0 -1.5rem 3rem; margin: 0 -1.5rem 3rem;
width: calc(100% + 3rem); width: calc(100% + 3rem);
} }
@ -117,7 +117,7 @@ import Layout from '../layouts/Layout.astro'
} }
h2 { h2 {
font-size: 2rem; font-size: 2rem;
@media screen and (min-width: 768px) { @media screen and (min-width: 1024px) {
font-size: 2.2rem; font-size: 2.2rem;
} }
line-height: 1.2; line-height: 1.2;

7
src/pages/resources/index.astro
View file

@ -22,8 +22,7 @@ import Layout from '../../layouts/Layout.astro'
</p> </p>
<h2>Font</h2> <h2>Font</h2>
<p> <p>
We are using <a We are using <a href='https://www.ibm.com/plex/'>IBM Plex Mono Medium</a
href='https://www.ibm.com/plex/'>IBM Plex Mono Medium</a
>. >.
</p> </p>
<section> <section>
@ -243,13 +242,13 @@ import Layout from '../../layouts/Layout.astro'
.grid-2col { .grid-2col {
display: grid; display: grid;
gap: 2rem; gap: 2rem;
@media screen and (min-width: 768px) { @media screen and (min-width: 1024px) {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
} }
} }
.grid-3col { .grid-3col {
display: grid; display: grid;
@media screen and (min-width: 768px) { @media screen and (min-width: 1024px) {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
gap: 2rem; gap: 2rem;