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

12
src/pages/index.astro
View file

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

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

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