From 192ab7b33a3662642d6358f6e14c62f923df858e Mon Sep 17 00:00:00 2001
From: Gaku-Kunimi <dummy@uminek.ooo>
Date: Sun, 10 Dec 2023 20:48:56 +0900
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=AA=BF=E6=95=B4=E3=83=BBPage=202=20?=
 =?UTF-8?q?=E3=81=AECSS=20=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                    |  1 +
 src/components/Page1.tsx      |  4 ++--
 src/components/Page2.tsx      | 12 +++++++-----
 src/components/PageHeader.tsx | 15 ++++++++++++---
 4 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/.gitignore b/.gitignore
index dc26fbf..9c197b4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,3 +34,4 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 .node-version
+cache/cache.json
diff --git a/src/components/Page1.tsx b/src/components/Page1.tsx
index 84d481e..fd03a16 100644
--- a/src/components/Page1.tsx
+++ b/src/components/Page1.tsx
@@ -122,10 +122,10 @@ function Side({ view }: Props) {
       {talks.map((talk) => (
         <div
           key={talk.id}
-          className="text-right w-[750px] bg-Hibiya-Green px-3 pt-1 my-3"
+          className="text-right w-[750px] bg-Hibiya-Green px-3 pt-1 my-3 font-ryo-gothic-plusn"
         >
           <div className="flex flex-row">
-            <div className="text-left basis-1/2 text-white text-xs">
+            <div className="text-left basis-1/2 text-white text-xs font-din-2014 font-light">
               {getTimeStr(talk.startTime)} - {getTimeStr(talk.endTime)}
             </div>
             <div className="basis-1/2 text-white text-xs">
diff --git a/src/components/Page2.tsx b/src/components/Page2.tsx
index 14b2a98..dba2a7b 100644
--- a/src/components/Page2.tsx
+++ b/src/components/Page2.tsx
@@ -36,14 +36,14 @@ function Body({ view }: Props) {
     return <></>
   }
   return (
-    <div className="my-20 font-ryo-gothic-plusn">
+    <div className=" mt-10 font-ryo-gothic-plusn">
       <div className="text-left w-[450px] bg-Magenta-2023 pr-3 py-8">
         <div className="text-right text-white font-bold font-din-2014 tracking-wide text-1.5xl">
           UPCOMING SESSION
         </div>
-      </div>
-      <div className="basis-1/2 ml-[100px] mt-7 text-xl font-ryo-gothic-plusn">
-        {getTimeStr(talk.startTime)}-{getTimeStr(talk.endTime)} の各セッション
+        <div className="text-right text-white font-bold font-din-2014 text-1.5xl">
+          {getTimeStr(talk.startTime)}-{getTimeStr(talk.endTime)}
+        </div>
       </div>
       <div className="grid grid-cols-2 gap8">
         {view.allTracks.map((track) => {
@@ -88,7 +88,9 @@ function Track({ talk, track, speakers }: TrackProps) {
         />
       </div>
       <div className="basis-2/3">
-        <div className="text-2xl my-5">Track {track.name}</div>
+        <div className="text-1.5xl my-2 w-[600px] text-black opacity-30 font-din-2014 font-bold ">
+          TRACK {track.name}
+        </div>
         <div className="text-xl font-bold">
           {talk.speakers.map((s) => s.name).join(', ')}
         </div>
diff --git a/src/components/PageHeader.tsx b/src/components/PageHeader.tsx
index 5d88dc4..1b167b0 100644
--- a/src/components/PageHeader.tsx
+++ b/src/components/PageHeader.tsx
@@ -19,7 +19,7 @@ export default function Header({ view }: Props) {
   }
   return (
     <div className="flex flex-row items-center h-[180px] text-white font-din-2014 font-bold">
-      <div className="basis-1/3 ">
+      <div className="pl-30 basis-3/12 ">
         <div className="text-base  text-center opacity-75 font-ryo-gothic-plusn">
           トラック
         </div>
@@ -27,7 +27,16 @@ export default function Header({ view }: Props) {
           {view.selectedTrack.name}
         </div>
       </div>
-      <div className="basis-1/3">
+
+      <div className=" basis-2/12 ">
+        <div className="text-base  text-left opacity-75 font-ryo-gothic-plusn">
+          ハッシュタグ
+        </div>
+        <div className="text-2xl text-left font-din-2014">
+          {config.eventAbbr.toUpperCase()}_{view.selectedTrack.name}
+        </div>
+      </div>
+      <div className="basis-1/4">
         <div className="text-lg text-center font-din-2014 opacity-75">
           {config.eventAbbr.toUpperCase()}
         </div>
@@ -41,7 +50,7 @@ export default function Header({ view }: Props) {
         </div>
       </div>
       <div className="basis-1/4 pr-4">
-        <div className="text-lg text-left font-light">
+        <div className="text-lg text-left">
           {getTimeStr(talk.startTime)} - {getTimeStr(talk.endTime)}
         </div>
         <div className="text-base text-left mt-2 font-ryo-gothic-plusn ">