diff --git a/.gitignore b/.gitignore
index bef5522..889c1be 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 zola
+public/
diff --git a/config.toml b/config.toml
index b1f9100..252013d 100644
--- a/config.toml
+++ b/config.toml
@@ -1,4 +1,4 @@
-title = "RSCC"
+title = "RootSourceCC"
 description = "Well, get on this site and find out."
 theme = "ametrine"
 
@@ -18,15 +18,24 @@ highlight_code = true
 
 [extra]
 # Put all your custom variables here
-meta.favicon = true
+accent_color = "purple"
+source_url = "https://git.rootsource.cc/Icycoide/RSCC-Page"
+show_reading_time = true
+show_share_button = true
+timezone = "Europe/Zurich"
+
+[extra.meta]
+favicon = true
 
 [extra.footer]
 show_copyright = true
 show_powered_by = true
 show_source = true
+show_last_updated = true
 copyright = "raiz1.noho.st owns this website"
 
 [extra.nav]
+icon = "SiteIcon.png"
 force_sidebar = true
 
 links = [
diff --git a/public/404.html b/public/404.html
index 1ec7c04..5e9817f 100644
--- a/public/404.html
+++ b/public/404.html
@@ -7,34 +7,35 @@
 	<meta name="description" content="Well, get on this site and find out." />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<meta name="base" content="https://rootsource.cc" />
+		<meta name="theme-color" content="purple" />
 
-	<title>404 - RSCC</title>
+	<title>404 - RootSourceCC</title>
 	<link rel="canonical" href="&#x2F;" />
 
 	<meta content="Zola" name="generator">
-			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=4b8b8481f5ac84986183" />
+			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=49b0131ec00d0056a576" />
 
 	<link rel="preload" href="https://rootsource.cc/fonts/geist.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/geist-mono.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/phosphor-bold.woff2" as="font" type="font/woff2" crossorigin><style type="text/css">
 	:root {
-		--accent-color: hsl(324 2% 43%);
-		--accent-h: 324;
-		--accent-s: 2%;
-		--accent-l: 43%;
+		--accent-color: hsl(254.11766 44% 55%);
+		--accent-h: 254.11766;
+		--accent-s: 44%;
+		--accent-l: 55%;
 	}[data-theme="dark"] {
-			--accent-color: hsl(0 1% 75%);
-			--accent-h: 0;
-			--accent-s: 1%;
-			--accent-l: 75%;
+			--accent-color: hsl(249.88234 77% 78%);
+			--accent-h: 249.88234;
+			--accent-s: 77%;
+			--accent-l: 78%;
 		}
 
 		@media (prefers-color-scheme: dark) {
 			:root:not([data-theme="light"]) {
-				--accent-color: hsl(0 1% 75%);
-				--accent-h: 0;
-				--accent-s: 1%;
-				--accent-l: 75%;
+				--accent-color: hsl(249.88234 77% 78%);
+				--accent-h: 249.88234;
+				--accent-s: 77%;
+				--accent-l: 78%;
 			}
 		}</style>
 
@@ -45,14 +46,14 @@
 		<script type="text/javascript" defer src="https://rootsource.cc/elasticlunr.min.js"></script>
 		<script type="text/javascript" defer src="https://rootsource.cc/search.js"></script>
 
-	<meta property="og:site_name" content="RSCC" />
-	<meta property="og:title" content="404 - RSCC" />
+	<meta property="og:site_name" content="RootSourceCC" />
+	<meta property="og:title" content="404 - RootSourceCC" />
 	<meta property="og:url" content="&#x2F;" />
 	<meta property="og:description" content="Well, get on this site and find out." />
 	<meta property="og:locale" content="en_US" />
 
 	<meta name="twitter:card" content="summary_large_image" />
-	<meta name="twitter:title" content="404 - RSCC" />
+	<meta name="twitter:title" content="404 - RootSourceCC" />
 	<meta name="twitter:url" content="&#x2F;" />
 	<meta name="twitter:description" content="Well, get on this site and find out." />
 </head>
@@ -61,7 +62,7 @@
 
 	<a id="skip-to-content" href="#main-content" tabindex="0">Skip to Main Content</a>
 	<div id="site-navbar" class="sidebar">
-			<a id="navbar-header"  href="#top"><i class="ph-bold ph-arrow-line-up"></i><div>
+			<a id="navbar-header" class="has-icon" href="#top"><img class="transparent no-hover" src="https:&#x2F;&#x2F;rootsource.cc&#x2F;SiteIcon.png" /><div>
 					<span>404</span>
 					<span>Back to Top</span>
 				</div>
@@ -70,7 +71,7 @@
 			<ul><li>
 					<a
 						href="https:&#x2F;&#x2F;rootsource.cc&#x2F;">
-						<i class="ph-bold ph-house"></i>RSCC</a>
+						<i class="ph-bold ph-house"></i>RootSourceCC</a>
 				</li>
 						<li>
 							<a href="https://rootsource.cc/Articles" class="
@@ -120,7 +121,7 @@
 		<div><p id="site-footer-copyright">raiz1.noho.st owns this website
 				</p>
 				<p>Powered by <a class="link external" href="https://www.getzola.org" rel="">Zola</a> and <a class="link external" href="https://ametrine.daudix.one" rel="">Ametrine</a>
-				</p>
+				</p><p id="site-footer-last-updated">March 04, 2025, 05:24 (CET)</p>
 		</div></div>
 </footer>
 
diff --git a/public/Articles/duckquill2ametrine/index.html b/public/Articles/duckquill2ametrine/index.html
index dae6e35..54ef363 100644
--- a/public/Articles/duckquill2ametrine/index.html
+++ b/public/Articles/duckquill2ametrine/index.html
@@ -7,34 +7,35 @@
 	<meta name="description" content="Well, get on this site and find out." />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<meta name="base" content="https://rootsource.cc" />
+		<meta name="theme-color" content="purple" />
 
-	<title>Transition from Duckquill to Ametrine - RSCC</title>
+	<title>Transition from Duckquill to Ametrine - RootSourceCC</title>
 	<link rel="canonical" href="https://rootsource.cc/Articles/duckquill2ametrine/" />
 
 	<meta content="Zola" name="generator">
-			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=4b8b8481f5ac84986183" />
+			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=49b0131ec00d0056a576" />
 
 	<link rel="preload" href="https://rootsource.cc/fonts/geist.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/geist-mono.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/phosphor-bold.woff2" as="font" type="font/woff2" crossorigin><style type="text/css">
 	:root {
-		--accent-color: hsl(324 2% 43%);
-		--accent-h: 324;
-		--accent-s: 2%;
-		--accent-l: 43%;
+		--accent-color: hsl(254.11766 44% 55%);
+		--accent-h: 254.11766;
+		--accent-s: 44%;
+		--accent-l: 55%;
 	}[data-theme="dark"] {
-			--accent-color: hsl(0 1% 75%);
-			--accent-h: 0;
-			--accent-s: 1%;
-			--accent-l: 75%;
+			--accent-color: hsl(249.88234 77% 78%);
+			--accent-h: 249.88234;
+			--accent-s: 77%;
+			--accent-l: 78%;
 		}
 
 		@media (prefers-color-scheme: dark) {
 			:root:not([data-theme="light"]) {
-				--accent-color: hsl(0 1% 75%);
-				--accent-h: 0;
-				--accent-s: 1%;
-				--accent-l: 75%;
+				--accent-color: hsl(249.88234 77% 78%);
+				--accent-h: 249.88234;
+				--accent-s: 77%;
+				--accent-l: 78%;
 			}
 		}</style>
 
@@ -45,14 +46,14 @@
 		<script type="text/javascript" defer src="https://rootsource.cc/elasticlunr.min.js"></script>
 		<script type="text/javascript" defer src="https://rootsource.cc/search.js"></script>
 
-	<meta property="og:site_name" content="RSCC" />
-	<meta property="og:title" content="Transition from Duckquill to Ametrine - RSCC" />
+	<meta property="og:site_name" content="RootSourceCC" />
+	<meta property="og:title" content="Transition from Duckquill to Ametrine - RootSourceCC" />
 	<meta property="og:url" content="https://rootsource.cc/Articles/duckquill2ametrine/" />
 	<meta property="og:description" content="In this guide, we will show you how to transition from Daudix&#x27;s Duckquill to its successor, Ametrine!" />
 	<meta property="og:locale" content="en_US" />
 
 	<meta name="twitter:card" content="summary_large_image" />
-	<meta name="twitter:title" content="Transition from Duckquill to Ametrine - RSCC" />
+	<meta name="twitter:title" content="Transition from Duckquill to Ametrine - RootSourceCC" />
 	<meta name="twitter:url" content="https://rootsource.cc/Articles/duckquill2ametrine/" />
 	<meta name="twitter:description" content="In this guide, we will show you how to transition from Daudix&#x27;s Duckquill to its successor, Ametrine!" />
 </head>
@@ -61,7 +62,7 @@
 
 	<a id="skip-to-content" href="#main-content" tabindex="0">Skip to Main Content</a>
 	<div id="site-navbar" class="sidebar">
-			<a id="navbar-header"  href="#top"><i class="ph-bold ph-arrow-line-up"></i><div>
+			<a id="navbar-header" class="has-icon" href="#top"><img class="transparent no-hover" src="https:&#x2F;&#x2F;rootsource.cc&#x2F;SiteIcon.png" /><div>
 					<span>Transition from Duckquill to Ametrine</span>
 					<span>Back to Top</span>
 				</div>
@@ -70,7 +71,7 @@
 			<ul><li>
 					<a
 						href="https:&#x2F;&#x2F;rootsource.cc&#x2F;">
-						<i class="ph-bold ph-house"></i>RSCC</a>
+						<i class="ph-bold ph-house"></i>RootSourceCC</a>
 				</li>
 						<li>
 							<a href="https://rootsource.cc/Articles" class="
@@ -104,6 +105,9 @@
 	<h1 id="heading">Transition from Duckquill to Ametrine</h1><div class="article-details"><div class="item">
 			<i class="ph-bold ph-calendar"></i>
 			<time datetime="2025-03-04T00:00:00+00:00" pubdate>March 04, 2025</time>
+		</div><div class="item">
+			<i class="ph-bold ph-clock-countdown"></i>
+			<span>2 minutes</span>
 		</div>
 </div>
 <aside id="toc">
@@ -192,7 +196,7 @@
 		<div><p id="site-footer-copyright">raiz1.noho.st owns this website
 				</p>
 				<p>Powered by <a class="link external" href="https://www.getzola.org" rel="">Zola</a> and <a class="link external" href="https://ametrine.daudix.one" rel="">Ametrine</a>
-				</p>
+				</p><p id="site-footer-last-updated">March 04, 2025, 05:24 (CET)</p>
 		</div></div>
 </footer>
 
diff --git a/public/Articles/index.html b/public/Articles/index.html
index 47bcbfd..62175af 100644
--- a/public/Articles/index.html
+++ b/public/Articles/index.html
@@ -7,34 +7,35 @@
 	<meta name="description" content="Well, get on this site and find out." />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<meta name="base" content="https://rootsource.cc" />
+		<meta name="theme-color" content="purple" />
 
-	<title>Articles - RSCC</title>
+	<title>Articles - RootSourceCC</title>
 	<link rel="canonical" href="https://rootsource.cc/Articles/" />
 
 	<meta content="Zola" name="generator">
-			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=4b8b8481f5ac84986183" />
+			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=49b0131ec00d0056a576" />
 
 	<link rel="preload" href="https://rootsource.cc/fonts/geist.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/geist-mono.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/phosphor-bold.woff2" as="font" type="font/woff2" crossorigin><style type="text/css">
 	:root {
-		--accent-color: hsl(324 2% 43%);
-		--accent-h: 324;
-		--accent-s: 2%;
-		--accent-l: 43%;
+		--accent-color: hsl(254.11766 44% 55%);
+		--accent-h: 254.11766;
+		--accent-s: 44%;
+		--accent-l: 55%;
 	}[data-theme="dark"] {
-			--accent-color: hsl(0 1% 75%);
-			--accent-h: 0;
-			--accent-s: 1%;
-			--accent-l: 75%;
+			--accent-color: hsl(249.88234 77% 78%);
+			--accent-h: 249.88234;
+			--accent-s: 77%;
+			--accent-l: 78%;
 		}
 
 		@media (prefers-color-scheme: dark) {
 			:root:not([data-theme="light"]) {
-				--accent-color: hsl(0 1% 75%);
-				--accent-h: 0;
-				--accent-s: 1%;
-				--accent-l: 75%;
+				--accent-color: hsl(249.88234 77% 78%);
+				--accent-h: 249.88234;
+				--accent-s: 77%;
+				--accent-l: 78%;
 			}
 		}</style>
 
@@ -45,14 +46,14 @@
 		<script type="text/javascript" defer src="https://rootsource.cc/elasticlunr.min.js"></script>
 		<script type="text/javascript" defer src="https://rootsource.cc/search.js"></script>
 
-	<meta property="og:site_name" content="RSCC" />
-	<meta property="og:title" content="Articles - RSCC" />
+	<meta property="og:site_name" content="RootSourceCC" />
+	<meta property="og:title" content="Articles - RootSourceCC" />
 	<meta property="og:url" content="https://rootsource.cc/Articles/" />
 	<meta property="og:description" content="Well, get on this site and find out." />
 	<meta property="og:locale" content="en_US" />
 
 	<meta name="twitter:card" content="summary_large_image" />
-	<meta name="twitter:title" content="Articles - RSCC" />
+	<meta name="twitter:title" content="Articles - RootSourceCC" />
 	<meta name="twitter:url" content="https://rootsource.cc/Articles/" />
 	<meta name="twitter:description" content="Well, get on this site and find out." />
 </head>
@@ -61,7 +62,7 @@
 
 	<a id="skip-to-content" href="#main-content" tabindex="0">Skip to Main Content</a>
 	<div id="site-navbar" class="sidebar">
-			<a id="navbar-header"  href="#top"><i class="ph-bold ph-arrow-line-up"></i><div>
+			<a id="navbar-header" class="has-icon" href="#top"><img class="transparent no-hover" src="https:&#x2F;&#x2F;rootsource.cc&#x2F;SiteIcon.png" /><div>
 					<span>Articles</span>
 					<span>Back to Top</span>
 				</div>
@@ -70,7 +71,7 @@
 			<ul><li>
 					<a
 						href="https:&#x2F;&#x2F;rootsource.cc&#x2F;">
-						<i class="ph-bold ph-house"></i>RSCC</a>
+						<i class="ph-bold ph-house"></i>RootSourceCC</a>
 				</li>
 						<li>
 							<a href="https://rootsource.cc/Articles" class="
@@ -123,6 +124,9 @@
 					</div><div class="article-details"><div class="item">
 			<i class="ph-bold ph-calendar"></i>
 			<time datetime="2025-03-04T00:00:00+00:00" pubdate>March 04, 2025</time>
+		</div><div class="item">
+			<i class="ph-bold ph-clock-countdown"></i>
+			<span>2 minutes</span>
 		</div>
 </div>
 </div>
@@ -141,6 +145,9 @@
 					</div><div class="article-details"><div class="item">
 			<i class="ph-bold ph-calendar"></i>
 			<time datetime="2025-03-01T00:00:00+00:00" pubdate>March 01, 2025</time>
+		</div><div class="item">
+			<i class="ph-bold ph-clock-countdown"></i>
+			<span>2 minutes</span>
 		</div>
 </div>
 </div>
@@ -169,7 +176,7 @@
 		<div><p id="site-footer-copyright">raiz1.noho.st owns this website
 				</p>
 				<p>Powered by <a class="link external" href="https://www.getzola.org" rel="">Zola</a> and <a class="link external" href="https://ametrine.daudix.one" rel="">Ametrine</a>
-				</p>
+				</p><p id="site-footer-last-updated">March 04, 2025, 05:24 (CET)</p>
 		</div></div>
 </footer>
 
diff --git a/public/Articles/page/2/index.html b/public/Articles/page/2/index.html
index bf77383..e323e7d 100644
--- a/public/Articles/page/2/index.html
+++ b/public/Articles/page/2/index.html
@@ -7,34 +7,35 @@
 	<meta name="description" content="Well, get on this site and find out." />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<meta name="base" content="https://rootsource.cc" />
+		<meta name="theme-color" content="purple" />
 
-	<title>Articles - RSCC</title>
+	<title>Articles - RootSourceCC</title>
 	<link rel="canonical" href="https://rootsource.cc/Articles/page/2/" />
 
 	<meta content="Zola" name="generator">
-			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=4b8b8481f5ac84986183" />
+			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=49b0131ec00d0056a576" />
 
 	<link rel="preload" href="https://rootsource.cc/fonts/geist.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/geist-mono.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/phosphor-bold.woff2" as="font" type="font/woff2" crossorigin><style type="text/css">
 	:root {
-		--accent-color: hsl(324 2% 43%);
-		--accent-h: 324;
-		--accent-s: 2%;
-		--accent-l: 43%;
+		--accent-color: hsl(254.11766 44% 55%);
+		--accent-h: 254.11766;
+		--accent-s: 44%;
+		--accent-l: 55%;
 	}[data-theme="dark"] {
-			--accent-color: hsl(0 1% 75%);
-			--accent-h: 0;
-			--accent-s: 1%;
-			--accent-l: 75%;
+			--accent-color: hsl(249.88234 77% 78%);
+			--accent-h: 249.88234;
+			--accent-s: 77%;
+			--accent-l: 78%;
 		}
 
 		@media (prefers-color-scheme: dark) {
 			:root:not([data-theme="light"]) {
-				--accent-color: hsl(0 1% 75%);
-				--accent-h: 0;
-				--accent-s: 1%;
-				--accent-l: 75%;
+				--accent-color: hsl(249.88234 77% 78%);
+				--accent-h: 249.88234;
+				--accent-s: 77%;
+				--accent-l: 78%;
 			}
 		}</style>
 
@@ -45,14 +46,14 @@
 		<script type="text/javascript" defer src="https://rootsource.cc/elasticlunr.min.js"></script>
 		<script type="text/javascript" defer src="https://rootsource.cc/search.js"></script>
 
-	<meta property="og:site_name" content="RSCC" />
-	<meta property="og:title" content="Articles - RSCC" />
+	<meta property="og:site_name" content="RootSourceCC" />
+	<meta property="og:title" content="Articles - RootSourceCC" />
 	<meta property="og:url" content="https://rootsource.cc/Articles/page/2/" />
 	<meta property="og:description" content="Well, get on this site and find out." />
 	<meta property="og:locale" content="en_US" />
 
 	<meta name="twitter:card" content="summary_large_image" />
-	<meta name="twitter:title" content="Articles - RSCC" />
+	<meta name="twitter:title" content="Articles - RootSourceCC" />
 	<meta name="twitter:url" content="https://rootsource.cc/Articles/page/2/" />
 	<meta name="twitter:description" content="Well, get on this site and find out." />
 </head>
@@ -61,7 +62,7 @@
 
 	<a id="skip-to-content" href="#main-content" tabindex="0">Skip to Main Content</a>
 	<div id="site-navbar" class="sidebar">
-			<a id="navbar-header"  href="#top"><i class="ph-bold ph-arrow-line-up"></i><div>
+			<a id="navbar-header" class="has-icon" href="#top"><img class="transparent no-hover" src="https:&#x2F;&#x2F;rootsource.cc&#x2F;SiteIcon.png" /><div>
 					<span>Articles</span>
 					<span>Back to Top</span>
 				</div>
@@ -70,7 +71,7 @@
 			<ul><li>
 					<a
 						href="https:&#x2F;&#x2F;rootsource.cc&#x2F;">
-						<i class="ph-bold ph-house"></i>RSCC</a>
+						<i class="ph-bold ph-house"></i>RootSourceCC</a>
 				</li>
 						<li>
 							<a href="https://rootsource.cc/Articles" class="
@@ -121,6 +122,9 @@
 					</div><div class="article-details"><div class="item">
 			<i class="ph-bold ph-calendar"></i>
 			<time datetime="2025-01-30T00:00:00+00:00" pubdate>January 30, 2025</time>
+		</div><div class="item">
+			<i class="ph-bold ph-clock-countdown"></i>
+			<span>11 minutes</span>
 		</div>
 </div>
 </div>
@@ -149,7 +153,7 @@
 		<div><p id="site-footer-copyright">raiz1.noho.st owns this website
 				</p>
 				<p>Powered by <a class="link external" href="https://www.getzola.org" rel="">Zola</a> and <a class="link external" href="https://ametrine.daudix.one" rel="">Ametrine</a>
-				</p>
+				</p><p id="site-footer-last-updated">March 04, 2025, 05:24 (CET)</p>
 		</div></div>
 </footer>
 
diff --git a/public/Articles/set-up-costmiku-ffsync/index.html b/public/Articles/set-up-costmiku-ffsync/index.html
index 5d73e63..90ff9f6 100644
--- a/public/Articles/set-up-costmiku-ffsync/index.html
+++ b/public/Articles/set-up-costmiku-ffsync/index.html
@@ -7,34 +7,35 @@
 	<meta name="description" content="Well, get on this site and find out." />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<meta name="base" content="https://rootsource.cc" />
+		<meta name="theme-color" content="purple" />
 
-	<title>Set up costmiku ffsync on Firefox - RSCC</title>
+	<title>Set up costmiku ffsync on Firefox - RootSourceCC</title>
 	<link rel="canonical" href="https://rootsource.cc/Articles/set-up-costmiku-ffsync/" />
 
 	<meta content="Zola" name="generator">
-			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=4b8b8481f5ac84986183" />
+			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=49b0131ec00d0056a576" />
 
 	<link rel="preload" href="https://rootsource.cc/fonts/geist.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/geist-mono.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/phosphor-bold.woff2" as="font" type="font/woff2" crossorigin><style type="text/css">
 	:root {
-		--accent-color: hsl(324 2% 43%);
-		--accent-h: 324;
-		--accent-s: 2%;
-		--accent-l: 43%;
+		--accent-color: hsl(254.11766 44% 55%);
+		--accent-h: 254.11766;
+		--accent-s: 44%;
+		--accent-l: 55%;
 	}[data-theme="dark"] {
-			--accent-color: hsl(0 1% 75%);
-			--accent-h: 0;
-			--accent-s: 1%;
-			--accent-l: 75%;
+			--accent-color: hsl(249.88234 77% 78%);
+			--accent-h: 249.88234;
+			--accent-s: 77%;
+			--accent-l: 78%;
 		}
 
 		@media (prefers-color-scheme: dark) {
 			:root:not([data-theme="light"]) {
-				--accent-color: hsl(0 1% 75%);
-				--accent-h: 0;
-				--accent-s: 1%;
-				--accent-l: 75%;
+				--accent-color: hsl(249.88234 77% 78%);
+				--accent-h: 249.88234;
+				--accent-s: 77%;
+				--accent-l: 78%;
 			}
 		}</style>
 
@@ -45,14 +46,14 @@
 		<script type="text/javascript" defer src="https://rootsource.cc/elasticlunr.min.js"></script>
 		<script type="text/javascript" defer src="https://rootsource.cc/search.js"></script>
 
-	<meta property="og:site_name" content="RSCC" />
-	<meta property="og:title" content="Set up costmiku ffsync on Firefox - RSCC" />
+	<meta property="og:site_name" content="RootSourceCC" />
+	<meta property="og:title" content="Set up costmiku ffsync on Firefox - RootSourceCC" />
 	<meta property="og:url" content="https://rootsource.cc/Articles/set-up-costmiku-ffsync/" />
 	<meta property="og:description" content="Shortest article demonstrating how to configure Firefox to synchronise to costmiku ffsync" />
 	<meta property="og:locale" content="en_US" />
 
 	<meta name="twitter:card" content="summary_large_image" />
-	<meta name="twitter:title" content="Set up costmiku ffsync on Firefox - RSCC" />
+	<meta name="twitter:title" content="Set up costmiku ffsync on Firefox - RootSourceCC" />
 	<meta name="twitter:url" content="https://rootsource.cc/Articles/set-up-costmiku-ffsync/" />
 	<meta name="twitter:description" content="Shortest article demonstrating how to configure Firefox to synchronise to costmiku ffsync" />
 </head>
@@ -61,7 +62,7 @@
 
 	<a id="skip-to-content" href="#main-content" tabindex="0">Skip to Main Content</a>
 	<div id="site-navbar" class="sidebar">
-			<a id="navbar-header"  href="#top"><i class="ph-bold ph-arrow-line-up"></i><div>
+			<a id="navbar-header" class="has-icon" href="#top"><img class="transparent no-hover" src="https:&#x2F;&#x2F;rootsource.cc&#x2F;SiteIcon.png" /><div>
 					<span>Set up costmiku ffsync on Firefox</span>
 					<span>Back to Top</span>
 				</div>
@@ -70,7 +71,7 @@
 			<ul><li>
 					<a
 						href="https:&#x2F;&#x2F;rootsource.cc&#x2F;">
-						<i class="ph-bold ph-house"></i>RSCC</a>
+						<i class="ph-bold ph-house"></i>RootSourceCC</a>
 				</li>
 						<li>
 							<a href="https://rootsource.cc/Articles" class="
@@ -104,6 +105,9 @@
 	<h1 id="heading">Set up costmiku ffsync on Firefox</h1><div class="article-details"><div class="item">
 			<i class="ph-bold ph-calendar"></i>
 			<time datetime="2025-03-01T00:00:00+00:00" pubdate>March 01, 2025</time>
+		</div><div class="item">
+			<i class="ph-bold ph-clock-countdown"></i>
+			<span>2 minutes</span>
 		</div>
 </div>
 <p>This has not been written by the RootsourceCC team, but still describes it accurately.</p>
@@ -146,7 +150,7 @@
 		<div><p id="site-footer-copyright">raiz1.noho.st owns this website
 				</p>
 				<p>Powered by <a class="link external" href="https://www.getzola.org" rel="">Zola</a> and <a class="link external" href="https://ametrine.daudix.one" rel="">Ametrine</a>
-				</p>
+				</p><p id="site-footer-last-updated">March 04, 2025, 05:24 (CET)</p>
 		</div></div>
 </footer>
 
diff --git a/public/Articles/tylkolinux-installation/index.html b/public/Articles/tylkolinux-installation/index.html
index a27c9ce..bb77651 100644
--- a/public/Articles/tylkolinux-installation/index.html
+++ b/public/Articles/tylkolinux-installation/index.html
@@ -7,34 +7,35 @@
 	<meta name="description" content="Well, get on this site and find out." />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<meta name="base" content="https://rootsource.cc" />
+		<meta name="theme-color" content="purple" />
 
-	<title>TylkoLinux install guide (Delirium). - RSCC</title>
+	<title>TylkoLinux install guide (Delirium). - RootSourceCC</title>
 	<link rel="canonical" href="https://rootsource.cc/Articles/tylkolinux-installation/" />
 
 	<meta content="Zola" name="generator">
-			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=4b8b8481f5ac84986183" />
+			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=49b0131ec00d0056a576" />
 
 	<link rel="preload" href="https://rootsource.cc/fonts/geist.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/geist-mono.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/phosphor-bold.woff2" as="font" type="font/woff2" crossorigin><style type="text/css">
 	:root {
-		--accent-color: hsl(324 2% 43%);
-		--accent-h: 324;
-		--accent-s: 2%;
-		--accent-l: 43%;
+		--accent-color: hsl(254.11766 44% 55%);
+		--accent-h: 254.11766;
+		--accent-s: 44%;
+		--accent-l: 55%;
 	}[data-theme="dark"] {
-			--accent-color: hsl(0 1% 75%);
-			--accent-h: 0;
-			--accent-s: 1%;
-			--accent-l: 75%;
+			--accent-color: hsl(249.88234 77% 78%);
+			--accent-h: 249.88234;
+			--accent-s: 77%;
+			--accent-l: 78%;
 		}
 
 		@media (prefers-color-scheme: dark) {
 			:root:not([data-theme="light"]) {
-				--accent-color: hsl(0 1% 75%);
-				--accent-h: 0;
-				--accent-s: 1%;
-				--accent-l: 75%;
+				--accent-color: hsl(249.88234 77% 78%);
+				--accent-h: 249.88234;
+				--accent-s: 77%;
+				--accent-l: 78%;
 			}
 		}</style>
 
@@ -45,14 +46,14 @@
 		<script type="text/javascript" defer src="https://rootsource.cc/elasticlunr.min.js"></script>
 		<script type="text/javascript" defer src="https://rootsource.cc/search.js"></script>
 
-	<meta property="og:site_name" content="RSCC" />
-	<meta property="og:title" content="TylkoLinux install guide (Delirium). - RSCC" />
+	<meta property="og:site_name" content="RootSourceCC" />
+	<meta property="og:title" content="TylkoLinux install guide (Delirium). - RootSourceCC" />
 	<meta property="og:url" content="https://rootsource.cc/Articles/tylkolinux-installation/" />
 	<meta property="og:description" content="This article will go over the installation guide for the distro" />
 	<meta property="og:locale" content="en_US" />
 
 	<meta name="twitter:card" content="summary_large_image" />
-	<meta name="twitter:title" content="TylkoLinux install guide (Delirium). - RSCC" />
+	<meta name="twitter:title" content="TylkoLinux install guide (Delirium). - RootSourceCC" />
 	<meta name="twitter:url" content="https://rootsource.cc/Articles/tylkolinux-installation/" />
 	<meta name="twitter:description" content="This article will go over the installation guide for the distro" />
 </head>
@@ -61,7 +62,7 @@
 
 	<a id="skip-to-content" href="#main-content" tabindex="0">Skip to Main Content</a>
 	<div id="site-navbar" class="sidebar">
-			<a id="navbar-header"  href="#top"><i class="ph-bold ph-arrow-line-up"></i><div>
+			<a id="navbar-header" class="has-icon" href="#top"><img class="transparent no-hover" src="https:&#x2F;&#x2F;rootsource.cc&#x2F;SiteIcon.png" /><div>
 					<span>TylkoLinux install guide (Delirium).</span>
 					<span>Back to Top</span>
 				</div>
@@ -70,7 +71,7 @@
 			<ul><li>
 					<a
 						href="https:&#x2F;&#x2F;rootsource.cc&#x2F;">
-						<i class="ph-bold ph-house"></i>RSCC</a>
+						<i class="ph-bold ph-house"></i>RootSourceCC</a>
 				</li>
 						<li>
 							<a href="https://rootsource.cc/Articles" class="
@@ -104,6 +105,9 @@
 	<h1 id="heading">TylkoLinux install guide (Delirium).</h1><div class="article-details"><div class="item">
 			<i class="ph-bold ph-calendar"></i>
 			<time datetime="2025-01-30T00:00:00+00:00" pubdate>January 30, 2025</time>
+		</div><div class="item">
+			<i class="ph-bold ph-clock-countdown"></i>
+			<span>11 minutes</span>
 		</div>
 </div>
 <aside id="toc">
@@ -522,7 +526,7 @@ Update the GRUB config with the respective command.</p>
 		<div><p id="site-footer-copyright">raiz1.noho.st owns this website
 				</p>
 				<p>Powered by <a class="link external" href="https://www.getzola.org" rel="">Zola</a> and <a class="link external" href="https://ametrine.daudix.one" rel="">Ametrine</a>
-				</p>
+				</p><p id="site-footer-last-updated">March 04, 2025, 05:24 (CET)</p>
 		</div></div>
 </footer>
 
diff --git a/public/favicon.png b/public/favicon.png
index a0decbf..023ec06 100644
Binary files a/public/favicon.png and b/public/favicon.png differ
diff --git a/public/index.html b/public/index.html
index cc591f0..7eb20ed 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,34 +7,35 @@
 	<meta name="description" content="Well, get on this site and find out." />
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<meta name="base" content="https://rootsource.cc" />
+		<meta name="theme-color" content="purple" />
 
-	<title>RSCC</title>
+	<title>RootSourceCC</title>
 	<link rel="canonical" href="https://rootsource.cc/" />
 
 	<meta content="Zola" name="generator">
-			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=4b8b8481f5ac84986183" />
+			<link rel="icon" type="image/png" href="https://rootsource.cc/favicon.png?h=49b0131ec00d0056a576" />
 
 	<link rel="preload" href="https://rootsource.cc/fonts/geist.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/geist-mono.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="preload" href="https://rootsource.cc/fonts/phosphor-bold.woff2" as="font" type="font/woff2" crossorigin><style type="text/css">
 	:root {
-		--accent-color: hsl(324 2% 43%);
-		--accent-h: 324;
-		--accent-s: 2%;
-		--accent-l: 43%;
+		--accent-color: hsl(254.11766 44% 55%);
+		--accent-h: 254.11766;
+		--accent-s: 44%;
+		--accent-l: 55%;
 	}[data-theme="dark"] {
-			--accent-color: hsl(0 1% 75%);
-			--accent-h: 0;
-			--accent-s: 1%;
-			--accent-l: 75%;
+			--accent-color: hsl(249.88234 77% 78%);
+			--accent-h: 249.88234;
+			--accent-s: 77%;
+			--accent-l: 78%;
 		}
 
 		@media (prefers-color-scheme: dark) {
 			:root:not([data-theme="light"]) {
-				--accent-color: hsl(0 1% 75%);
-				--accent-h: 0;
-				--accent-s: 1%;
-				--accent-l: 75%;
+				--accent-color: hsl(249.88234 77% 78%);
+				--accent-h: 249.88234;
+				--accent-s: 77%;
+				--accent-l: 78%;
 			}
 		}</style>
 
@@ -45,14 +46,14 @@
 		<script type="text/javascript" defer src="https://rootsource.cc/elasticlunr.min.js"></script>
 		<script type="text/javascript" defer src="https://rootsource.cc/search.js"></script>
 
-	<meta property="og:site_name" content="RSCC" />
-	<meta property="og:title" content="RSCC" />
+	<meta property="og:site_name" content="RootSourceCC" />
+	<meta property="og:title" content="RootSourceCC" />
 	<meta property="og:url" content="https://rootsource.cc/" />
 	<meta property="og:description" content="Well, get on this site and find out." />
 	<meta property="og:locale" content="en_US" />
 
 	<meta name="twitter:card" content="summary_large_image" />
-	<meta name="twitter:title" content="RSCC" />
+	<meta name="twitter:title" content="RootSourceCC" />
 	<meta name="twitter:url" content="https://rootsource.cc/" />
 	<meta name="twitter:description" content="Well, get on this site and find out." />
 </head>
@@ -61,8 +62,8 @@
 
 	<a id="skip-to-content" href="#main-content" tabindex="0">Skip to Main Content</a>
 	<div id="site-navbar" class="sidebar">
-			<a id="navbar-header"  href="#top"><i class="ph-bold ph-arrow-line-up"></i><div>
-					<span>RSCC</span>
+			<a id="navbar-header" class="has-icon" href="#top"><img class="transparent no-hover" src="https:&#x2F;&#x2F;rootsource.cc&#x2F;SiteIcon.png" /><div>
+					<span>RootSourceCC</span>
 					<span>Back to Top</span>
 				</div>
 			</a>
@@ -70,7 +71,7 @@
 			<ul><li>
 					<a
 						href="https:&#x2F;&#x2F;rootsource.cc&#x2F;"class="active">
-						<i class="ph-bold ph-house"></i>RSCC</a>
+						<i class="ph-bold ph-house"></i>RootSourceCC</a>
 				</li>
 						<li>
 							<a href="https://rootsource.cc/Articles" class="
@@ -113,7 +114,7 @@
 		<div><p id="site-footer-copyright">raiz1.noho.st owns this website
 				</p>
 				<p>Powered by <a class="link external" href="https://www.getzola.org" rel="">Zola</a> and <a class="link external" href="https://ametrine.daudix.one" rel="">Ametrine</a>
-				</p>
+				</p><p id="site-footer-last-updated">March 04, 2025, 05:24 (CET)</p>
 		</div></div>
 </footer>
 
diff --git a/static/SiteIcon.png b/static/SiteIcon.png
new file mode 100644
index 0000000..023ec06
Binary files /dev/null and b/static/SiteIcon.png differ
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..f928dc9
Binary files /dev/null and b/static/favicon.ico differ
diff --git a/static/favicon.png b/static/favicon.png
new file mode 100644
index 0000000..023ec06
Binary files /dev/null and b/static/favicon.png differ