From 0f65b996085d8aa76029163817bf7f28215cd5d6 Mon Sep 17 00:00:00 2001
From: "houston[bot]" <astrobot-houston@users.noreply.github.com>
Date: Thu, 12 Jun 2025 22:12:30 +0200
Subject: Initial commit from Astro

---
 src/components/Analytics.astro | 33 +++++++++++++++++++++++++++++++++
 src/components/Counter.jsx     | 16 ++++++++++++++++
 2 files changed, 49 insertions(+)
 create mode 100644 src/components/Analytics.astro
 create mode 100644 src/components/Counter.jsx

(limited to 'src/components')

diff --git a/src/components/Analytics.astro b/src/components/Analytics.astro
new file mode 100644
index 0000000..0352bea
--- /dev/null
+++ b/src/components/Analytics.astro
@@ -0,0 +1,33 @@
+---
+import { analytics } from "../config/analytics";
+
+const GOOGLE_ANALYTICS_ID = analytics.googleAnalyticsId;
+const FATHOM_ANALYTICS_ID = analytics.fathomAnalyticsId;
+---
+
+{
+    GOOGLE_ANALYTICS_ID && (
+        <script
+            async
+            src={`https://www.googletagmanager.com/gtag/js?id=${GOOGLE_ANALYTICS_ID}`}
+        />
+        <script define:vars={{ GOOGLE_ANALYTICS_ID }} is:inline>
+            window.dataLayer = window.dataLayer || [];
+            function gtag() {
+                dataLayer.push(arguments);
+            }
+            gtag("js", new Date());
+            gtag("config", GOOGLE_ANALYTICS_ID);
+        </script>
+    )
+}
+{
+    FATHOM_ANALYTICS_ID && (
+        <script
+            src="https://cdn.usefathom.com/script.js"
+            data-site={FATHOM_ANALYTICS_ID}
+            defer
+        />
+    )
+}
+
diff --git a/src/components/Counter.jsx b/src/components/Counter.jsx
new file mode 100644
index 0000000..8661dc0
--- /dev/null
+++ b/src/components/Counter.jsx
@@ -0,0 +1,16 @@
+import { useState } from 'react';
+
+export default function Counter() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div className="flex justify-center">
+      <button 
+        className="px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors"
+        onClick={() => setCount(count + 1)}
+      >
+        Clicked {count} times
+      </button>
+    </div>
+  );
+}
-- 
cgit v1.3.1


From f1bb6bc52f8e5b2ccd54ba7c5a36f2359628f83c Mon Sep 17 00:00:00 2001
From: Yuval Adam <_@yuv.al>
Date: Thu, 12 Jun 2025 22:27:42 +0200
Subject: Extract NameLink

---
 src/components/NameLink.astro | 42 +++++++++++++++++++++++++++++
 src/pages/index.astro         | 63 ++++++++++---------------------------------
 2 files changed, 56 insertions(+), 49 deletions(-)
 create mode 100644 src/components/NameLink.astro

(limited to 'src/components')

diff --git a/src/components/NameLink.astro b/src/components/NameLink.astro
new file mode 100644
index 0000000..8ceb7e1
--- /dev/null
+++ b/src/components/NameLink.astro
@@ -0,0 +1,42 @@
+---
+interface Props {
+  name: {
+    data: {
+      name: string;
+      domain: string;
+      url?: string;
+      candidate?: boolean;
+    };
+  };
+  size?: 'large' | 'small';
+}
+
+const { name, size = 'large' } = Astro.props;
+const nameParts = name.data.name.toLowerCase().split(" ");
+const domain = name.data.domain.replace(".", "");
+const url = name.data.url || `https://${name.data.domain}`;
+
+const sizeClasses = {
+  large: 'text-2xl',
+  small: 'text-xl'
+};
+---
+
+<span class={sizeClasses[size]}>
+  {nameParts.map((part, index) => (
+    <>
+      {index > 0 && " "}
+      {part === domain ? (
+        <a 
+          href={url} 
+          class="text-blue-600 hover:text-blue-800 hover:underline"
+          rel={name.data.candidate ? "nofollow" : undefined}
+        >
+          {name.data.domain}
+        </a>
+      ) : (
+        <span>{part}</span>
+      )}
+    </>
+  ))}
+</span> 
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1981ec1..9dfc1ee 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,6 @@
 ---
 import { getCollection } from "astro:content";
+import NameLink from "../components/NameLink.astro";
 
 import "../styles/global.css";
 
@@ -34,59 +35,23 @@ const candidates = allNames.filter(name => name.data.candidate === true);
 
 	<h2 class="pt-8 text-2xl font-bold">💎 Members</h2>
 	<ul class="list-none pl-0">
-		{members.map((name) => {
-			const nameParts = name.data.name.toLowerCase().split(" ");
-			const domain = name.data.domain.replace(".", "");
-			const url = name.data.url || `https://${name.data.domain}`;
-			
-			return (
-				<li class="mb-3">
-					<div class="text-2xl">
-						{nameParts.map((part, index) => (
-							<>
-								{index > 0 && " "}
-								{part === domain ? (
-									<a href={url} class="text-blue-600 hover:text-blue-800 hover:underline">
-										{name.data.domain}
-									</a>
-								) : (
-									<span>{part}</span>
-								)}
-							</>
-						))}
-					</div>
-					<div class="text-gray-600 font-serif mt-1">{name.data.title}</div>
-				</li>
-			);
-		})}
+		{members.map((name) => (
+			<li class="mb-3">
+				<div class="text-2xl">
+					<NameLink name={name} size="large" />
+				</div>
+				<div class="text-gray-600 font-serif mt-1">{name.data.title}</div>
+			</li>
+		))}
 	</ul>
 
 	<h2 class="pt-8 text-2xl font-bold">⭐ Candidates</h2>
 	<ul class="pl-0 flex flex-wrap justify-between">
-		{candidates.map((name) => {
-			const nameParts = name.data.name.toLowerCase().split(" ");
-			const domain = name.data.domain.replace(".", "");
-			const url = name.data.url || `https://${name.data.domain}`;
-			
-			return (
-				<li class="mb-3 inline-block pr-3">
-					<span class="text-xl">
-						{nameParts.map((part, index) => (
-							<>
-								{index > 0 && " "}
-								{part === domain ? (
-									<a href={url} class="text-blue-600 hover:text-blue-800 hover:underline" rel="nofollow">
-										{name.data.domain}
-									</a>
-								) : (
-									<span>{part}</span>
-								)}
-							</>
-						))}
-					</span>
-				</li>
-			);
-		})}
+		{candidates.map((name) => (
+			<li class="mb-3 inline-block pr-3">
+				<NameLink name={name} size="small" />
+			</li>
+		))}
 	</ul>
 
 	<hr class="mt-8 border-gray-200">
-- 
cgit v1.3.1