From 1f3ea5bbc32821cf71f9258d41a04e4ff428b8f1 Mon Sep 17 00:00:00 2001
From: Ivan Kuzmenko <6745157+rndtrash@users.noreply.github.com>
Date: Fri, 28 Feb 2025 06:50:05 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A3=D0=BC=D0=B5=D0=BD=D1=8C=D1=88=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=BC=D0=B0=D1=81=D1=88=D1=82=D0=B0=D0=B1=20=D0=B7?=
 =?UTF-8?q?=D0=B0=D0=B3=D0=BE=D0=BB=D0=BE=D0=B2=D0=BA=D0=BE=D0=B2=20=D0=B8?=
 =?UTF-8?q?=20=D0=B8=D0=BA=D0=BE=D0=BD=D0=BE=D0=BA=20=D0=BD=D0=B0=20=D0=BD?=
 =?UTF-8?q?=D0=B5=D0=B1=D0=BE=D0=BB=D1=8C=D1=88=D0=B8=D1=85=20=D1=8D=D0=BA?=
 =?UTF-8?q?=D1=80=D0=B0=D0=BD=D0=B0=D1=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/SocialHyperlink.svelte | 11 +++++++----
 src/routes/+page.svelte                   |  4 ++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/SocialHyperlink.svelte b/src/lib/components/SocialHyperlink.svelte
index 721dae3..a97f77e 100644
--- a/src/lib/components/SocialHyperlink.svelte
+++ b/src/lib/components/SocialHyperlink.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { MediaQuery } from 'svelte/reactivity';
 	import HoverIcon from './HoverIcon.svelte';
 
 	export let href: string;
@@ -6,6 +7,8 @@
 	export { className as class };
 	export let customIcon: string | null = null;
 
+	const sm = new MediaQuery('width >= 40rem', false);
+
 	let url: URL;
 	let host: string;
 
@@ -54,15 +57,15 @@
 	}
 </script>
 
-<a {href} class="{className} inline-block ml-1 mr-1 group" target="_blank">
-	<span class="inline-block size-8 shrink-0 rounded-xl bg-emerald-800 p-1 align-bottom transition-all group-hover:scale-110">
+<a {href} class="{className} inline-block group" target="_blank">
+	<span class="inline-block {sm.current ? 'size-8 rounded-xl p-1' : 'size-6 rounded-sm p-0.5'} bg-emerald-800 align-bottom transition-all group-hover:scale-110">
 		<HoverIcon
 			src={customIcon ?? tryGetIcon(href)}
 			text={host}
-			size={24}
+			size={sm.current ? 24 : 20}
 		/>
 	</span>
-	<span class="items-center justify-center rounded-r-xl text-emerald-900 underline">
+	<span class="text-emerald-900 underline">
 		<slot />
 	</span>
 </a>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 58d2f66..9f1879c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -141,7 +141,7 @@
 		class="flex w-5xl max-w-screen flex-col flex-nowrap gap-12 p-2 px-2 pt-12 pb-12 text-base sm:text-xl"
 	>
 		<section id="who-are-we">
-			<h1 class="font-disket mb-4 text-5xl font-bold sm:text-8xl">Кто мы?</h1>
+			<h1 class="font-disket mb-4 text-2xl font-bold sm:text-4xl">Кто мы?</h1>
 			<div class="text-justify">
 				<b>Tea Sanctuary</b> &mdash; это в первую очередь коллектив друзей, разрабатывающих проекты
 				для души, для всеобщего пользования и даже на заказ. С <b>8 июля 2018 года</b> мы ведём публичную
@@ -155,7 +155,7 @@
 			</div>
 		</section>
 		<section id="what-are-we-doing">
-			<h1 class="font-disket mb-4 text-5xl font-bold sm:text-8xl">Что делаем?</h1>
+			<h1 class="font-disket mb-4 text-2xl font-bold sm:text-4xl">Что делаем?</h1>
 			<div class="text-justify">
 				Наша главная страсть &mdash; это, конечно, видеоигры. Мы часто участвуем в так называемых
 				"гейм джемах" &mdash; конкурсах на разработку игр. Наши игры вы можете оценить здесь: