+
+
+
+
+
diff --git a/src/fonts/klima/klima-bold-italic-web.woff2 b/src/fonts/klima/klima-bold-italic-web.woff2
new file mode 100644
index 0000000000..f660565026
Binary files /dev/null and b/src/fonts/klima/klima-bold-italic-web.woff2 differ
diff --git a/src/fonts/klima/klima-bold-web.woff2 b/src/fonts/klima/klima-bold-web.woff2
new file mode 100644
index 0000000000..4efd130815
Binary files /dev/null and b/src/fonts/klima/klima-bold-web.woff2 differ
diff --git a/src/fonts/klima/klima-heavy-italic-web.woff2 b/src/fonts/klima/klima-heavy-italic-web.woff2
new file mode 100644
index 0000000000..97ae05402f
Binary files /dev/null and b/src/fonts/klima/klima-heavy-italic-web.woff2 differ
diff --git a/src/fonts/klima/klima-heavy-web.woff2 b/src/fonts/klima/klima-heavy-web.woff2
new file mode 100644
index 0000000000..372c55631d
Binary files /dev/null and b/src/fonts/klima/klima-heavy-web.woff2 differ
diff --git a/src/fonts/klima/klima-italic-web.woff2 b/src/fonts/klima/klima-italic-web.woff2
new file mode 100644
index 0000000000..0d137b2b10
Binary files /dev/null and b/src/fonts/klima/klima-italic-web.woff2 differ
diff --git a/src/fonts/klima/klima-light-italic-web.woff2 b/src/fonts/klima/klima-light-italic-web.woff2
new file mode 100644
index 0000000000..481bfc82ff
Binary files /dev/null and b/src/fonts/klima/klima-light-italic-web.woff2 differ
diff --git a/src/fonts/klima/klima-light-web.woff2 b/src/fonts/klima/klima-light-web.woff2
new file mode 100644
index 0000000000..46424c0acc
Binary files /dev/null and b/src/fonts/klima/klima-light-web.woff2 differ
diff --git a/src/fonts/klima/klima-medium-italic-web.woff2 b/src/fonts/klima/klima-medium-italic-web.woff2
new file mode 100644
index 0000000000..98b3bd86ba
Binary files /dev/null and b/src/fonts/klima/klima-medium-italic-web.woff2 differ
diff --git a/src/fonts/klima/klima-medium-web.woff2 b/src/fonts/klima/klima-medium-web.woff2
new file mode 100644
index 0000000000..7f6bdc0165
Binary files /dev/null and b/src/fonts/klima/klima-medium-web.woff2 differ
diff --git a/src/fonts/klima/klima-regular-italic-web.woff2 b/src/fonts/klima/klima-regular-italic-web.woff2
new file mode 100644
index 0000000000..87ded2fae7
Binary files /dev/null and b/src/fonts/klima/klima-regular-italic-web.woff2 differ
diff --git a/src/fonts/klima/klima-regular-web.woff2 b/src/fonts/klima/klima-regular-web.woff2
new file mode 100644
index 0000000000..a724db013d
Binary files /dev/null and b/src/fonts/klima/klima-regular-web.woff2 differ
diff --git a/src/fonts/klima/klima-ultra-italic-web.woff2 b/src/fonts/klima/klima-ultra-italic-web.woff2
new file mode 100644
index 0000000000..cf1de009f0
Binary files /dev/null and b/src/fonts/klima/klima-ultra-italic-web.woff2 differ
diff --git a/src/fonts/klima/klima-ultra-web.woff2 b/src/fonts/klima/klima-ultra-web.woff2
new file mode 100644
index 0000000000..4af946bf8a
Binary files /dev/null and b/src/fonts/klima/klima-ultra-web.woff2 differ
diff --git a/src/fonts/klima/klima-ultralight-italic-web.woff2 b/src/fonts/klima/klima-ultralight-italic-web.woff2
new file mode 100644
index 0000000000..711b0169e9
Binary files /dev/null and b/src/fonts/klima/klima-ultralight-italic-web.woff2 differ
diff --git a/src/fonts/klima/klima-ultralight-web.woff2 b/src/fonts/klima/klima-ultralight-web.woff2
new file mode 100644
index 0000000000..0add1791bb
Binary files /dev/null and b/src/fonts/klima/klima-ultralight-web.woff2 differ
diff --git a/src/members.json b/src/members.json
new file mode 100644
index 0000000000..205ca96621
--- /dev/null
+++ b/src/members.json
@@ -0,0 +1,50 @@
+[
+ {
+ "member": "lexm",
+ "url": "http://lexm.leprd.space/"
+ },
+ {
+ "member": "Khushraj Rathod",
+ "url": "https://www.khushrajrathod.com/"
+ },
+ {
+ "member": "Ali A. Saleh",
+ "url": "https://Saleh.HackClub.com/"
+ },
+ {
+ "member": "Mahad Kalam",
+ "url": "https://mahadk.com/"
+ },
+ {
+ "member": "Doruk Sarp Aydın",
+ "url": "https://doruk.dino.icu/"
+ },
+ {
+ "member": "Hexaa",
+ "url": "https://hexaa.sh"
+ },
+ {
+ "member": "spacevini8",
+ "url": "https://spacevini8.n0budget.com/"
+ },
+ {
+ "member": "ErrorCode0",
+ "url": "https://errorcodezero.dev"
+ },
+ {
+ "member": "virtualfuzz",
+ "url": "https://virtualfuzz.is-a.dev"
+ },
+ {
+ "member": "Arca",
+ "url": "https://arcaege.dev/"
+ },
+ {
+ "member": "Kritthapath Yaviraj (Toonshouin)",
+ "url": "https://toonshou.in"
+ },
+ {
+ "member": "twonum",
+ "url": "https://www.twonum.org/"
+ }
+]
\ No newline at end of file
diff --git a/src/pages/embed.html.astro b/src/pages/embed.html.astro
new file mode 100644
index 0000000000..09fb8b092d
--- /dev/null
+++ b/src/pages/embed.html.astro
@@ -0,0 +1,74 @@
+---
+import "../styles/global.css";
+---
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
new file mode 100644
index 0000000000..a7a734c4c0
--- /dev/null
+++ b/src/pages/index.astro
@@ -0,0 +1,93 @@
+---
+import Layout from "../components/layout.astro";
+import members from "../members.json";
+---
+
+
+
+ Hack Club
+ Webring
+
+
+
+
+ + Back in the 90s, webrings once brought the internet together, creating a + community for fellow site enthusiasts. We're bringing the concept back + over 20 years later to create a community that's more robust and + interconnected, refreshing the idea while maintaining the same creative + spirit that existed then. +
++ The directory below connects Hack Club members via a common navigation bar. Check them out below or join by submitting + a pull request! +
++ + Directory ({members.length}) +
+ +
+ {
+ members.map((member) => (
+
+
+
+
+
+
+ {member.member}
+
+
+
+
+ {member.url
+ .replace(/^https?:\/\//, "")
+ .replace("www.", "")
+ .replace(/\/$/, "")
+ .toLowerCase()}
+
+
+ ))
+ }
+
+ Joining The
+ Webring
+
+ + Joining the webring is super simple! Follow these steps: +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Go Home
+
+
+ + + 1. Fork the repo +
+
+
+ + Start by forking the repository on GitHub by clicking on + this link. This creates a personal copy of the webring repository under your + GitHub account, so you can update it freely. +
++ + 2. Add your site +
+
+
+
+ Next, open the src/members.json file in your forked repository and add your site details in the following
+ format at the end of the list:
+
+{
+ "member": "Your name here!",
+ "url": "https://www.yoursite.com/"
+}
+ + Then commit and push your changes to your forked repository. +
++ + 3. Submit a Pull Request +
+
+
+ + Once your changes are pushed, go to the original repository and open + a + Pull Request. The maintainers will review your addition, and once merged, + you're officially part of the ring! +
++ + 4. Embed the Ring +
+
+
+ + Finally, add the webring to your site! Paste this snippet into your + HTML where you want the navigation to appear. It will automatically + detect your domain and link to your neighbors. +
++<iframe + src="https://webring.hackclub.com/embed" + width="150" + height="50" + frameborder="0" + scrolling="no" +></iframe>+