Add pages

This commit is contained in:
Sumire Isshiki 2024-01-22 21:31:51 +09:00
parent 21e18430f2
commit 01a608cc51
3 changed files with 83 additions and 0 deletions

View File

@ -5,6 +5,8 @@ import Keys from "./components/Keys"
import Activities from "./components/Activities" import Activities from "./components/Activities"
import Footer from "./components/Footer" import Footer from "./components/Footer"
import Mutuals from "./components/Mutuals" import Mutuals from "./components/Mutuals"
import Spotify from "./components/Spotify"
import Services from "./components/Services"
import { useState, useEffect } from 'react'; import { useState, useEffect } from 'react';
@ -72,6 +74,8 @@ export default function App() {
<Links /> <Links />
<Keys /> <Keys />
<Activities /> <Activities />
<Spotify />
<Services />
</div> </div>
<div className="mb-5" id="test"> <div className="mb-5" id="test">

View File

@ -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>
</>
)
}

View File

@ -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>
</>
)
}