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

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

@ -5,6 +5,11 @@ import { Image } from '@astrojs/image/components'
<Layout title='Merch'> <Layout title='Merch'>
<main> <main>
<p>
Merch is available in our <a
href='https://pretix.hip-berlin.de/hip2022/hip2022/'>ticket shop</a
>.
</p>
<figure> <figure>
<Image <Image
width='1095' width='1095'
@ -12,7 +17,7 @@ import { Image } from '@astrojs/image/components'
src='/merch/hoodie.jpg' 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' 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>
<figure> <figure>
<Image <Image
@ -21,7 +26,7 @@ import { Image } from '@astrojs/image/components'
src='/merch/zipper.jpg' 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' 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>
<figure> <figure>
<Image <Image
@ -30,7 +35,7 @@ import { Image } from '@astrojs/image/components'
src='/merch/stella.jpg' 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' 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>
<figure> <figure>
<Image <Image
@ -39,12 +44,17 @@ import { Image } from '@astrojs/image/components'
src='/merch/stanley.jpg' 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' 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> </figure>
</main> </main>
</Layout> </Layout>
<style> <style>
figure,
p {
margin-bottom: 4rem;
text-align: center;
}
img { img {
width: 100%; width: 100%;
height: auto; height: auto;