From 1c99e0a7c53eb2fd5957606e72e5b41db4883300 Mon Sep 17 00:00:00 2001
From: Qubasa <consulting@qube.email>
Date: Fri, 31 May 2024 15:40:46 +0200
Subject: [PATCH] Fix text 'darknet' jittering on small devices

---
 website/assets/css/main.css | 9 +++++++++
 website/index.html          | 6 ++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/website/assets/css/main.css b/website/assets/css/main.css
index 1dd6c1d..cde63ed 100644
--- a/website/assets/css/main.css
+++ b/website/assets/css/main.css
@@ -1,6 +1,15 @@
 @import url(extneral.css);
 
+.hacker-effect {
+	color: #0f0;
+}
 
+@media screen and (max-width: 480px) {
+	.hacker-effect {
+		color: #0f0;
+		display:block;
+	}
+}
 
 .top-header {
 	background-color: #2C2C2C;
diff --git a/website/index.html b/website/index.html
index 355fe11..cd82421 100644
--- a/website/index.html
+++ b/website/index.html
@@ -15,7 +15,7 @@
 
 	<meta property="og:title" content="Clan - Build your own Darknet" />
     <meta property="og:description" content="Peer-to-Peer self-hosting made easy for developers. Deploy your computers everywhere, with the same configuration and data." />
-    <meta property="og:image" content="static/dark-favicon/128x128.png" />
+    <meta property="og:image" content="https://clan.lol/static/dark-favicon/128x128.png" />
     <meta property="og:url" content="https://docs.clan.lol" />
     <meta property="og:type" content="website" />
     <meta property="og:site_name" content="Clan" />
@@ -37,7 +37,9 @@
 	<!-- Header -->
 	<div id="header">
 		<img src="static/logo/clan-white.png" alt="Clan White" id="clan-logo">
-		<h1>Build your own <span data-value="Darknet " style="color: #0f0;">TDERKAN </span></h1>
+		<h1>Build your own
+			<span data-value="DARKNET" class="hacker-effect">TDERKAN</span>
+		</h1>
 	</div>
 
 	<!-- Main -->