From 623507c57c8b330ad0fcbedb385a85a3045aebc2 Mon Sep 17 00:00:00 2001
From: IndexZeroZzz <l0rmin@yandex.com>
Date: Sun, 10 Mar 2024 14:42:43 +0300
Subject: [PATCH] Copyrights, updated button design

---
 src/routes/+page.svelte | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ce31f61..19fa416 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -47,11 +47,11 @@
 	<img alt="" height="216px" src="tileos.svg" width="216px" />
 	<h1 class="text-3xl font-bold">TileOS</h1>
 	<p class="m-5">Debian-based distribution with tiling window managers.</p>
-	<div class="flex flex-row flex-wrap m-7 justify-center">
+	<div class="flex flex-row flex-wrap m-1 justify-center">
 		<div class="relative inline-block text-left">
 			<div>
 				<button
-					class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] download-all"
+					class="transition-colors p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] hover:bg-[#567ed1] download-all"
 					on:click={() => {
 						downloadIsPressed = !downloadIsPressed;
 					}}
@@ -102,15 +102,15 @@
 			</div>
 		</div>
 		<!-- Source Code Link -->
-		<a class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#73b4d1]" href="https://gitlab.com/tile-os">
+		<a class="transition-colors p-2.5 mx-5 my-3 rounded-md bg-[#73b4d1] hover:bg-[#497b91]" href="https://gitlab.com/tile-os">
 			<Terminal className="mr-1.5"></Terminal>
 			Source Code</a
 		>
-		<a class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#8aadf4]" href="https://t.me/tile_os">
+		<a class="p-2.5 mx-5 my-3 rounded-md bg-[#8aadf4] transition-colors hover:bg-[#5d7ec2]" href="https://t.me/tile_os">
 			<Telegram className="mr-1.5"></Telegram>
 			Telegram</a
 		>
-		<a class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#c6a0f6]" href="https://mastodon.social/@tile_os">
+		<a class="p-2.5 mx-5 my-3 rounded-md bg-[#c6a0f6] transition-colors hover:bg-[#9a75c9]" href="https://mastodon.social/@tile_os">
 			<Mastodon className="mr-1.5"></Mastodon>
 			Mastodon</a
 		>
@@ -124,7 +124,7 @@
 				<li>Fully pre-configured desktop based on a tiling window manager (or Wayland compositor);</li>
 				<li>Fresh and stable graphics drivers (Mesa) backported from Debian Testing;</li>
 				<li>Many device drivers and non-free firmwares are included in the base system;</li>
-				<li>Included some performance optimizations as well as some system tweaks (see);</li>
+				<li>Included some performance optimizations as well as some system tweaks;</li>
 				<li>Included additional repositories for installing programs not found in Debian, such as OnlyOffice, VirtualBox, Librewolf, Visual Studio Code and Brave;</li>
 				<li>Ability to install additional software in the Calamares installer.</li>
 			</ul>
@@ -147,7 +147,7 @@
 			<div class="flex flex-row flex-wrap m-7 ml-0">
 				<!-- Sway Download Link -->
 				<a
-					class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] ml-0"
+					class="p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] ml-0 hover:bg-[#567ed1] transition-colors"
 					href="https://downloads.tile-os.com/beta/sway/tileos-sway-1.0-desktop-beta-amd64.iso"
 				>
 					<Download className="mr-1.5"></Download>
@@ -156,7 +156,7 @@
 				<div class="relative inline-block text-left">
 					<div>
 						<button
-							class="border-2 p-2.5 mx-5 my-3 ml-0 rounded-md bg-[#8bd5ca] checksum-sway"
+							class="p-2.5 mx-5 my-3 ml-0 rounded-md bg-[#8bd5ca] checksum-sway transition-colors hover:bg-[#65a89e]"
 							on:click={() => {
 								checksumSwayIsPressed = !checksumSwayIsPressed;
 							}}
@@ -252,7 +252,7 @@
 			<div class="flex flex-row flex-wrap m-7 ml-0">
 				<!-- River Download Link -->
 				<a
-					class="border-2 p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] ml-0"
+					class="p-2.5 mx-5 my-3 rounded-md bg-[#6993e9] ml-0 hover:bg-[#567ed1] transition-colors"
 					href="https://downloads.tile-os.com/beta/river/tileos-river-1.0-desktop-beta-amd64.iso"
 				>
 					<Download className="mr-1.5"></Download>
@@ -261,7 +261,7 @@
 				<div class="relative inline-block text-left">
 					<div>
 						<button
-							class="border-2 p-2.5 mx-5 my-3 ml-0 rounded-md bg-[#8bd5ca] checksum-river"
+							class="p-2.5 mx-5 my-3 ml-0 rounded-md bg-[#8bd5ca] checksum-river transition-colors hover:bg-[#65a89e]"
 							on:click={() => {
 								checksumRiverIsPressed = !checksumRiverIsPressed;
 							}}
@@ -371,4 +371,8 @@
 			</ul>
 		</div>
 	</div>
+	<div class="flex flex-col m-12 justify-center items-center text-center text-sm">
+		<p>© 2024 TileOS Developers</p>
+		<p>TileOS is not affiliated with Debian. Debian is a registered trademark owned by Software in the Public Interest, Inc.</p>
+	</div>
 </div>