yudejp/yude.jp
1
0
Fork 0
mirror of https://github.com/yudejp/yude.jp.git synced 2025-05-10 14:08:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add contents

Browse Source
This commit is contained in:
Sumire Isshiki 2024-01-22 17:08:14 +09:00
parent 2450d8a7c8
commit 4373f352f2
3 changed files with 91 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Card.tsx
View File

@ -13,7 +13,6 @@ export default function Card() {
<p className="text-5xl text-white">
yude
</p>
<p className="text-gray-400 text-xl">Hiroshima City University</p>
<div className="text-white mt-2">
<p className="font-mono left-0.5 relative">
<FontAwesomeIcon icon={faEnvelope} /> i@yude.jp
@ -21,7 +20,7 @@ export default function Card() {
<p className="font-mono left-0.5 relative">
<FontAwesomeIcon icon={faPhone} /> +81 70-8909-1949
</p>
</div>
</div>
</div>
</div>
</>

60
src/components/Profile.tsx Normal file
View File

@ -0,0 +1,60 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faCake, faMapPin } from '@fortawesome/free-solid-svg-icons'
export default function Profile() {
return (
<>
<div className="p-5 rounded-lg">
<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">Affiliation</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</time>
<h3 className="text-lg font-semibold text-white">Hiroshima City University</h3>
<p className="text-base font-normal text-gray-400">Department of Computer and Network Engineering, Faculty of Information Sciences</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 Mathimatics</p>
</li>
</ol>
<h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1">Biography</h2>
<ul className="space-y-1 list-inside mt-2">
<li className="items-center">
<span className="text-gray-300"><FontAwesomeIcon icon={faCake} />&nbsp;Born on <span className="text-gray-50">November 19, 2001</span> (22 y/o)</span>
</li>
<li className="items-center">
<span className="text-gray-300"><FontAwesomeIcon icon={faMapPin} />&nbsp;&nbsp;Living in <span className="text-gray-50">Hiroshima, Japan</span></span>
</li>
</ul>
<h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1">Certification</h2>
<ul className="max-w-md space-y-1 text-gray-500 list-disc list-inside dark:text-gray-400">
<li>
IPA 基本情報技術者 (April 2022)
</li>
<li>
普通自動車第一種運転免許, AT 限定 (June 2021)
</li>
<li>
TOEIC Listening & Reading: 860 (December 2022)
</li>
<li>
TOEIC Listening & Reading, IP Test: 960 (December 2021)
</li>
</ul>
</div>
</>
)
}

30
src/components/Works.tsx Normal file
View File

@ -0,0 +1,30 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faGithub } from '@fortawesome/free-brands-svg-icons'
export default function Profile() {
return (
<>
<div className="p-5 rounded-lg">
<h1 className="text-2xl text-center">Works</h1>
<div className="border border-white-500"></div>
<h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1">Software</h2>
<ul className="max-w-md space-y-1 text-gray-400">
<a href="https://github.com/yude">
<li>
<FontAwesomeIcon icon={faGithub} />&nbsp;
<span className="hover:underline">
GitHub
</span>
</li>
</a>
</ul>
</div>
</>
)
}