From 2a0b62d48e9c63246d1f8935acc9756137dd8fd2 Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Tue, 30 Mar 2021 12:52:46 +0200
Subject: light mode css

---
 components/tag.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 components/tag.tsx

(limited to 'components')

diff --git a/components/tag.tsx b/components/tag.tsx
new file mode 100644
index 0000000..6cacb89
--- /dev/null
+++ b/components/tag.tsx
@@ -0,0 +1,24 @@
+import { CSSProperties } from 'react';
+
+export default function Tags(props: {
+	tags: Array<string>;
+}) {
+	return <div className="tags">
+		<span>Tags:</span>
+		{props.tags.map(tag => <Tag name={tag}/>)}
+	</div>
+}
+
+export function Tag(props: {
+	name: string;
+}) {
+	return <a className="tag" href={"/search?tag=" + props.name} style={{
+		"--tag-hue": props.name
+			.split("")
+			.map(char => char.charCodeAt(0))
+			.reduce((a, b) => a + b)
+			% 360
+	} as CSSProperties}>
+		{props.name}
+	</a>
+}
-- 
cgit v1.2.3