From 482f5f90c0425877480bd075f8ef6326b5690553 Mon Sep 17 00:00:00 2001
From: minhtrannhat <minh@minhtrannhat.com>
Date: Wed, 19 Feb 2025 00:35:08 -0500
Subject: [PATCH] disclaimer about code that is not mine

---
 build-helpers/blogPostsPlugin.ts  |  3 ++
 build-helpers/mdxPrism.ts         |  3 ++
 src/components/Button.tsx         |  3 ++
 src/components/DarkModeToggle.tsx | 69 -------------------------------
 src/components/Layout.tsx         |  3 ++
 src/components/Markdown.tsx       |  3 ++
 src/components/Posts.tsx          |  3 ++
 src/components/Tree.tsx           |  3 ++
 src/routes/blog.tsx               |  3 ++
 src/routes/tags/(tags).tsx        |  3 ++
 src/routes/tags/[id].tsx          |  3 ++
 11 files changed, 30 insertions(+), 69 deletions(-)
 delete mode 100644 src/components/DarkModeToggle.tsx

diff --git a/build-helpers/blogPostsPlugin.ts b/build-helpers/blogPostsPlugin.ts
index c31f7f4..24edc62 100644
--- a/build-helpers/blogPostsPlugin.ts
+++ b/build-helpers/blogPostsPlugin.ts
@@ -5,6 +5,9 @@ import { resolve, join } from "node:path";
 import { readdirSync, statSync, writeFileSync } from "node:fs";
 import { exec } from "node:child_process";
 
+/*
+ * Code from andii.dev
+ */
 const processFiles = () => {
 	const outputFile = resolve("src/data/posts.json");
 	const blogDir = resolve("src/routes/blog");
diff --git a/build-helpers/mdxPrism.ts b/build-helpers/mdxPrism.ts
index 893c1e6..b9d7429 100644
--- a/build-helpers/mdxPrism.ts
+++ b/build-helpers/mdxPrism.ts
@@ -3,6 +3,9 @@ import { toString as nodeToString } from "hast-util-to-string";
 import { refractor } from "refractor";
 import tsx from "refractor/lang/tsx.js";
 
+/*
+ * Code from andii.dev
+ */
 refractor.register(tsx);
 
 export const mdxPrism = () => {
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 3bd3043..dd06122 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -1,5 +1,8 @@
 import type { ParentComponent } from "solid-js";
 
+/*
+ * Code from andii.dev
+ */
 export const Button: ParentComponent<{ onClick?: () => void }> = (props) => {
 	return (
 		<button class="button" type="button" onClick={props.onClick}>
diff --git a/src/components/DarkModeToggle.tsx b/src/components/DarkModeToggle.tsx
deleted file mode 100644
index 40913a2..0000000
--- a/src/components/DarkModeToggle.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { createSignal, onMount } from "solid-js";
-
-export const DarkModeToggle = () => {
-	let ref!: HTMLButtonElement;
-
-	const [dark, setDark] = createSignal(false);
-	const size = 64;
-	const max = 5;
-	const time = 70;
-	let direction = dark() ? -1 : 1;
-	let current = dark() ? 0 : max;
-
-	onMount(() => {
-		const isDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-		setDark(isDark);
-		if (isDark) {
-			direction = -1;
-			current = 0;
-		}
-		requestAnimationFrame(() => {
-			play();
-		});
-	});
-
-	const coord = (n: number) => -n * size;
-
-	const play = () => {
-		ref.style.backgroundPositionX = `${coord(current)}px`;
-		if (direction === -1 && current === 2) {
-			document.documentElement.classList.add("dark");
-			// ref.style.filter = "invert(0)";
-		}
-		if (direction === 1 && current === 3) {
-			document.documentElement.classList.remove("dark");
-			// ref.style.filter = "invert(1)";
-		}
-		if (direction === -1 && current === 0) return;
-		if (direction === 1 && current === max) return;
-		current += direction;
-		setTimeout(play, time);
-	};
-	const toggle = () => {
-		if (dark()) {
-			direction = 1;
-		} else {
-			direction = -1;
-		}
-		play();
-		setDark((d) => !d);
-	};
-
-	return (
-		<div class="absolute top-1v right-4h">
-			<button
-				onClick={toggle}
-				ref={ref}
-				class="pixelated"
-				style={{
-					scale: "1.5",
-					height: "32px",
-					width: "64px",
-					"background-image": `url("/images/toggle.png")`,
-				}}
-				aria-hidden
-				type="button"
-			/>
-		</div>
-	);
-};
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index a01e2c9..036fb0f 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -1,6 +1,9 @@
 import { A } from "@solidjs/router";
 import type { ParentComponent } from "solid-js";
 
+/*
+ * Code from andii.dev
+ */
 function changeFavicon(newFaviconPath: string) {
 	const link = document.querySelector("link[rel~='icon']") as HTMLLinkElement;
 	if (link) {
diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
index 249f289..504fb91 100644
--- a/src/components/Markdown.tsx
+++ b/src/components/Markdown.tsx
@@ -8,6 +8,9 @@ import {
 	onMount,
 } from "solid-js";
 
+/*
+ * Code from andii.dev
+ */
 const P: ParentComponent = (props) => <p class="mt-1v">{props.children}</p>;
 
 const Ol: ParentComponent = (props) => (
diff --git a/src/components/Posts.tsx b/src/components/Posts.tsx
index 0dbf319..22c817f 100644
--- a/src/components/Posts.tsx
+++ b/src/components/Posts.tsx
@@ -2,6 +2,9 @@ import dayjs from "dayjs";
 import { type Component, For } from "solid-js";
 import type { Post } from "~/types";
 
+/*
+ * Code from andii.dev
+ */
 export const Posts: Component<{ posts: Post[] }> = (props) => {
 	return (
 		<ol class="">
diff --git a/src/components/Tree.tsx b/src/components/Tree.tsx
index 82c8ce9..b452d20 100644
--- a/src/components/Tree.tsx
+++ b/src/components/Tree.tsx
@@ -3,6 +3,9 @@ import { type Component, For, Show } from "solid-js";
 type Node = { l: string; c: TreeNode[] };
 type TreeNode = string | Node;
 
+/*
+ * Code from andii.dev
+ */
 const Subtree: Component<{ tree: TreeNode }> = (props) => {
 	return (
 		<Show
diff --git a/src/routes/blog.tsx b/src/routes/blog.tsx
index f609788..1f4c192 100644
--- a/src/routes/blog.tsx
+++ b/src/routes/blog.tsx
@@ -9,6 +9,9 @@ import dayjs from "dayjs";
 import "../css/prism-nord.css";
 import type { Post } from "~/types";
 
+/*
+ * Code from andii.dev
+ */
 const Blog = (props: RouteSectionProps<unknown>) => {
 	const meta = () =>
 		posts.find((p) => props.location.pathname.endsWith(p.slug)) as Post;
diff --git a/src/routes/tags/(tags).tsx b/src/routes/tags/(tags).tsx
index a02d7d4..e3c6909 100644
--- a/src/routes/tags/(tags).tsx
+++ b/src/routes/tags/(tags).tsx
@@ -1,6 +1,9 @@
 import { For } from "solid-js";
 import { tags } from "~/data/tags";
 
+/*
+ * Code from andii.dev
+ */
 const Tags = () => {
 	return (
 		<div>
diff --git a/src/routes/tags/[id].tsx b/src/routes/tags/[id].tsx
index b96aacd..7ba782b 100644
--- a/src/routes/tags/[id].tsx
+++ b/src/routes/tags/[id].tsx
@@ -4,6 +4,9 @@ import { posts } from "~/data/posts";
 import { Posts } from "~/components/Posts";
 import { tags } from "~/data/tags";
 
+/*
+ * Code from andii.dev
+ */
 const TagId: Component<RouteSectionProps<unknown>> = (props) => {
 	const tag = () => tags[props.params.id];
 	return (