Update contents

This commit is contained in:
Sumire Isshiki 2024-01-22 19:33:42 +09:00
parent af1d2d1e9e
commit a057bcaa4b
7 changed files with 93 additions and 6 deletions

View File

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="icon" type="image/webp" href="/avatar.webp" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>yude.jp</title>
</head>

BIN
public/logo/annict.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

BIN
public/logo/vrchat.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

1
public/logo/zenn.svg Normal file
View File

@ -0,0 +1 @@
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Zenn</title><path d="M.264 23.771h4.984c.264 0 .498-.147.645-.352L19.614.874c.176-.293-.029-.645-.381-.645h-4.72c-.235 0-.44.117-.557.323L.03 23.361c-.088.176.029.41.234.41zM17.445 23.419l6.479-10.408c.205-.323-.029-.733-.41-.733h-4.691c-.176 0-.352.088-.44.235l-6.655 10.643c-.176.264.029.616.352.616h4.779c.234-.001.468-.118.586-.353z"/></svg>

After

Width:  |  Height:  |  Size: 423 B

View File

@ -1,6 +1,7 @@
import Card from "./components/Card"
import Profile from "./components/Profile"
import Links from "./components/Links"
import Keys from "./components/Keys"
import { useState, useEffect } from 'react';
@ -54,9 +55,14 @@ export default function App() {
<div className="grid grid-cols-1 xl:grid-cols-2 gap-4 mb-5 w-full">
<Profile />
<Links />
<Keys />
</div>
<div className="text-center text-gray-500">&copy; 2024 yude</div>
<div className="text-center text-gray-500 mb-5">
<a href="https://github.com/yudejp/yude.jp">
&copy; 2024 yude
</a>
</div>
</div>
</div>
)

32
src/components/Keys.tsx Normal file
View File

@ -0,0 +1,32 @@
export default function Keys() {
return (
<>
<div className="p-5 rounded-lg max-w-2xl">
<h1 className="text-2xl text-center">Public keys</h1>
<div className="border border-white-500"></div>
<h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1">GNU Privacy Guard</h2>
<ul className="max-w-md space-y-1 text-gray-500 list-disc list-inside dark:text-gray-400">
<li>
Available on <a className="underline" href="https://github.com/yude.gpg">GitHub</a>.
</li>
<li>
Fingerprint: <code>3745 F270 DB4E 8975 6B07 62BE EB0F E5D9 25C4 A968</code>
</li>
</ul>
<h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1">The Secure Shell (RFC4716)</h2>
<ul className="max-w-md space-y-1 text-gray-500 list-disc list-inside dark:text-gray-400">
<li>
Available on <a className="underline" href="https://github.com/yude.keys">GitHub</a>.
</li>
<li>
Fingerprint: <code>XEGJhmO6p0qu7C04gvtyJz5BHuIVUKOUIBqZDoSes0k</code> (SHA-256, Primary key)
</li>
</ul>
</div>
</>
)
}

View File

@ -1,5 +1,5 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faGithub, faTelegram, faXTwitter, faInstagram, faMastodon, faKeybase, faSteam } from '@fortawesome/free-brands-svg-icons'
import { faGithub, faTelegram, faXTwitter, faInstagram, faMastodon, faKeybase, faSteam, faLastfm, faTwitch, faSpotify } from '@fortawesome/free-brands-svg-icons'
import { faAnglesRight } from '@fortawesome/free-solid-svg-icons'
export default function Links() {
@ -59,15 +59,23 @@ export default function Links() {
</div>
<div className="w-24 h-16">
<a href="https://scrapbox.io/yude">
<img src="./logo/scrapbox.svg" className="w-24 h-12 grayscale" width="20" height="20" />
<img src="./logo/scrapbox.svg" className="w-24 h-12 grayscale" />
<span className="block text-gray-400 text-center">
Scrapbox
</span>
</a>
</div>
<div className="w-24 h-16">
<a href="https://zenn.dev/yude">
<img src="./logo/zenn.svg" className="w-24 h-12 text-center invert" />
<span className="block text-gray-400 text-center">
Zenn
</span>
</a>
</div>
<div className="w-24 h-16">
<a href="https://yudejp.hatenablog.jp">
<img src="./logo/hatenablog.svg" className="w-24 h-12 text-center invert" width="20" height="20" />
<img src="./logo/hatenablog.svg" className="w-24 h-12 text-center invert" />
<span className="block text-gray-400">
</span>
@ -75,7 +83,7 @@ export default function Links() {
</div>
<div className="w-24 h-16">
<a href="https://sizu.me/yude">
<img src="./logo/sizume.svg" className="w-24 h-12 text-center invert" width="20" height="20" />
<img src="./logo/sizume.svg" className="w-24 h-12 text-center invert" />
<span className="block text-gray-400 text-center">
</span>
@ -89,6 +97,46 @@ export default function Links() {
</span>
</a>
</div>
<div className="w-24 h-16">
<a href="https://www.last.fm/user/yude_jp">
<FontAwesomeIcon className="w-24 h-11" icon={faLastfm} />
<span className="block text-gray-400 text-center">
Last.fm
</span>
</a>
</div>
<div className="w-24 h-16">
<a href="https://twitch.tv/yudejp">
<FontAwesomeIcon className="w-24 h-11" icon={faTwitch} />
<span className="block text-gray-400 text-center">
Twitch
</span>
</a>
</div>
<div className="w-24 h-16">
<a href="https://open.spotify.com/user/yude1119">
<FontAwesomeIcon className="w-24 h-11" icon={faSpotify} />
<span className="block text-gray-400 text-center">
Spotify
</span>
</a>
</div>
<div className="w-24 h-16">
<a href="https://annict.com/yude">
<img src="./logo/annict.png" className="w-12 h-12 ml-6 grayscale" />
<span className="block text-gray-400 text-center">
Annict
</span>
</a>
</div>
<div className="w-24 h-16">
<a href="https://vrcprofile.com/p/yude">
<img src="./logo/vrchat.png" className="w-12 ml-6 mt-5" />
<span className="block text-gray-400 text-center mt-2">
VRChat
</span>
</a>
</div>
<div className="w-24 h-16 ml-auto">
<a href="https://scrapbox.io/yude/アカウント">
<FontAwesomeIcon className="w-24 h-11" icon={faAnglesRight} />