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

imprint, mastodon link

Browse source
This commit is contained in:
Leif Niemczik 2022-11-16 16:50:25 +01:00
parent 9b51b46820
commit e07d3afaf4
6 changed files with 102 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
public/favicon.svg
View file

@ -1,13 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36"> <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/> <path d="M0.365112 28.2477H3.51261L16.7696 6H13.6221L0.365112 28.2477Z" fill="url(#paint0_linear_99_2)"/>
<path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/> <path d="M6.51685 28.2477H9.66434L22.9214 6H19.7739L6.51685 28.2477Z" fill="url(#paint1_linear_99_2)"/>
<defs> <path d="M12.6685 28.2477H15.816L29.0731 6H25.9256L12.6685 28.2477Z" fill="url(#paint2_linear_99_2)"/>
<linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse"> <path d="M19.2303 28.2477H22.3778L35.6349 6H32.4874L19.2303 28.2477Z" fill="url(#paint3_linear_99_2)"/>
<stop stop-color="#000"/> <defs>
<stop offset="1" stop-color="#000" stop-opacity="0"/> <linearGradient id="paint0_linear_99_2" x1="2.24861" y1="28.2477" x2="2.24861" y2="6" gradientUnits="userSpaceOnUse">
</linearGradient> <stop stop-color="#FF9900"/>
</defs> <stop offset="1" stop-color="#44B4E9"/>
<style> </linearGradient>
@media (prefers-color-scheme:dark){:root{filter:invert(100%)}} <linearGradient id="paint1_linear_99_2" x1="8.3318" y1="28.2477" x2="8.3318" y2="6" gradientUnits="userSpaceOnUse">
</style> <stop stop-color="#6C2400"/>
<stop offset="0.347421" stop-color="#003A3E"/>
<stop offset="0.684919" stop-color="#267400"/>
<stop offset="1" stop-color="#FFD630"/>
</linearGradient>
<linearGradient id="paint2_linear_99_2" x1="14.4835" y1="28.2477" x2="14.4835" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#F0C728"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<linearGradient id="paint3_linear_99_2" x1="32.559" y1="8.46068" x2="32.4447" y2="28.3134" gradientUnits="userSpaceOnUse">
<stop stop-color="#F8E830"/>
<stop offset="0.526042" stop-color="#3CACD7"/>
<stop offset="1" stop-color="#002E5C"/>
</linearGradient>
</defs>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 873 B

After

Width:  |  Height:  |  Size: 1.5 KiB

1
public/icons/mastodon.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 231 248"><path fill="#fff" fill-rule="evenodd" d="M165 189c31-4 58-23 61-41 5-27 5-67 5-67 0-53-35-69-35-69-18-8-49-12-80-12h-1C83 0 53 4 35 12c0 0-35 16-35 69a2121 2121 0 0 1 0 43c1 52 10 104 58 117 23 6 42 7 57 6 29-1 44-10 44-10l-1-20s-20 6-42 5c-23 0-46-2-50-29v-8a288 288 0 0 0 99 4Zm24-39V85c0-13-3-23-10-31s-16-12-27-12c-14 0-24 5-30 15l-7 11-6-11c-7-10-17-15-30-15-11 0-20 4-27 12S41 72 41 85v65h26V87c0-13 6-20 17-20 12 0 19 8 19 24v35h25V91c0-16 6-24 19-24 11 0 17 7 17 20v63h25Z" clip-rule="evenodd"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 583 B

1
public/icons/matrix.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 27.9 32"><path fill="#fff" d="M27 31.2V.7h-2.2V0h3v32h-3v-.7l2.2-.1zM8.1 10.4V12c.4-.6.9-1 1.5-1.4.6-.3 1.2-.5 2-.5.7 0 1.4.1 2 .4A3 3 0 0 1 15 12c.3-.5.8-.9 1.4-1.3.6-.4 1.3-.6 2.1-.6l1.7.2c.5.1 1 .4 1.3.7.4.3.7.7.9 1.3.2.5.3 1.1.3 2v7.5h-3.1v-7.6l-.2-.9a.9.9 0 0 0-.6-.6 3 3 0 0 0-1-.2 2 2 0 0 0-1.1.3c-.3.2-.5.4-.6.7l-.3.9-.1 1.1v6.3h-3.1v-7.4l-.2-.9c-.1-.3-.3-.5-.6-.7-.3-.2-.6-.3-1.1-.3l-.6.1-.7.4-.6.8c-.2.3-.2.8-.2 1.4v6.6H5.2V10.4h2.9zM.8.7v30.5H3v.8H0V0h3v.7H.8z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 554 B

41
src/layouts/Layout.astro
View file

@ -16,6 +16,20 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
<title>{`${title ? title + ' / ' : ''}${permaTitle}`}</title> <title>{`${title ? title + ' / ' : ''}${permaTitle}`}</title>
</head> </head>
<body> <body>
<ul class='socials'>
<li class='mastodon'>
<a
href='https://chaos.social/@HIP22'
title='HiP 2022 Berlin on Mastodon'
><img src='/icons/mastodon.svg' alt='' />
</a>
</li>
<!-- <li class='matrix'>
<a href='#' title='HiP 2022 Berlin on Matrix'
><img src='/icons/matrix.svg' alt='' />
</a>
</li> -->
</ul>
<slot /> <slot />
<footer> <footer>
<a href='/imprint/'>Imprint</a> //// <a href='/imprint/'>Imprint</a> ////
@ -34,7 +48,6 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
#ff9900 77.58%, #ff9900 77.58%,
#6c2400 96.25% #6c2400 96.25%
); );
box-sizing: border-box;
} }
@font-face { @font-face {
font-family: 'IBM Plex Mono'; font-family: 'IBM Plex Mono';
@ -54,6 +67,27 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
font-size: 1rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
font-weight: 500; font-weight: 500;
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
}
.socials {
list-style: none;
margin: 0;
padding: 1.5rem;
height: 1.5rem;
display: flex;
justify-content: flex-end;
gap: 1rem;
li {
height: 100%;
flex: 0 1 1.5rem;
img {
height: 100%;
}
}
} }
main { main {
margin: auto; margin: auto;
@ -67,10 +101,15 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
h5, h5,
h6 { h6 {
font-weight: 500; font-weight: 500;
color: var(--headline-color);
} }
a { a {
color: var(--headline-color); color: var(--headline-color);
text-decoration: none; text-decoration: none;
transition: opacity 0.2s ease-in-out;
&:hover {
opacity: 0.8;
}
} }
.gradient-bg { .gradient-bg {
background: var(--gradient); background: var(--gradient);

33
src/pages/imprint/index.astro
View file

@ -7,10 +7,35 @@ import Layout from '../../layouts/Layout.astro'
<article> <article>
<h1>Imprint</h1> <h1>Imprint</h1>
<p> <p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim, eius Digitale Gesellschaft e. V.<br />Groninger Straße 7<br />13347 Berlin<br
nostrum harum quo eligendi rerum ipsam, officia laboriosam sapiente non />Tel.: 030/450 840 18<br />info (at) digitalegesellschaft.de (<a
perspiciatis excepturi ex quaerat cum aut. Dolore optio repudiandae href='https://keys.openpgp.org/vks/v1/by-fingerprint/9BC0D0A167100BF10211CE464AA70F104ACBAFB9'
tempora! >PGP</a
>)
</p>
<h3>Kontoverbindung</h3>
<p>Digitale Gesellschaft e. V.<br />IBAN: DE 88 4306 0967 1125 0128 00</p>
<p>
GLS-Bank,<br />Konto-Nr: 1125012800<br />BLZ: 430 609 67<br />BIC:
GENODEM1GLS
</p>
<h3>Vertretungsberechtigter Vorstand</h3>
<p>Elke Steven<br />Rüdiger Weis<br />Benjamin Wolf</p>
<p>
Digitale Gesellschaft <abbr title='eingetragener Verein'>e. V.</abbr> ist
mit dem Aktenzeichen VR 30591 B beim Amtsgericht Berlin-Charlottenburg eingetragen
und vom Finanzamt als gemeinnützig anerkannt.
</p>
<p>
<a href='http://digitalegesellschaft.de/uber-uns/satzung/'
>Satzung des Vereins</a
>
</p>
<h3>Verantwortlich für den Inhalt</h3>
<p>(nach § 55 Abs. 2 RStV)</p>
<p>
Tom Jennissen und Sebastian Marg<br />Digitale Gesellschaft e. V.<br
/>Groninger Straße 7<br />13347 Berlin
</p> </p>
</article> </article>
</main> </main>

12
src/pages/index.astro
View file

@ -10,11 +10,11 @@ import Layout from '../layouts/Layout.astro'
</div> </div>
</header> </header>
<main> <main>
<article class='cfp gradient-bg'> <a href='https://pretalx.c3voc.de/hip-berlin-2022/cfp'>
<a href='https://pretalx.c3voc.de/hip-berlin-2022/cfp'> <div class='cfp gradient-bg'>
<h2>Call for participation &rarr;</h2> <h2>Call for participation &rarr;</h2>
</a> </div>
</article> </a>
<div> <div>
<address> <address>
<h2>ETI Schauspielschule</h2> <h2>ETI Schauspielschule</h2>
@ -41,9 +41,6 @@ import Layout from '../layouts/Layout.astro'
.cfp { .cfp {
margin: 0 -1.5rem 3rem; margin: 0 -1.5rem 3rem;
text-align: center; text-align: center;
&:hover {
opacity: 0.8;
}
a { a {
color: var(--background); color: var(--background);
} }
@ -51,6 +48,7 @@ import Layout from '../layouts/Layout.astro'
font-size: 2.4rem; font-size: 2.4rem;
line-height: 1.2; line-height: 1.2;
margin: 0; margin: 0;
color: #000;
} }
} }
time { time {