mirror of
https://github.com/yudejp/yude.jp.git
synced 2025-05-11 14:38:41 +00:00
Merge branch 'main' into main
This commit is contained in:
GitHub
commit
726d079925
@ -69,8 +69,8 @@ export default function App() {
|
||||
|
||||
<div className="flex justify-center">
|
||||
<div id="content" className="absolute text-white" style={{ top: `${contentY}px`}}>
|
||||
<div className="grid md:grid-cols-5 gap-2 min-h-[70vh] max-w-3xl">
|
||||
<div className="hidden md:block">
|
||||
<div className="grid grid-container md:grid-cols-5 gap-2 min-h-[70vh] w-4xl">
|
||||
<div className="hidden md:block md:col-span-1">
|
||||
<Menu />
|
||||
</div>
|
||||
<div className="w-full px-5 md:col-span-4 md:px-0">
|
||||
|
||||
@ -2,46 +2,44 @@ export default function Activities() {
|
||||
return (
|
||||
<>
|
||||
<div className="rounded-lg w-full">
|
||||
<h1 className="text-2xl text-center">Recent activities</h1>
|
||||
<div className="border border-white-500"></div>
|
||||
|
||||
<ol className="relative border-s border-gray-700 left-2 mt-3">
|
||||
<li className="mb-2 ms-4">
|
||||
<div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
|
||||
<time className="mb-1 text-sm font-normal leading-none text-gray-400">
|
||||
December 2023
|
||||
2023 年 12 月
|
||||
</time>
|
||||
<h3 className="text-lg font-semibold text-white">
|
||||
<a href="https://www.hiroshima-cu.ac.jp">
|
||||
ICT Troubleshooting Contest 2023
|
||||
<a href="https://icttoracon.net/">
|
||||
ICT トラブルシューティングコンテスト 2023
|
||||
</a>
|
||||
</h3>
|
||||
<p className="text-base font-normal text-gray-400">
|
||||
Team いちぴろ・エクスプローラ
|
||||
チーム「いちぴろ・エクスプローラ」
|
||||
</p>
|
||||
</li>
|
||||
<li className="mb-2 ms-4">
|
||||
<div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
|
||||
<time className="mb-1 text-sm font-normal leading-none text-gray-400">
|
||||
November 2023
|
||||
2023 年 11 月
|
||||
</time>
|
||||
<h3 className="text-lg font-semibold text-white">
|
||||
<a href="https://hiss25th.sakura.ne.jp/">
|
||||
The 25th IEEE Hiroshima Section Student Symposium
|
||||
第 25 回 IEEE 広島支部学生シンポジウム
|
||||
</a>
|
||||
</h3>
|
||||
<p className="text-base font-normal text-gray-400">
|
||||
Poster session
|
||||
ポスター発表
|
||||
<p>「マイクロコンピュータ向け自律分散死活システムの設計と実装」</p>
|
||||
</p>
|
||||
</li>
|
||||
<li className="mb-2 ms-4">
|
||||
<div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
|
||||
<time className="mb-1 text-sm font-normal leading-none text-gray-400">
|
||||
September 2022
|
||||
2022 年 9 月
|
||||
</time>
|
||||
<h3 className="text-lg font-semibold text-white">
|
||||
<a href="https://www.iij.ad.jp/">
|
||||
Internship @ Internet Initiative Japan Inc.
|
||||
インターンシップ @ 株式会社インターネットイニシアティブ
|
||||
</a>
|
||||
</h3>
|
||||
<p className="text-base font-normal text-gray-400">
|
||||
@ -51,11 +49,11 @@ export default function Activities() {
|
||||
<li className="mb-2 ms-4">
|
||||
<div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
|
||||
<time className="mb-1 text-sm font-normal leading-none text-gray-400">
|
||||
August 2022
|
||||
2022 年 8 月
|
||||
</time>
|
||||
<h3 className="text-lg font-semibold text-white">
|
||||
<a href="https://www.hirotec.co.jp/">
|
||||
Internship @ HIROTEC Corporation.
|
||||
インターンシップ @ 株式会社ヒロテック
|
||||
</a>
|
||||
</h3>
|
||||
</li>
|
||||
|
||||
@ -44,7 +44,13 @@ export default function Card() {
|
||||
></div>
|
||||
<div className="flex justify-center w-screen items-center">
|
||||
<div className="mx-2 inline-block">
|
||||
<img className="rounded-full" width={100} height={100} src="./avatar.webp" />
|
||||
<img
|
||||
draggable="false"
|
||||
className="rounded-full hover:cursor-grab"
|
||||
width={100}
|
||||
height={100}
|
||||
src="./avatar.webp"
|
||||
/>
|
||||
</div>
|
||||
<div className="mx-2 text-left h-full inline-block">
|
||||
<Logo />
|
||||
|
||||
@ -2,23 +2,20 @@ export default function Keys() {
|
||||
return (
|
||||
<>
|
||||
<div className="rounded-lg w-full">
|
||||
<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 ml-1">GNU Privacy Guard</h2>
|
||||
<ul className="max-w-md space-y-1 list-disc list-inside text-gray-300 ml-5">
|
||||
<li>
|
||||
Available on <a className="underline" href="https://github.com/yude.gpg">GitHub</a>.
|
||||
<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>
|
||||
鍵指紋: <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 ml-1">The Secure Shell (RFC4716)</h2>
|
||||
<h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">The Secure Shell (RFC 4716)</h2>
|
||||
<ul className="max-w-md space-y-1 list-disc list-inside text-gray-300 ml-5">
|
||||
<li>
|
||||
Available on <a className="underline" href="https://github.com/yude.keys">GitHub</a>.
|
||||
<li>
|
||||
<a className="underline" href="https://github.com/yude.keys">GitHub</a> から入手できます。
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
@ -6,7 +6,7 @@ export default function Links() {
|
||||
return (
|
||||
<>
|
||||
<div className="rounded-lg w-full">
|
||||
<div className="gap-y-8 flex flex-wrap justify-between">
|
||||
<div className="gap-x-6 gap-y-8 grid grid-cols-4 justify-between">
|
||||
<div className="w-24 h-16">
|
||||
<a href="https://x.com/yude_jp">
|
||||
<FontAwesomeIcon className="w-24 h-11" icon={faXTwitter} />
|
||||
|
||||
@ -23,21 +23,41 @@ export default function Menu() {
|
||||
|
||||
return (
|
||||
<RecoilRoot>
|
||||
<ul className="w-full text-lg font-medium">
|
||||
<li className="w-full px-4 py-2" onClick={() => {setPage(Pages.Profile)}}>
|
||||
<FontAwesomeIcon icon={faUser} />{" "}プロフィール
|
||||
<ul className="w-full text-lg font-medium text-center hover:cursor-pointer">
|
||||
<li
|
||||
className={`w-full px-4 py-2${page === Pages.Profile ? " bg-slate-700" : ""}`}
|
||||
onClick={() => {setPage(Pages.Profile)}}
|
||||
>
|
||||
<FontAwesomeIcon icon={faUser} />{" "}
|
||||
<p>プロフィール</p>
|
||||
</li>
|
||||
<li className="w-full px-4 py-2" onClick={() => {setPage(Pages.Links)}}>
|
||||
<FontAwesomeIcon icon={faLink} />{" "}リンク
|
||||
<li
|
||||
className={`w-full px-4 py-2${page === Pages.Links ? " bg-slate-700" : ""}`}
|
||||
onClick={() => {setPage(Pages.Links)}}
|
||||
>
|
||||
<FontAwesomeIcon icon={faLink} />{" "}
|
||||
<p>リンク</p>
|
||||
</li>
|
||||
<li className="w-full px-4 py-2" onClick={() => {setPage(Pages.Keys)}}>
|
||||
<FontAwesomeIcon icon={faKey} />{" "}公開鍵
|
||||
<li
|
||||
className={`w-full px-4 py-2${page === Pages.Keys ? " bg-slate-700" : ""}`}
|
||||
onClick={() => {setPage(Pages.Keys)}}
|
||||
>
|
||||
<FontAwesomeIcon icon={faKey} />{" "}
|
||||
<p>公開鍵</p>
|
||||
</li>
|
||||
<li className="w-full px-4 py-2" onClick={() => {setPage(Pages.Activities)}}>
|
||||
<FontAwesomeIcon icon={faSquarePersonConfined} />{" "}活動
|
||||
<li
|
||||
className={`w-full px-4 py-2${page === Pages.Activities ? " bg-slate-700" : ""}`}
|
||||
onClick={() => {setPage(Pages.Activities)}}
|
||||
>
|
||||
<FontAwesomeIcon icon={faSquarePersonConfined} />{" "}
|
||||
<p>活動</p>
|
||||
</li>
|
||||
<li className="w-full px-4 py-2" onClick={() => {setPage(Pages.Services)}}>
|
||||
<FontAwesomeIcon icon={faStar} />{" "}サービス
|
||||
<li
|
||||
className={`w-full px-4 py-2${page === Pages.Services ? " bg-slate-700" : ""}`}
|
||||
onClick={() => {setPage(Pages.Services)}}
|
||||
>
|
||||
<FontAwesomeIcon icon={faStar} />{" "}
|
||||
<p>サービス</p>
|
||||
</li>
|
||||
</ul>
|
||||
</RecoilRoot>
|
||||
|
||||
@ -5,72 +5,72 @@ export default function Profile() {
|
||||
return (
|
||||
<>
|
||||
<div className="rounded-lg w-full">
|
||||
<h1 className="text-2xl text-center">Profile</h1>
|
||||
<div className="border border-white-500"></div>
|
||||
|
||||
<h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">Affiliation</h2>
|
||||
<h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">所属</h2>
|
||||
|
||||
<ol className="relative border-s border-gray-700 left-2">
|
||||
<li className="mb-2 ms-4">
|
||||
<div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
|
||||
<time className="mb-1 text-sm font-normal leading-none text-gray-400">
|
||||
April 2020 - Present
|
||||
2020 年 4 月 – 現在
|
||||
</time>
|
||||
<h3 className="text-lg font-semibold text-white">
|
||||
<a href="https://www.hiroshima-cu.ac.jp">
|
||||
Hiroshima City University
|
||||
広島市立大学
|
||||
</a>
|
||||
</h3>
|
||||
<p className="text-base font-normal text-gray-400">
|
||||
<a href="https://net.info.hiroshima-cu.ac.jp">
|
||||
Information Network Laboratory
|
||||
情報ネットワーク研究室
|
||||
</a>
|
||||
</p>
|
||||
<p className="text-base font-normal text-gray-400">
|
||||
<a href="https://funahcu.github.io/funalab">
|
||||
Lectureship of Sensing, Network Software
|
||||
センシング講座, ネットワークソフトウェア研究グループ
|
||||
</a>
|
||||
</p>
|
||||
<p className="text-base font-normal text-gray-400">
|
||||
<a href="http://www.cne.info.hiroshima-cu.ac.jp/">
|
||||
Department of Computer and Network Engineering,
|
||||
情報工学科
|
||||
</a>
|
||||
</p>
|
||||
<p className="text-base font-normal text-gray-400">
|
||||
<a href="https://www2.info.hiroshima-cu.ac.jp/">
|
||||
情報科学部
|
||||
</a>
|
||||
|
||||
<a href="https://www2.info.hiroshima-cu.ac.jp/">Faculty of Information Sciences</a>
|
||||
</p>
|
||||
</li>
|
||||
<li className="ms-4">
|
||||
<div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
|
||||
<time className="mb-1 text-sm font-normal leading-none text-gray-400">April 2017 - March 2020</time>
|
||||
<h3 className="text-lg font-semibold text-white">Tottori Prefectural, Tottori East High School</h3>
|
||||
<p className="text-base font-normal text-gray-400">Diploma of Science and Mathematics</p>
|
||||
<time className="mb-1 text-sm font-normal leading-none text-gray-400">2017 年 4 月 – 2020 年 3 月</time>
|
||||
<h3 className="text-lg font-semibold text-white">鳥取県立鳥取東高等学校</h3>
|
||||
<p className="text-base font-normal text-gray-400">理数科</p>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">Biography</h2>
|
||||
<h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">基本情報</h2>
|
||||
|
||||
<ul className="space-y-1 list-inside mt-2 ml-5">
|
||||
<li className="items-center">
|
||||
<span className="text-gray-300"><FontAwesomeIcon icon={faCake} /> Born on <span className="text-gray-50">November 19, 2001</span> (22 y/o)</span>
|
||||
<span className="text-gray-300"><FontAwesomeIcon icon={faCake} /> <span className="text-gray-50">2001 年 11 月 19 日</span> 生まれ (22 歳)</span>
|
||||
</li>
|
||||
<li className="items-center">
|
||||
<span className="text-gray-300"><FontAwesomeIcon icon={faMapPin} /> Living in <span className="text-gray-50">Hiroshima, Japan</span></span>
|
||||
<span className="text-gray-300"><FontAwesomeIcon icon={faMapPin} /> <span className="text-gray-50">広島県 広島市</span> 在住</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">Certification</h2>
|
||||
<h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">資格, 免許</h2>
|
||||
<ul className="max-w-md space-y-1 ml-5 list-disc list-inside text-gray-400">
|
||||
<li>
|
||||
IPA 基本情報技術者 (April 2022)
|
||||
IPA 基本情報技術者 (2022 年 4 月)
|
||||
</li>
|
||||
<li>
|
||||
普通自動車第一種運転免許, AT 限定 (June 2021)
|
||||
普通自動車第一種運転免許, AT 限定 (2021 年 6 月)
|
||||
</li>
|
||||
<li>
|
||||
TOEIC Listening & Reading: 860 (December 2022)
|
||||
TOEIC Listening & Reading: 860 (2022 年 12 月)
|
||||
</li>
|
||||
<li>
|
||||
TOEIC Listening & Reading, IP Test: 960 (December 2021)
|
||||
TOEIC Listening & Reading, IP テスト 960 点 (2021 年 12 月)
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
@ -2,9 +2,6 @@ export default function Services() {
|
||||
return (
|
||||
<>
|
||||
<div className="rounded-lg w-full">
|
||||
<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">
|
||||
サービス
|
||||
</h2>
|
||||
@ -16,12 +13,12 @@ export default function Services() {
|
||||
</li>
|
||||
<li>
|
||||
<a className="hover:underline" href="https://mstdn.soine.site">
|
||||
Mastodon instance: mstdn.soine.site
|
||||
Mastodon インスタンス: 添い寝して！
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="hover:underline" href="https://discord.gg/X6srY7X">
|
||||
Discord
|
||||
Discord サーバー
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
@ -31,18 +28,18 @@ export default function Services() {
|
||||
</li>
|
||||
<li>
|
||||
<a className="hover:underline" href="https://status.yude.jp/">
|
||||
Server status
|
||||
サービス状況
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<span>Minecraft multiplayer @ <code>yude.jp</code></span>
|
||||
<span>Minecraft マルチプレイサーバ @ <code>yude.jp</code></span>
|
||||
</li>
|
||||
<li>
|
||||
<span>TeamSpeak 3 @ <code>yude.jp</code></span>
|
||||
<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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user