From f3fe05933550d66b06d3934c08a98bc86fcd8f47 Mon Sep 17 00:00:00 2001
From: wont-stream <drns.pw@icloud.com>
Date: Mon, 20 Jan 2025 16:42:20 -0500
Subject: [PATCH 1/3] Formatting. - DevilBro

---
 biome.json                               |  6 +++--
 build.ts                                 | 32 ++++++++++++------------
 index.ts                                 |  4 +--
 package.json                             |  6 +++--
 src/Font.css                             |  2 +-
 src/components/App.css                   |  2 +-
 src/components/IconAnchor/IconAnchor.css |  6 ++---
 7 files changed, 31 insertions(+), 27 deletions(-)

diff --git a/biome.json b/biome.json
index 2ed983c..ace8d03 100644
--- a/biome.json
+++ b/biome.json
@@ -7,7 +7,9 @@
 	},
 	"files": {
 		"ignoreUnknown": false,
-		"ignore": ["./dist"]
+		"ignore": [
+			"./dist"
+		]
 	},
 	"formatter": {
 		"enabled": true,
@@ -27,4 +29,4 @@
 			"quoteStyle": "double"
 		}
 	}
-}
+}
\ No newline at end of file
diff --git a/build.ts b/build.ts
index 70527ac..78b51ee 100644
--- a/build.ts
+++ b/build.ts
@@ -1,20 +1,20 @@
 const build = async (minify: boolean) => {
-    const start = Date.now();
-    const built = await Bun.build({
-        entrypoints: ["./src/index.html"],
-        outdir: "./dist",
-        html: true,
-        experimentalCss: true,
-        splitting: true,
-        sourcemap: "linked",
-        minify,
-        loader: {
-            ".woff2": "file",
-        }
-    });
-    const end = Date.now();
-    console.log("Did build", built.success, built.logs);
-    console.log("Build time:", end - start, "ms");
+	const start = Date.now();
+	const built = await Bun.build({
+		entrypoints: ["./src/index.html"],
+		outdir: "./dist",
+		html: true,
+		experimentalCss: true,
+		splitting: true,
+		sourcemap: "linked",
+		minify,
+		loader: {
+			".woff2": "file",
+		},
+	});
+	const end = Date.now();
+	console.log("Did build", built.success, built.logs);
+	console.log("Build time:", end - start, "ms");
 };
 
 await build(true);
diff --git a/index.ts b/index.ts
index 701ef44..0349942 100644
--- a/index.ts
+++ b/index.ts
@@ -4,7 +4,7 @@ const build = async () => {
 	const build = await import("./build");
 
 	await build.default(false);
-}
+};
 
 watch(import.meta.dir, { recursive: true }, async (_, file) => {
 	if (file?.startsWith("dist")) return;
@@ -21,4 +21,4 @@ Bun.serve({
 	},
 });
 
-await build();
\ No newline at end of file
+await build();
diff --git a/package.json b/package.json
index 50d3937..d12aa6e 100644
--- a/package.json
+++ b/package.json
@@ -22,5 +22,7 @@
 		"react-dom": "npm:@preact/compat",
 		"react-icons": "^5.4.0"
 	},
-	"trustedDependencies": ["@biomejs/biome"]
-}
+	"trustedDependencies": [
+		"@biomejs/biome"
+	]
+}
\ No newline at end of file
diff --git a/src/Font.css b/src/Font.css
index e6ef06b..e0fa040 100644
--- a/src/Font.css
+++ b/src/Font.css
@@ -58,4 +58,4 @@
 	font-style: italic;
 	font-weight: 500;
 	font-display: swap;
-}
\ No newline at end of file
+}
diff --git a/src/components/App.css b/src/components/App.css
index f71f0dd..7942305 100644
--- a/src/components/App.css
+++ b/src/components/App.css
@@ -2,4 +2,4 @@
 	scroll-snap-type: y mandatory;
 	overflow: scroll;
 	height: 100vh;
-}
\ No newline at end of file
+}
diff --git a/src/components/IconAnchor/IconAnchor.css b/src/components/IconAnchor/IconAnchor.css
index 3fe373a..a2b07ba 100644
--- a/src/components/IconAnchor/IconAnchor.css
+++ b/src/components/IconAnchor/IconAnchor.css
@@ -3,7 +3,7 @@
 }
 
 a {
-	color: #DCDCDC;
+	color: #dcdcdc;
 	text-decoration: none;
 }
 
@@ -12,5 +12,5 @@ a:hover {
 }
 
 a:active {
-	color: #A9A9A9;
-}
\ No newline at end of file
+	color: #a9a9a9;
+}

From 740651eef190806b0677007e1936596efa6a22d9 Mon Sep 17 00:00:00 2001
From: wont-stream <drns.pw@icloud.com>
Date: Wed, 29 Jan 2025 18:48:00 -0500
Subject: [PATCH 2/3] Add countdown component and integrate it into the App;
 update package.json to include react-countdown

---
 bun.lockb                               | Bin 9004 -> 12244 bytes
 package.json                            |   1 +
 src/components/App.tsx                  |  25 ++++++++++++++++++++----
 src/components/Countdown/IconAnchor.css |  16 +++++++++++++++
 src/components/Countdown/index.tsx      |  18 +++++++++++++++++
 5 files changed, 56 insertions(+), 4 deletions(-)
 create mode 100644 src/components/Countdown/IconAnchor.css
 create mode 100644 src/components/Countdown/index.tsx

diff --git a/bun.lockb b/bun.lockb
index 2025bc0b4d16fa6ad0e67fb2e1f4358d333374f2..97b3a9d346bc5da0cc5165dd71551d8d1c51fdf7 100644
GIT binary patch
delta 3437
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
OKB7Nv%xi)hv-aP&Q$wx*

delta 1486
zcmb_cZAg?^6u$S)jHA}*jHBZ?8M@;reX!%qlsZlBDE(;7*(m#Z(a65oOxu=<f~?44
z5rSp6vJ>S(kWhbi*9~DRYGC?+{zy?71^p7~18gA#`=u?`b6(%cAG$vl_Q1K%x#yhw
z-gEDL-t&BW|LU{;#gWi;*Oo=^A`jYb?YX&r@Zzf-HNOr2F?G(G`sMGw*2m+Qyh0aO
zk5;lI>YAPivFpf>dk^pbLA1d!Pl)&cFb8<x(Dyrc9~Po#v~*XE5+Vz}ZXo9j0_Ovd
z8~$u#O_f=Qh46cT3xE<>1bk-_!VMfUFbOQg{3;NI#7~>3L;7h%zLbaPwyKkNXhPMg
zkAfnms0vC-TB52`(j*`?4N}pujHs$tlmwhnGzoa2C}NE&mx+!6Hkv4DjaoLKh-OMz
zS6cprwOO}>MTjQdYJ#;+xB9+VW3blhzS;~SV!CxIZK>f5n#_uH@tIjA6nCN{?nIZl
zkn?O%M%=H!)d{;XcK}%!Ii3g2gnFPXb70rM1?Kd#^ZzYa)A#u=70+4Ntdk{*=AV%C
zmpvveG-1~$oMWSHj+nI4?+%SdF|*~xWEM5&Y1Er*qZDTID9fo)gWX2^oiS;n+fGg9
zkRxA{xzvu)PWLf7sHi}bd2|q?lLj&7(^oD{79=`dOC`lsJ`E@{9dKu6HiDPTcN%i_
zB}$7L&Dn9|e>v}>uS;q@Q=g`V&%}{?M%Z0Qp2`a9FY!gdZ;=lzfZ`v}-xU9Vp6&!P
z7jmJ@1?E8mFMtf_pXlOcOd~54)MLU5&{v=`ojOb(rV1nbSeY_RMU<|;HY1n7+cBk>
zUc6O$TP|V5*tXkviR{{~q3Uf%Xsq;oAz#69_sYrkQ=9fE`5m(Hm3SN3ylaco?P1N6
z_d{m~z8$g4)?mP2<qs~aQM9AXU7hX?S046uUha6-uH?xu#{(kWMS3b*eyzCi%?d<9
z0e>*$4-YE3hNZI;mSAs|(>NwKjJFfZ_Pr@HDYFdvSNNABa@9otl(~!3ohA3f#S10T
zCw(&sLnaFN+|^%NQFUU~-N)mtGYRQtmFjP(E7ro7XCfXmo%FeV>F&1qO#M&S8ef&o
zBs?`P&%S_?zE$VS1D<DiGdy3sJ6!ch9?hAmM>}L`@ls>?&-A){G!a@nY{~BRPWvx;
LK^z~|SDyb2mOTNN

diff --git a/package.json b/package.json
index d12aa6e..1281e00 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
 		"modern-normalize": "^3.0.1",
 		"preact": "^10.25.4",
 		"react": "npm:@preact/compat",
+		"react-countdown": "^2.3.6",
 		"react-dom": "npm:@preact/compat",
 		"react-icons": "^5.4.0"
 	},
diff --git a/src/components/App.tsx b/src/components/App.tsx
index c6cdb94..765c5dc 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -1,15 +1,31 @@
 import Hero from "./Hero";
-import IconAnchor from "./IconAnchor";
+//import IconAnchor from "./IconAnchor";
+import Countdown from "react-countdown";
 
-import { Music } from "lucide-preact";
-import { SiGithub, SiForgejo, SiInstagram } from "react-icons/si";
+//import { /*Music,*/ Globe } from "lucide-preact";
+//import { SiGithub, SiForgejo, SiInstagram } from "react-icons/si";
 
 import "./App.css";
 
 export default () => {
 	return (
 		<div class="container">
-			<Hero title="This is not a CDN." waves="header" />
+			<Hero
+				waves="header"
+				title="This is not a CDN."
+				paragraph={`Coming ${new Date().getFullYear() + 1}`}
+				links={[<Countdown key="countdown"
+					date={Date.now() + 2000}
+					intervalDelay={0}
+					precision={1000}
+					zeroPadTime={2}
+					renderer={props => <span>{props.total.toString().padStart(10, "0")} ms..</span>}
+					onComplete={() => {
+						window.location.replace("https://ipv4.army");
+					}}
+					/>]}
+			/>
+			{/*
 			<hr />
 			<Hero
 				title="This, is Audiophile, Basshead and Techie."
@@ -46,6 +62,7 @@ export default () => {
 				]}
 				waves="footer"
 			/>
+			*/}
 		</div>
 	);
 };
diff --git a/src/components/Countdown/IconAnchor.css b/src/components/Countdown/IconAnchor.css
new file mode 100644
index 0000000..a2b07ba
--- /dev/null
+++ b/src/components/Countdown/IconAnchor.css
@@ -0,0 +1,16 @@
+.IconAnchor {
+	margin: 5px;
+}
+
+a {
+	color: #dcdcdc;
+	text-decoration: none;
+}
+
+a:hover {
+	color: #808080;
+}
+
+a:active {
+	color: #a9a9a9;
+}
diff --git a/src/components/Countdown/index.tsx b/src/components/Countdown/index.tsx
new file mode 100644
index 0000000..3afbe7d
--- /dev/null
+++ b/src/components/Countdown/index.tsx
@@ -0,0 +1,18 @@
+import { useState, useEffect } from "preact/hooks";
+
+// biome-ignore lint/complexity/noBannedTypes: <explanation>
+export default (props: { timeInSeconds: number, callBack?: Function }) => {
+	const [timeLeft, setTimeLeft] = useState(props.timeInSeconds * 1000); // Convert to milliseconds
+
+	useEffect(() => {
+	  if (timeLeft <= 1) return props?.callBack?.();
+	  
+	  const timer = setInterval(() => {
+		setTimeLeft((prev) => prev - 1); // Decrease by 1ms
+	  }, 0);
+  
+	  return () => clearInterval(timer);
+	}, [timeLeft, props?.callBack]);
+    
+	return <div>{timeLeft}ms remaining</div>;
+  };
\ No newline at end of file

From 19e9b5ca52aa533dcb32aaa146c432ffe26a017f Mon Sep 17 00:00:00 2001
From: wont-stream <drns.pw@icloud.com>
Date: Wed, 29 Jan 2025 18:48:13 -0500
Subject: [PATCH 3/3] Remove Countdown component and associated styles

---
 src/components/Countdown/IconAnchor.css | 16 ----------------
 src/components/Countdown/index.tsx      | 18 ------------------
 2 files changed, 34 deletions(-)
 delete mode 100644 src/components/Countdown/IconAnchor.css
 delete mode 100644 src/components/Countdown/index.tsx

diff --git a/src/components/Countdown/IconAnchor.css b/src/components/Countdown/IconAnchor.css
deleted file mode 100644
index a2b07ba..0000000
--- a/src/components/Countdown/IconAnchor.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.IconAnchor {
-	margin: 5px;
-}
-
-a {
-	color: #dcdcdc;
-	text-decoration: none;
-}
-
-a:hover {
-	color: #808080;
-}
-
-a:active {
-	color: #a9a9a9;
-}
diff --git a/src/components/Countdown/index.tsx b/src/components/Countdown/index.tsx
deleted file mode 100644
index 3afbe7d..0000000
--- a/src/components/Countdown/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { useState, useEffect } from "preact/hooks";
-
-// biome-ignore lint/complexity/noBannedTypes: <explanation>
-export default (props: { timeInSeconds: number, callBack?: Function }) => {
-	const [timeLeft, setTimeLeft] = useState(props.timeInSeconds * 1000); // Convert to milliseconds
-
-	useEffect(() => {
-	  if (timeLeft <= 1) return props?.callBack?.();
-	  
-	  const timer = setInterval(() => {
-		setTimeLeft((prev) => prev - 1); // Decrease by 1ms
-	  }, 0);
-  
-	  return () => clearInterval(timer);
-	}, [timeLeft, props?.callBack]);
-    
-	return <div>{timeLeft}ms remaining</div>;
-  };
\ No newline at end of file