diff --git a/public/favicon.svg b/public/favicon.svg
index 0f39062..c277934 100644
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -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>
diff --git a/public/icons/mastodon.svg b/public/icons/mastodon.svg
new file mode 100644
index 0000000..a314114
--- /dev/null
+++ b/public/icons/mastodon.svg
@@ -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>
\ No newline at end of file
diff --git a/public/icons/matrix.svg b/public/icons/matrix.svg
new file mode 100644
index 0000000..79911c8
--- /dev/null
+++ b/public/icons/matrix.svg
@@ -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>
\ No newline at end of file
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 474135f..ac0540a 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -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);
diff --git a/src/pages/imprint/index.astro b/src/pages/imprint/index.astro
index 207a163..c9533cf 100644
--- a/src/pages/imprint/index.astro
+++ b/src/pages/imprint/index.astro
@@ -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>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2c0011c..d87f847 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -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 {