merch, astro image

This commit is contained in:
Leif Niemczik 2022-11-23 22:41:04 +01:00
parent f61d8e0156
commit ac6e6ea0c2
12 changed files with 319 additions and 88 deletions

3
src/env.d.ts vendored
View file

@ -1 +1,2 @@
/// <reference types="astro/client" />
// /// <reference types="astro/client" />
/// <reference types="@astrojs/image/client" />

View file

@ -24,7 +24,20 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
</a>
)
}
{!title && <div />}
{!title && <div class='logo-placeholder' />}
<nav>
<ul>
<li>
<a href='https://pretix.hip-berlin.de/hip2022/hip2022/'
>Buy tickets</a
>
</li>
<li><a href='/merch'>Merch</a></li>
<li>
<a href='https://pretalx.c3voc.de/hip-berlin-2022/cfp'>CfP</a>
</li>
</ul>
</nav>
<ul class='socials'>
<li class='mastodon'>
<a
@ -101,9 +114,25 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
justify-content: space-between;
}
.logo {
max-width: 12rem;
width: 6.4rem;
height: 100%;
margin-left: 0.75rem;
&-placeholder {
width: 6.4rem;
}
}
nav {
font-size: 1.2rem;
ul {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
gap: 2rem;
}
li {
}
}
.socials {
list-style: none;

View file

@ -3,87 +3,85 @@ import Layout from '../layouts/Layout.astro'
---
<Layout>
<header>
<div>
<h1><img src='/logo.svg' alt='Hacking in Parallel ////' /></h1>
<time>December 27-30 2022</time>
</div>
</header>
<main>
<section>
<a
href='https://pretalx.c3voc.de/hip-berlin-2022/cfp'
rel='nofollower noreferrer'
target='_blank'
>
<div class='cfp gradient-bg'>
<h2>Call for participation &rarr;</h2>
</div>
</a>
</section>
<section>
<p>
A part of our chaotic decentralized intergalactic community will be
meeting in the rooms of "ETI Schauspielschule Berlin" at ///Hacking in
Parallel/// this year.
</p>
<p>
The ETI, 900m away from the bcc, is directly at the Spree, in
Rungestr.20, 10179 Berlin, just above c-base. HiP// is organized by
AfRA, Bits & Trees, xHain, Milliways, freeside, openStudio, CCCB, c-base
and other chaos-related entities and communities, in cooperation with
Digitale Gesellschaft.
</p>
<p>
Why? Because we want to! We want to meet again, exchange ideas and have
fun, in presence and in compliance with a self-imposed obligation to
wear a FFP2 mask inside "ETI Acting School Berlin". In addition, we
assume that you can credibly assure us that you are vaccinated or
recovered, no personal data will be stored.
</p>
<p>
Together with the c-base (hall H) we have up to 3 stages and several
rooms with space for workshops, assemblies/projects and your ideas. All
talks on the stages can be recorded and streamed via media.ccc We are
looking forward to your submission. <a
<article>
<header>
<div>
<h1><img src='/logo.svg' alt='Hacking in Parallel ////' /></h1>
<time>December 27-30 2022</time>
</div>
</header>
<main>
<section>
<a
href='https://pretalx.c3voc.de/hip-berlin-2022/cfp'
rel='nofollower noreferrer'
target='_blank'>https://pretalx.c3voc.de/hip-berlin-2022/cfp</a
target='_blank'
>
</p>
<p>
We also need and welcome support during ///Hip22///. 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 Angel Coordination Center. <a
href='https://engelsystem.hip-berlin.de/'
>https://engelsystem.hip-berlin.de/</a
>
</p>
<p>
The presale will start this week. Regular Tickets cost 79.-€ for 4 days
and can be clicced here. <a
href='https://pretix.hip-berlin.de/hip2022/hip2022/'
rel='nofollower noreferrer'
target='_blank'>https://pretix.hip-berlin.de/hip2022/hip2022/</a
>
</p>
</section>
<section>
<h2>Location</h2>
<div>
<address>
<h2>ETI Schauspielschule</h2>
Rungestraße 20<br />
10179 Berlin
</address>
</div>
</section>
</main>
<div class='tickets gradient-bg'>
<h2>Get Tickets &rarr;</h2>
</div>
</a>
</section>
<section>
<p>
A part of our chaotic decentralized intergalactic community will be
meeting in the rooms of "ETI Schauspielschule Berlin" at ///Hacking in
Parallel/// this year.
</p>
<p>
The ETI, 900m away from the bcc, is directly at the Spree, in
Rungestr.20, 10179 Berlin, just above c-base. HiP// is organized by
AfRA, Bits & Trees, xHain, Milliways, freeside, openStudio, CCCB,
c-base and other chaos-related entities and communities, in
cooperation with Digitale Gesellschaft.
</p>
<p>
Why? Because we want to! We want to meet again, exchange ideas and
have fun, in presence and in compliance with a self-imposed obligation
to wear a FFP2 mask inside "ETI Acting School Berlin". In addition, we
assume that you can credibly assure us that you are vaccinated or
recovered, no personal data will be stored.
</p>
<p>
Together with the c-base (hall H) we have up to 3 stages and several
rooms with space for workshops, assemblies/projects and your ideas.
All talks on the stages can be recorded and streamed via media.ccc We
are looking forward to your submission. <a
href='https://pretalx.c3voc.de/hip-berlin-2022/cfp'
rel='nofollower noreferrer'
target='_blank'>https://pretalx.c3voc.de/hip-berlin-2022/cfp</a
>
</p>
<p>
We also need and welcome support during ///Hip22///. 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 Angel Coordination Center. <a
href='https://engelsystem.hip-berlin.de/'
>https://engelsystem.hip-berlin.de/</a
>
</p>
<p>
The presale will start this week. Regular Tickets cost 79.-€ for 4
days and can be clicced here. <a
href='https://pretix.hip-berlin.de/hip2022/hip2022/'
rel='nofollower noreferrer'
target='_blank'>https://pretix.hip-berlin.de/hip2022/hip2022/</a
>
</p>
</section>
<section>
<h2>Location</h2>
<div>
<address>
<h2>ETI Schauspielschule</h2>
Rungestraße 20<br />
10179 Berlin
</address>
</div>
</section>
</main>
</article>
</Layout>
<style lang='scss'>
@ -107,10 +105,11 @@ import Layout from '../layouts/Layout.astro'
section {
margin-bottom: 4rem;
}
.cfp {
max-width: 100%;
.tickets {
width: 100%;
@media screen and (min-width: 768px) {
margin: 0 -1.5rem 3rem;
width: calc(100% + 3rem);
}
text-align: center;
a {

View file

@ -0,0 +1,52 @@
---
import Layout from '../../layouts/Layout.astro'
import { Image } from '@astrojs/image/components'
---
<Layout title='Merch'>
<main>
<figure>
<Image
width='1095'
height='821'
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>
</figure>
<figure>
<Image
width='1600'
height='1388'
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>
</figure>
<figure>
<Image
width='1423'
height='1600'
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>
</figure>
<figure>
<Image
width='1524'
height='1600'
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>
</figure>
</main>
</Layout>
<style>
img {
width: 100%;
height: auto;
}
</style>