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 Footer, Activities

Browse Source
This commit is contained in:
Sumire Isshiki 2024-01-22 20:09:58 +09:00
parent a057bcaa4b
commit 80af411406
3 changed files with 88 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/App.tsx
View File

@ -2,6 +2,8 @@ import Card from "./components/Card"
import Profile from "./components/Profile"
import Links from "./components/Links"
import Keys from "./components/Keys"
import Activities from "./components/Activities"
import Footer from "./components/Footer"
import { useState, useEffect } from 'react';
@ -56,12 +58,11 @@ export default function App() {
<Profile />
<Links />
<Keys />
<Activities />
</div>
<div className="text-center text-gray-500 mb-5">
<a href="https://github.com/yudejp/yude.jp">
&copy; 2024 yude
</a>
<div className="mb-5">
<Footer />
</div>
</div>
</div>

67
src/components/Activities.tsx Normal file
View File

@ -0,0 +1,67 @@
export default function Activities() {
return (
<>
<div className="p-5 rounded-lg max-w-2xl">
<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
</time>
<h3 className="text-lg font-semibold text-white">
<a href="https://www.hiroshima-cu.ac.jp">
ICT Troubleshooting Contest 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
</time>
<h3 className="text-lg font-semibold text-white">
<a href="https://hiss25th.sakura.ne.jp/">
Poster session
</a>
</h3>
<p className="text-base font-normal text-gray-400">
The 25th IEEE Hiroshima Section Student Symposium
</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
</time>
<h3 className="text-lg font-semibold text-white">
<a href="https://www.iij.ad.jp/">
Intern @ Internet Initiative Japan Inc.
</a>
</h3>
<p className="text-base font-normal text-gray-400">
ExperienceCourse -クラウド編-
</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">
August 2022
</time>
<h3 className="text-lg font-semibold text-white">
<a href="https://www.hirotec.co.jp/">
Intern @ HIROTEC Corporation.
</a>
</h3>
</li>
</ol>
</div>
</>
)
}

15
src/components/Footer.tsx Normal file
View File

@ -0,0 +1,15 @@
export default function Footer() {
return (
<div className="text-center text-gray-500 mb-5">
<img src="./banner_new.png" className="h-12 inline" />
<img src="./busy_banner.webp" className="h-12 inline" />
<img src="https://moe-counter-cf.yude.workers.dev/yude.jp:home" className="h-20 mx-auto" />
<p className="mt-5">
<a href="https://github.com/yudejp/yude.jp">
&copy; 2024 yude
</a>
</p>
</div>
)
}