Update history page

src/App.tsx

@@ -69,7 +69,7 @@ export default function App() {
           
         <div className="flex justify-center">
         <div id="content" className="absolute text-white" style={{ top: `${contentY}px`}}>
-          <div className="grid grid-container md:grid-cols-5 gap-2 min-h-[70vh] w-4xl">
+          <div className="grid grid-container md:grid-cols-5 gap-2 min-h-[70vh] w-3xl">
             <div className="hidden md:block md:col-span-1">
               <Menu />
             </div>

src/components/Activities.tsx

@@ -1,65 +0,0 @@
-export default function Activities() {
-    return (
-        <>
-        <div className="rounded-lg w-full">
-            <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">
-                        2023 年 12 月
-                    </time>
-                    <h3 className="text-lg font-semibold text-white">
-                        <a href="https://icttoracon.net/">
-                            ICT トラブルシューティングコンテスト 2023
-                        </a>
-                    </h3>
-                    <p className="text-base font-normal text-gray-400">
-                        チーム「いちぴろ・エクスプローラ」
-                    </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">
-                        2023 年 11 月
-                    </time>
-                    <h3 className="text-lg font-semibold text-white">
-                        <a href="https://hiss25th.sakura.ne.jp/">
-                        第 25 回 IEEE 広島支部学生シンポジウム
-                        </a>
-                    </h3>
-                    <p className="text-base font-normal text-gray-400">
-                        ポスター発表
-                        <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">
-                        2022 年 9 月
-                    </time>
-                    <h3 className="text-lg font-semibold text-white">
-                        <a href="https://www.iij.ad.jp/">
-                            インターンシップ @ 株式会社インターネットイニシアティブ
-                        </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">
-                        2022 年 8 月
-                    </time>
-                    <h3 className="text-lg font-semibold text-white">
-                        <a href="https://www.hirotec.co.jp/">
-                            インターンシップ @ 株式会社ヒロテック
-                        </a>
-                    </h3>
-                </li>
-            </ol>
-        </div>
-        </>
-    )
-  }
-  

src/components/ContentRenderer.tsx

@@ -3,7 +3,7 @@ import { useRecoilState } from 'recoil'
 import Profile from "./Profile"
 import Links from "./Links"
 import Keys from "./Keys"
-import Activities from "./Activities"
+import Activities from "./History"
 import Spotify from "./Spotify"
 import Services from "./Services"
 

src/components/Menu.tsx

@@ -50,7 +50,7 @@ export default function Menu() {
                 onClick={() => {setPage(Pages.Activities)}}
             >
                 <FontAwesomeIcon icon={faSquarePersonConfined} />{" "}
-                <p>活動</p>
+                <p>歴史</p>
             </li>
             <li
                 className={`w-full px-4 py-2${page === Pages.Services ? " bg-slate-700" : ""}`}

src/components/Profile.tsx

@@ -39,12 +39,6 @@ export default function Profile() {
                         </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">2017 年 4 月 &ndash; 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">基本情報</h2>