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">
<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 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"/>
<defs>
<linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse">
<stop stop-color="#000"/>
<stop offset="1" stop-color="#000" stop-opacity="0"/>
</linearGradient>
</defs>
<style>
@media (prefers-color-scheme:dark){:root{filter:invert(100%)}}
</style>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.365112 28.2477H3.51261L16.7696 6H13.6221L0.365112 28.2477Z" fill="url(#paint0_linear_99_2)"/>
<path d="M6.51685 28.2477H9.66434L22.9214 6H19.7739L6.51685 28.2477Z" fill="url(#paint1_linear_99_2)"/>
<path d="M12.6685 28.2477H15.816L29.0731 6H25.9256L12.6685 28.2477Z" fill="url(#paint2_linear_99_2)"/>
<path d="M19.2303 28.2477H22.3778L35.6349 6H32.4874L19.2303 28.2477Z" fill="url(#paint3_linear_99_2)"/>
<defs>
<linearGradient id="paint0_linear_99_2" x1="2.24861" y1="28.2477" x2="2.24861" y2="6" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF9900"/>
<stop offset="1" stop-color="#44B4E9"/>
</linearGradient>
<linearGradient id="paint1_linear_99_2" x1="8.3318" y1="28.2477" x2="8.3318" y2="6" gradientUnits="userSpaceOnUse">
<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>

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>
</head>
<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 />
<footer>
<a href='/imprint/'>Imprint</a> ////
@ -34,7 +48,6 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
#ff9900 77.58%,
#6c2400 96.25%
);
box-sizing: border-box;
}
@font-face {
font-family: 'IBM Plex Mono';
@ -54,6 +67,27 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
font-size: 1rem;
line-height: 1.5;
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 {
margin: auto;
@ -67,10 +101,15 @@ const permaTitle = 'Hacking in Parallel 2022 //// Berlin'
h5,
h6 {
font-weight: 500;
color: var(--headline-color);
}
a {
color: var(--headline-color);
text-decoration: none;
transition: opacity 0.2s ease-in-out;
&:hover {
opacity: 0.8;
}
}
.gradient-bg {
background: var(--gradient);

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

@ -7,10 +7,35 @@ import Layout from '../../layouts/Layout.astro'
<article>
<h1>Imprint</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim, eius
nostrum harum quo eligendi rerum ipsam, officia laboriosam sapiente non
perspiciatis excepturi ex quaerat cum aut. Dolore optio repudiandae
tempora!
Digitale Gesellschaft e. V.<br />Groninger Straße 7<br />13347 Berlin<br
/>Tel.: 030/450 840 18<br />info (at) digitalegesellschaft.de (<a
href='https://keys.openpgp.org/vks/v1/by-fingerprint/9BC0D0A167100BF10211CE464AA70F104ACBAFB9'
>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>
</article>
</main>

12
src/pages/index.astro
View file

@ -10,11 +10,11 @@ import Layout from '../layouts/Layout.astro'
</div>
</header>
<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>
</a>
</article>
</div>
</a>
<div>
<address>
<h2>ETI Schauspielschule</h2>
@ -41,9 +41,6 @@ import Layout from '../layouts/Layout.astro'
.cfp {
margin: 0 -1.5rem 3rem;
text-align: center;
&:hover {
opacity: 0.8;
}
a {
color: var(--background);
}
@ -51,6 +48,7 @@ import Layout from '../layouts/Layout.astro'
font-size: 2.4rem;
line-height: 1.2;
margin: 0;
color: #000;
}
}
time {