From 01a608cc5198323777dbdd75d091bd0cbcdd0218 Mon Sep 17 00:00:00 2001
From: yude <i@yude.jp>
Date: Mon, 22 Jan 2024 21:31:51 +0900
Subject: [PATCH] Add pages

---
 src/App.tsx                 |  4 +++
 src/components/Services.tsx | 69 +++++++++++++++++++++++++++++++++++++
 src/components/Spotify.tsx  | 10 ++++++
 3 files changed, 83 insertions(+)
 create mode 100644 src/components/Services.tsx
 create mode 100644 src/components/Spotify.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 1aafa39..5bb0035 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,6 +5,8 @@ import Keys from "./components/Keys"
 import Activities from "./components/Activities"
 import Footer from "./components/Footer"
 import Mutuals from "./components/Mutuals"
+import Spotify from "./components/Spotify"
+import Services from "./components/Services"
 
 import { useState, useEffect } from 'react';
 
@@ -72,6 +74,8 @@ export default function App() {
           <Links />
           <Keys />
           <Activities />
+          <Spotify />
+          <Services />
         </div>
 
         <div className="mb-5" id="test">
diff --git a/src/components/Services.tsx b/src/components/Services.tsx
new file mode 100644
index 0000000..330881b
--- /dev/null
+++ b/src/components/Services.tsx
@@ -0,0 +1,69 @@
+export default function Services() {
+    return (
+        <>
+        <div className="p-5 rounded-lg max-w-2xl">
+            <h1 className="text-2xl text-center">Active services</h1>
+            <div className="border border-white-500"></div>
+
+            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">
+                Major public services
+            </h2>
+            <ul className="max-w-md space-y-1 ml-5 mt-3 list-disc list-inside text-gray-400">
+                <li>
+                    <a className="hover:underline" href="https://soine.site">
+                        soine.site
+                    </a>
+                </li>
+                <li>
+                    <a className="hover:underline" href="https://mstdn.soine.site">
+                        Mastodon instance: mstdn.soine.site
+                    </a>
+                </li>
+                <li>
+                    <a className="hover:underline" href="https://discord.gg/X6srY7X">
+                        Discord
+                    </a>
+                </li>
+                <li>
+                    <a className="hover:underline" href="https://github.com/yudejp">
+                        GitHub Organization
+                    </a>
+                </li>
+                <li>
+                    <a className="hover:underline" href="https://status.yude.jp/">
+                        Server status
+                    </a>
+                </li>
+                <li>
+                    <span>Minecraft multiplayer @ <code>yude.jp</code></span>
+                </li>
+                <li>
+                    <span>TeamSpeak 3 @ <code>yude.jp</code></span>
+                </li>
+            </ul>
+            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">
+                Connectivity
+            </h2>
+            <ul className="max-w-md space-y-1 ml-5 mt-3 list-disc list-inside text-gray-400">
+                <li>
+                    <a className="hover:underline" href="http://yudejpwxp2cziclocqjfd55ucw2dh6ncswopluh7exwusjlfkvkwhwqd.onion/">
+                        The Onion Router
+                    </a>
+                </li>
+                <li>
+                    <a className="hover:underline" href="http://yude.i2p/?i2paddresshelper=idabfrazqbh7upvo2f5hx3ajpqglrwny66qbvcoatfqoq64ifiaq.b32.i2p">
+                        I2P
+                    </a>
+                </li>
+                <li>
+                    <a className="hover:underline" href="gemini://yude.jp">
+                        Gemini
+                    </a>
+                </li>
+            </ul>
+            
+        </div>
+        </>
+    )
+  }
+  
\ No newline at end of file
diff --git a/src/components/Spotify.tsx b/src/components/Spotify.tsx
new file mode 100644
index 0000000..aadfe76
--- /dev/null
+++ b/src/components/Spotify.tsx
@@ -0,0 +1,10 @@
+export default function Spotify() {
+    return (
+        <>
+        <div className="p-5 rounded-lg max-w-2xl">
+            <img alt="Spotify Recently Played" src="https://spotify-recently-played-readme.vercel.app/api?user=yude1119&amp;width=400" width="563" height="495" />
+        </div>
+        </>
+    )
+  }
+  
\ No newline at end of file