From e64933c501b8c2619cf78ba67231ccfffca813a9 Mon Sep 17 00:00:00 2001
From: tree <tree@hidden.cz>
Date: Fri, 28 Apr 2023 14:28:21 +0200
Subject: [PATCH] update

---
 src/lib/config.yaml       |  4 +++
 src/routes/+layout.svelte | 51 ++++++++++++++++++++-------------------
 2 files changed, 30 insertions(+), 25 deletions(-)

diff --git a/src/lib/config.yaml b/src/lib/config.yaml
index 2f40880..7933a64 100644
--- a/src/lib/config.yaml
+++ b/src/lib/config.yaml
@@ -6,6 +6,10 @@ domain: prague.web3privacy.info
 image: '/banner-square.png'
 logo: '/logo.svg'
 twitter: web3privacy
+matrix: '#web3privacy:gwei.cz'
+matrixUrl: https://matrix.to/#/#web3privacy:gwei.cz
+bluesky: web3privacy.info
+blueskyUrl: https://staging.bsky.app/profile/web3privacy.info
 parent: Web3Privacy Now
 venueMapUrl: https://goo.gl/maps/VCSC7wcNueEKgt996
 parentUrl: https://web3privacy.info
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index e2ebb52..41a405d 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -173,40 +173,41 @@
 		<div class="middle-pane-big pt-10 mx-auto">
 			<div class="flex gap-4">
 				<div class="grow">
-					<div class="w-32 lg:w-48">
+					<div class="w-28 sm:w-32 lg:w-48">
 						<a href={data.config.parentUrl}
 							><img src={data.config.logo} alt={data.config.parent} /></a
 						>
 					</div>
 				</div>
 				<div class="text-right">
-					<div class="" on:mouseenter={animateSection()}>
-						<a class="inline-block w-5 mr-1" href="https://twitter.com/{data.config.twitter}">
-							<svg viewBox="0 0 29 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-								<path
-									d="M28.0266 3.12733C26.9955 3.62938 25.8872 3.96853 24.7242 4.12112C25.9113 3.34005 26.8231 2.10325 27.2524 0.629411C26.1413 1.35279 24.9107 1.87791 23.6009 2.16092C22.5522 0.934264 21.0578 0.167969 19.4039 0.167969C16.2285 0.167969 13.6538 2.99367 13.6538 6.47907C13.6538 6.97373 13.7047 7.45548 13.8028 7.91738C9.02398 7.6542 4.78719 5.14151 1.95117 1.3231C1.45622 2.25521 1.17259 3.33929 1.17259 4.49596C1.17259 6.68564 2.18771 8.61738 3.73058 9.74913C2.78804 9.71637 1.90142 9.43244 1.1262 8.95977C1.12555 8.98607 1.12555 9.01252 1.12555 9.03913C1.12555 12.0969 3.1076 14.6476 5.73804 15.2278C5.25556 15.3721 4.74758 15.4491 4.2232 15.4491C3.85268 15.4491 3.49255 15.4095 3.14137 15.3359C3.87315 17.8432 5.99658 19.6679 8.51282 19.7187C6.54493 21.4115 4.06569 22.4206 1.37163 22.4206C0.907503 22.4206 0.449828 22.3906 0 22.3323C2.54468 24.1231 5.56708 25.168 8.81424 25.168C19.3905 25.168 25.1742 15.5511 25.1742 7.21076C25.1742 6.93712 25.1686 6.66503 25.1576 6.39416C26.2809 5.50451 27.2556 4.39306 28.0265 3.12733H28.0266Z"
-									fill="white"
-								/>
-							</svg>
-						</a>
-						<a
-							href="https://twitter.com/{data.config.twitter}"
-							class="text-xl no-underline hover:underline external animate-section"
-							target="_blank"
-						>
-							@{data.config.twitter}
-						</a>
-					</div>
-					<div class="mt-4 text-mild">
-						<SvelteMarkdown source={data.config.authors} />
-					</div>
-					{#if data.config.license}
-						<div class="mt-4 text-sm text-supermild">
-							<SvelteMarkdown source={data.config.license} />
+					<div class="text-sm flex flex-wrap gap-2 sm:gap-4 ml-8 mb-8 text-mild" on:mouseenter={animateSection()}>
+						<div>
+							<span class="font-mono2 lowercase">Twitter</span>
+							<a
+								href="https://twitter.com/{data.config.twitter}"
+								class="text-md no-underline hover:underline external animate-section"
+								target="_blank"
+							>
+								@{data.config.twitter}
+							</a>
 						</div>
-					{/if}
+						<div>
+							<span class="font-mono2 lowercase">Bluesky</span> <a href={data.config.blueskyUrl} class="external animate-section text-md no-underline hover:underline" target="_blank">@{data.config.bluesky}</a>
+						</div>
+						<div>
+							<span class="font-mono2 lowercase">Matrix</span> <a href={data.config.matrixUrl} class="external animate-section text-md no-underline hover:underline" target="_blank">{data.config.matrix}</a>
+						</div>
+					</div>
+					<!--div class="mt-4 text-mild">
+						<SvelteMarkdown source={data.config.authors} />
+					</div-->
 				</div>
 			</div>
+			{#if data.config.license}
+				<div class="mt-4 text-sm text-supermild text-right">
+					<SvelteMarkdown source={data.config.license} />
+				</div>
+			{/if}
 		</div>
 	</footer>
 </div>