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

adjusted merch page

Browse source
This commit is contained in:
Leif Niemczik 2022-11-23 22:57:43 +01:00
parent 73eb00968a
commit 2681998c67
2 changed files with 21 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/layouts/Layout.astro
View file

@ -57,6 +57,8 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
><img src='/icons/matrix.svg' alt='' />
</a>
</li>
<input type='checkbox' id='nav-toggle' class='hidden' />
<label for='nav-toggle'>Menu</label>
</ul>
</header>
<slot />
@ -136,6 +138,11 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
li {
}
}
#nav-toggle {
height: 0;
width: 0;
overflow: hidden;
}
.socials {
list-style: none;
display: inline-flex;

18
src/pages/merch/index.astro
View file

@ -5,6 +5,11 @@ import { Image } from '@astrojs/image/components'
<Layout title='Merch'>
<main>
<p>
Merch is available in our <a
href='https://pretix.hip-berlin.de/hip2022/hip2022/'>ticket shop</a
>.
</p>
<figure>
<Image
width='1095'
@ -12,7 +17,7 @@ import { Image } from '@astrojs/image/components'
src='/merch/hoodie.jpg'
alt='Hacking in Parallel Berlin 2022 Hoodie with a colorful print of a geometric grid with several gradient lines going from bottom left to top right'
/>
<figcaption>Hoodie</figcaption>
<figcaption>Hoodie, unisex (XS - XXL)</figcaption>
</figure>
<figure>
<Image
@ -21,7 +26,7 @@ import { Image } from '@astrojs/image/components'
src='/merch/zipper.jpg'
alt='Hacking in Parallel Berlin 2022 Zip Up Hoodie with a colorful print of a geometric grid with several gradient lines going from bottom left to top right'
/>
<figcaption>Zipper</figcaption>
<figcaption>Zipper, unisex (XS - XXL)</figcaption>
</figure>
<figure>
<Image
@ -30,7 +35,7 @@ import { Image } from '@astrojs/image/components'
src='/merch/stella.jpg'
alt='Hacking in Parallel Berlin 2022 Shirt with accented waist cut, colorful print of a geometric grid with several gradient lines going from bottom left to top right on the front of the shirt'
/>
<figcaption>Shirt - Stella (smaller waist fit)</figcaption>
<figcaption>Shirt - Stella, waisted cut (XS - XXL)</figcaption>
</figure>
<figure>
<Image
@ -39,12 +44,17 @@ import { Image } from '@astrojs/image/components'
src='/merch/stanley.jpg'
alt='Hacking in Parallel Berlin 2022 Shirt with a colorful print of a geometric grid with several gradient lines going from bottom left to top right on the front of the shirt'
/>
<figcaption>Shirt - Stanley</figcaption>
<figcaption>Shirt - Stanley, unisex (XXS - 5XL)</figcaption>
</figure>
</main>
</Layout>
<style>
figure,
p {
margin-bottom: 4rem;
text-align: center;
}
img {
width: 100%;
height: auto;