From 49d2fc5fa8c4133376e13990b3a7b086b5fbca26 Mon Sep 17 00:00:00 2001
From: tomoyahiroe <tomoya4creative@gmail.com>
Date: Fri, 27 Oct 2023 23:03:57 +0900
Subject: [PATCH 1/8] =?UTF-8?q?:sparkles:=20=E3=82=BF=E3=82=A4=E3=83=A0?=
 =?UTF-8?q?=E3=82=B9=E3=82=B1=E3=82=B8=E3=83=A5=E3=83=BC=E3=83=AB=E3=83=9A?=
 =?UTF-8?q?=E3=83=BC=E3=82=B8=E3=81=AE=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SelectButton.vue   |  20 +
 pages/time-schedule/index.vue | 674 ++++++++++++++++++++++++++++++++++
 2 files changed, 694 insertions(+)
 create mode 100644 components/SelectButton.vue
 create mode 100644 pages/time-schedule/index.vue

diff --git a/components/SelectButton.vue b/components/SelectButton.vue
new file mode 100644
index 0000000..de333d0
--- /dev/null
+++ b/components/SelectButton.vue
@@ -0,0 +1,20 @@
+<script lang="ts" setup>
+const props = defineProps({
+  value: {
+    type: String,
+    required: true,
+  },
+  selected: {
+    type: Boolean,
+    required: true,
+  },
+});
+</script>
+
+<template>
+  <button class="select-button" :class="{ selected: props.selected }">
+    {{ props.value }}
+  </button>
+</template>
+
+<style scoped></style>
diff --git a/pages/time-schedule/index.vue b/pages/time-schedule/index.vue
new file mode 100644
index 0000000..7f8b56d
--- /dev/null
+++ b/pages/time-schedule/index.vue
@@ -0,0 +1,674 @@
+<script lang="ts" setup>
+useHead({
+  title: "清陵祭 - タイムスケジュール",
+  meta: [
+    {
+      name: "description",
+      content: "特別な場所で行われる企画の日時はこちらからご確認いただけます。",
+    },
+  ],
+});
+const placeId = ref(1);
+const changePlace = (id: number) => {
+  placeId.value = id;
+};
+</script>
+
+<template>
+  <div>
+    <PageTitle title="タイムスケジュール" class="section-title" />
+    <p
+      style="
+        margin: 0 auto;
+        width: fit-content;
+        max-width: 96vw;
+        margin-top: 1rem;
+      "
+    >
+      タイムスケジュールを表示する場所を選択してください
+    </p>
+
+    <!-- 表示する場所を変更するボタンのラッパー -->
+    <div class="button-wrapper">
+      <SelectButton
+        class="select-button"
+        value="野外音楽堂"
+        :selected="placeId == 1"
+        @click="changePlace(1)"
+      />
+      <SelectButton
+        class="select-button"
+        value="中央図書館1階メディアホール"
+        :selected="placeId == 2"
+        @click="changePlace(2)"
+      />
+      <SelectButton
+        class="select-button"
+        value="経営学部2号館109教室"
+        :selected="placeId == 3"
+        @click="changePlace(3)"
+      />
+      <SelectButton
+        class="select-button"
+        value="教育6号館と7号館の間"
+        :selected="placeId == 4"
+        @click="changePlace(4)"
+      />
+      <SelectButton
+        class="select-button"
+        value="学生センター前ウッドデッキ"
+        :selected="placeId == 5"
+        @click="changePlace(5)"
+      />
+      <SelectButton
+        class="select-button"
+        value="多目的グラウンド"
+        :selected="placeId == 6"
+        @click="changePlace(6)"
+      />
+      <SelectButton
+        class="select-button"
+        value="大学会館4階 ホール"
+        :selected="placeId == 7"
+        @click="changePlace(7)"
+      />
+    </div>
+
+    <!-- タイムスケジュール -->
+    <div class="time-table-wrapper">
+      <!-- 1. 野外音楽堂 -->
+      <div v-show="placeId == 1" class="time-table">
+        <SponsorsListTitle text="野外音楽堂" style="width: fit-content" />
+        <h2 class="day-1">11/3 fri.</h2>
+
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">17 : 00</span>
+          <div class="item-text">
+            <h2 class="item-title">
+              Mr & Ms YNU Contest 2023
+              <span class="item-subtitle"></span>
+            </h2>
+            <p class="item-description">
+              「螺旋-RASEN-」というテーマで、4ヶ月間活動してきた10名のファイナリスト。このステージで10名の集大成をご覧ください。
+            </p>
+            <p class="item-warning">
+              ※ 雨天時: 経営学部2号館109教室特設ステージにて開催
+            </p>
+          </div>
+
+          <span class="item-end-time">18 : 50</span>
+        </div>
+
+        <div class="duration-box"></div>
+        <h2 class="day-2">11/4 sat.</h2>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">17 : 45</span>
+          <div class="item-text">
+            <h2 class="item-title">
+              花火大会〜未来〜 & ROCK IN TOKIWA FES.2023
+            </h2>
+            <p class="item-description">
+              夜空を華々しく飾る花火と、横国生バンドによる野外フェス！
+              秋に咲く花火を眺めた後は、夜の野音で盛り上がろう！
+            </p>
+            <p class="item-warning">※ 雨天時: 中止</p>
+          </div>
+
+          <span class="item-end-time">20 : 00</span>
+        </div>
+        <div class="duration-box"></div>
+        <h2 class="day-2">11/5 sun.</h2>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">12 : 30</span>
+          <div class="item-text">
+            <h2 class="item-title">Grand &#9733; Finale</h2>
+            <p class="item-description">
+              来場者参加型クイズ企画！ミスミスターファイナリストも登場します！豪華景品獲得を目指して参加してくださいね！
+            </p>
+            <p class="item-warning">
+              ※ 雨天時: 経営学部2号館109教室特設ステージにて開催
+            </p>
+          </div>
+
+          <span class="item-end-time">14 : 10</span>
+        </div>
+        <div class="duration-box"></div>
+      </div>
+
+      <!-- 2. 中央図書館1階メディアホール -->
+      <div v-show="placeId == 2" class="time-table">
+        <SponsorsListTitle
+          text="中央図書館1階メディアホール"
+          style="width: fit-content"
+        />
+        <h2 class="day-1">11/3 fri.</h2>
+
+        <div class="duration-box"></div>
+
+        <h2 class="day-2">11/4 sat.</h2>
+        <div class="duration-box"></div>
+        <h2 class="day-1">11/5 sun.</h2>
+
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">10 : 30</span>
+          <div class="item-text">
+            <h2 class="item-title">カラオケバトル in 横国</h2>
+            <p class="item-description">
+              横国生のカラオケ王者を決定するのど自慢企画！あなたの歌声が1位に輝くかも!?飛び入り参加も受付中！
+            </p>
+            <p class="item-warning"></p>
+          </div>
+
+          <span class="item-end-time">12 : 30</span>
+        </div>
+        <div class="duration-box"></div>
+      </div>
+
+      <!-- 3. 経営学部2号館109教室 -->
+      <div v-show="placeId == 3" class="time-table">
+        <SponsorsListTitle
+          text="経営学部2号館109教室"
+          style="width: fit-content"
+        />
+        <h2 class="day-1">11/3 fri.</h2>
+
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">14 : 10 (開場13 : 25〜)</span>
+          <div class="item-text">
+            <h2 class="item-title">
+              東京ホテイソン降臨！横浜ナショナルクラッシュ!!
+            </h2>
+            <p class="item-description">
+              なか卯でお笑いの話をするボケ・ショーゴさんと旅行に行った2日後に破局したツッコミ・たけるさんからなる超人気お笑いコンビ
+              東京ホテイソンが横浜に降臨!!<br />抱腹絶倒の70分を見逃すな!!
+            </p>
+            <p class="item-warning"></p>
+          </div>
+
+          <span class="item-end-time">15 : 20</span>
+        </div>
+        <div class="duration-box"></div>
+        <h2 class="day-2">11/4 sat.</h2>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">14 : 00 (開場13 : 15〜)</span>
+          <div class="item-text">
+            <h2 class="item-title">声優トークライブ in YNU 2023</h2>
+            <p class="item-description">
+              大人気声優の「梶裕貴」、「岡本信彦」が横国に登場！共演作も多く、プライベートでも仲が良いふたりはどんなトークを繰り広げる...!?<br />さらにオリジナルサイン色紙が当たる抽選会も!?
+            </p>
+            <p class="item-warning">
+              ※ライブビューイング会場が「経営学部1号館106教室」と「中央図書館メディアホール」にございます。
+            </p>
+          </div>
+
+          <span class="item-end-time">15 : 15</span>
+        </div>
+        <div class="duration-box"></div>
+        <h2 class="day-1">11/5 sun.</h2>
+
+        <div class="duration-box"></div>
+      </div>
+
+      <!-- 4. 教育6号館と7号館の間 -->
+      <div v-show="placeId == 4" class="time-table">
+        <SponsorsListTitle
+          text="教育6号館と7号館の間"
+          style="width: fit-content"
+        />
+        <h2 class="day-1">11/3 fri.</h2>
+
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">15 : 50</span>
+          <div class="item-text">
+            <h2 class="item-title">R3ude A & Liz B</h2>
+            <p class="item-description">
+              様々な魅力を纏ったダンスをお見逃しなく！
+            </p>
+            <p class="item-warning">
+              ※雨天時: 中止<br />※盗撮防止のため、許可証をお持ちの方を除き、公演前、公演中ともに撮影を禁止とさせていただきます。
+            </p>
+          </div>
+
+          <span class="item-end-time">18 : 30</span>
+        </div>
+        <div class="duration-box"></div>
+
+        <h2 class="day-2">11/4 sat.</h2>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">10 : 00</span>
+          <div class="item-text">
+            <h2 class="item-title">BaySound Jazz Orchestra B</h2>
+            <p class="item-description">
+              ビッグバンドによるジャズ演奏。秋空の下、アツいJazzの演奏はいかがですか...？
+            </p>
+            <p class="item-warning">
+              ※雨天時: 教室内での公演に変更となる場合があります。
+            </p>
+          </div>
+
+          <span class="item-end-time">10 : 45</span>
+        </div>
+        <div class="duration-box"></div>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">12 : 00</span>
+          <div class="item-text">
+            <h2 class="item-title">R3ude A & Liz B</h2>
+            <p class="item-description">
+              様々な魅力を纏ったダンスをお見逃しなく！
+            </p>
+            <p class="item-warning">
+              ※雨天時: 中止<br />※盗撮防止のため、許可証をお持ちの方を除き、公演前、公演中ともに撮影を禁止とさせていただきます。
+            </p>
+          </div>
+
+          <span class="item-end-time">14 : 30</span>
+        </div>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">15 : 50</span>
+          <div class="item-text">
+            <h2 class="item-title">R3ude A & Liz B</h2>
+            <p class="item-description">
+              様々な魅力を纏ったダンスをお見逃しなく！
+            </p>
+            <p class="item-warning">
+              ※雨天時: 中止<br />※盗撮防止のため、許可証をお持ちの方を除き、公演前、公演中ともに撮影を禁止とさせていただきます。
+            </p>
+          </div>
+
+          <span class="item-end-time">18 : 30</span>
+        </div>
+        <div class="duration-box"></div>
+        <h2 class="day-2">11/5 sun.</h2>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">10 : 00</span>
+          <div class="item-text">
+            <h2 class="item-title">BaySound Jazz Orchestra B</h2>
+            <p class="item-description">
+              ビッグバンドによるジャズ演奏。秋空の下、アツいJazzの演奏はいかがですか...？
+            </p>
+            <p class="item-warning">
+              ※雨天時: 教室内での公演に変更となる場合があります。
+            </p>
+          </div>
+
+          <span class="item-end-time">10 : 45</span>
+        </div>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">11: 30</span>
+          <div class="item-text">
+            <h2 class="item-title">
+              あの日ノスタルジアゲリラライブ
+              <span class="item-subtitle">by 横国アイドル研究会</span>
+            </h2>
+
+            <p class="item-description">
+              J-POPアイドルのコピーダンスを行います！
+            </p>
+            <p class="item-warning">
+              ※雨天時: 中止<br />
+              ※盗撮防止のため、許可証をお持ちの方を除き、公演前、公演中ともに撮影を禁止とさせていただきます。
+            </p>
+          </div>
+
+          <span class="item-end-time">11: 50</span>
+        </div>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">12: 30</span>
+          <div class="item-text">
+            <h2 class="item-title">R3ude A & Liz B</h2>
+            <p class="item-description">
+              様々な魅力を纏ったダンスをお見逃しなく！
+            </p>
+            <p class="item-warning">※雨天時: 中止</p>
+          </div>
+
+          <span class="item-end-time">15: 00</span>
+        </div>
+        <div class="duration-box"></div>
+      </div>
+
+      <!-- 5. 学生センター前のウッドデッキ -->
+      <div v-show="placeId == 5" class="time-table">
+        <SponsorsListTitle
+          text="学生センター前のウッドデッキ"
+          style="width: fit-content"
+        />
+        <h2 class="day-1">11/3 fri.</h2>
+        <div class="duration-box"></div>
+        <h2 class="day-2">11/4 sat.</h2>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">14 : 30</span>
+          <div class="item-text">
+            <h2 class="item-title">
+              アカペラストリートライブ
+              <span class="item-subtitle">by Stairways</span>
+            </h2>
+            <p class="item-description">
+              図書館前ウッドデッキにてアカペラストリートライブを行います！
+            </p>
+            <p class="item-warning">
+              ※雨天時: 教室内での公演に変更となる場合があります。
+            </p>
+          </div>
+
+          <span class="item-end-time">17 : 00</span>
+        </div>
+        <div class="duration-box"></div>
+        <h2 class="day-2">11/5 sun.</h2>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">12 : 00</span>
+          <div class="item-text">
+            <h2 class="item-title">
+              アカペラストリートライブ
+              <span class="item-subtitle">by Stairways</span>
+            </h2>
+            <p class="item-description">
+              図書館前ウッドデッキにてアカペラストリートライブを行います！
+            </p>
+            <p class="item-warning">
+              ※雨天時: 教室内での公演に変更となる場合があります。
+            </p>
+          </div>
+          <span class="item-end-time">13 : 30</span>
+        </div>
+        <div class="duration-box"></div>
+      </div>
+
+      <!-- 6. 多目的グラウンド -->
+      <div v-show="placeId == 6" class="time-table">
+        <SponsorsListTitle text="多目的グラウンド" style="width: fit-content" />
+        <h2 class="day-1">11/3 fri.</h2>
+
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">13 : 00</span>
+          <div class="item-text">
+            <h2 class="item-title">
+              ソフトボール大会
+              <span class="item-subtitle">by ペルソナーズ</span>
+            </h2>
+            <p class="item-description">
+              多種多様な団体によるハイレベルなソフトボールが見られます⚾️
+            </p>
+          </div>
+
+          <span class="item-end-time">16 : 00</span>
+        </div>
+        <div class="duration-box"></div>
+        <h2 class="day-2">11/4 sat.</h2>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">10 : 00</span>
+          <div class="item-text">
+            <h2 class="item-title">
+              ソフトボール大会
+              <span class="item-subtitle">by ペルソナーズ</span>
+            </h2>
+            <p class="item-description">
+              多種多様な団体によるハイレベルなソフトボールが見られます⚾️
+            </p>
+            <p class="item-warning"></p>
+          </div>
+
+          <span class="item-end-time">13 : 00</span>
+        </div>
+        <div class="duration-box"></div>
+        <h2 class="day-2">11/5 sun.</h2>
+        <div class="duration-box"></div>
+      </div>
+
+      <!-- 7. 大学会館4階ホール -->
+      <div v-show="placeId == 7" class="time-table">
+        <SponsorsListTitle
+          text="大学会館4階ホール"
+          style="width: fit-content"
+        />
+        <h2 class="day-1">11/3 fri.</h2>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">14 : 15</span>
+          <div class="item-text">
+            <h2 class="item-title">ライブハウス from 1</h2>
+            <p class="item-description">
+              ステージ演出にも拘ったバンド演奏をします。是非来て下さい！
+            </p>
+          </div>
+          <span class="item-end-time">16 : 45</span>
+        </div>
+        <div class="duration-box"></div>
+        <h2 class="day-2">11/4 sat.</h2>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">14 : 00 (開場13 : 30〜)</span>
+          <div class="item-text">
+            <h2 class="item-title">
+              常盤祭コンサート
+              <span class="item-subtitle">by 横浜国立大学吹奏楽団</span>
+            </h2>
+            <p class="item-description">
+              吹奏楽曲からポップス曲までさまざまな曲を お届けします♪
+            </p>
+            <p class="item-warning"></p>
+          </div>
+          <span class="item-end-time">15 : 00</span>
+        </div>
+        <div class="duration-box"></div>
+        <h2 class="day-1">11/5 sun.</h2>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">11 : 00 (開場10 : 30〜)</span>
+          <div class="item-text">
+            <h2 class="item-title">オーケストラ・アラモード</h2>
+            <p class="item-description">
+              一度は聞いたことがある様々な名曲を数多く楽しんでいただけます！
+            </p>
+            <p class="item-warning"></p>
+          </div>
+          <span class="item-end-time">12 : 00</span>
+        </div>
+        <div class="duration-box"></div>
+        <div class="time-table-item">
+          <span class="item-start-time">14 : 00 (開場13 : 30〜)</span>
+          <div class="item-text">
+            <h2 class="item-title">オーケストラ・アラモード</h2>
+            <p class="item-description">
+              一度は聞いたことがある様々な名曲を数多く楽しんでいただけます！
+            </p>
+            <p class="item-warning"></p>
+          </div>
+          <span class="item-end-time">15 : 00</span>
+        </div>
+        <div class="duration-box"></div>
+      </div>
+    </div>
+
+    <!-- 表示する場所を変更するボタンのラッパー -->
+    <div class="button-wrapper">
+      <SelectButton
+        class="select-button"
+        value="野外音楽堂"
+        :selected="placeId == 1"
+        @click="changePlace(1)"
+      />
+      <SelectButton
+        class="select-button"
+        value="中央図書館1階メディアホール"
+        :selected="placeId == 2"
+        @click="changePlace(2)"
+      />
+      <SelectButton
+        class="select-button"
+        value="経営学部2号館109教室"
+        :selected="placeId == 3"
+        @click="changePlace(3)"
+      />
+      <SelectButton
+        class="select-button"
+        value="教育6号館と7号館の間"
+        :selected="placeId == 4"
+        @click="changePlace(4)"
+      />
+      <SelectButton
+        class="select-button"
+        value="学生センター前ウッドデッキ"
+        :selected="placeId == 5"
+        @click="changePlace(5)"
+      />
+      <SelectButton
+        class="select-button"
+        value="多目的グラウンド"
+        :selected="placeId == 6"
+        @click="changePlace(6)"
+      />
+      <SelectButton
+        class="select-button"
+        value="大学会館4階 ホール"
+        :selected="placeId == 7"
+        @click="changePlace(7)"
+      />
+    </div>
+    <BackToHome />
+  </div>
+</template>
+
+<style scoped lang="scss">
+* {
+  // outline: red 1px solid !important
+}
+.section-title {
+  margin: 0 auto;
+}
+.button-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  max-width: min(1024px, 96%);
+  margin: 10px auto;
+  padding: 16px 0;
+
+  .select-button {
+    color: #3b3b3b;
+    text-decoration: none;
+    background-color: transparent;
+    margin: 4px;
+    width: fit-content;
+    padding: 6px 16px;
+    border: 1px solid #3b3b3b;
+    border-radius: 16px;
+  }
+  .selected {
+    background-color: #3b3b3b;
+    color: #fff;
+  }
+}
+
+.time-table {
+  max-width: min(1024px, 96%);
+  margin: 0 auto;
+  .section-title {
+    margin-left: 0;
+    margin-bottom: 1em;
+  }
+  .frame-section {
+    margin: 40px 0;
+    width: 100%;
+    font-size: 20px;
+    text-align: center;
+    font-weight: bold;
+  }
+  .day-1,
+  .day-2 {
+    font-size: 2rem;
+  }
+  .time-table-item {
+    margin: 0 0 0 20px;
+    padding: 20px;
+    border-left: 1px solid #3b3b3b;
+    position: relative;
+
+    .item-text {
+      margin: 20px 0;
+      .item-title {
+        font-size: 1.5rem;
+        font-weight: bold;
+        .item-subtitle {
+          font-size: 1rem;
+        }
+      }
+      .item-description {
+        margin: 0;
+        font-size: 0.8rem;
+        line-height: 1.2rem;
+      }
+      .item-warning {
+        margin: 0;
+        font-size: 0.7rem;
+        line-height: 1rem;
+        color: red;
+      }
+    }
+
+    .item-start-time {
+      position: absolute;
+      top: 0;
+      left: 20px;
+      font-size: 1.2rem;
+    }
+    .item-end-time {
+      position: absolute;
+      bottom: 0;
+      left: 20px;
+      font-size: 1.2rem;
+    }
+
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: -10px;
+      width: 20px;
+      height: 20px;
+      background-color: #3b3b3b;
+      border-radius: 100%;
+    }
+    &::after {
+      content: "";
+      position: absolute;
+      bottom: 0;
+      left: -10px;
+      width: 20px;
+      height: 20px;
+      background-color: #3b3b3b;
+      border-radius: 100%;
+    }
+  }
+  .duration-box {
+    margin: 0 0 0 19px;
+    // width: 100%;
+    height: 60px;
+    border-left: 3px dashed #3b3b3b;
+  }
+}
+.back-to-home {
+  margin: 40px auto;
+}
+.sponsors-list-title {
+  height: fit-content !important;
+  margin-bottom: 2rem;
+}
+</style>

From 1557524456f2feaa6916605b4a9914947e953a28 Mon Sep 17 00:00:00 2001
From: Shion Ichikawa <shion1305@gmail.com>
Date: Mon, 30 Oct 2023 05:56:03 +0900
Subject: [PATCH 2/8] =?UTF-8?q?=F0=9F=92=AC=20=E6=B8=85=E9=99=B5=E7=A5=AD-?=
 =?UTF-8?q?>=E5=B8=B8=E7=9B=A4=E7=A5=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/time-schedule/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/time-schedule/index.vue b/pages/time-schedule/index.vue
index 7f8b56d..5defc86 100644
--- a/pages/time-schedule/index.vue
+++ b/pages/time-schedule/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 useHead({
-  title: "清陵祭 - タイムスケジュール",
+  title: "常盤祭 - タイムスケジュール",
   meta: [
     {
       name: "description",

From 29423eb7f3c7e6d2fd35590bb73c495bfc04aabf Mon Sep 17 00:00:00 2001
From: Shion Ichikawa <shion1305@gmail.com>
Date: Mon, 30 Oct 2023 05:57:05 +0900
Subject: [PATCH 3/8] =?UTF-8?q?=F0=9F=92=84=20page=E3=81=AEwrapper?=
 =?UTF-8?q?=E3=82=92=E8=A8=AD=E5=AE=9A,=20=E6=A8=AA=E5=B9=85=E3=81=AE?=
 =?UTF-8?q?=E6=9E=A0=E3=82=92=E8=A8=AD=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/time-schedule/index.vue | 82 ++++++++++++++++++++++-------------
 1 file changed, 51 insertions(+), 31 deletions(-)

diff --git a/pages/time-schedule/index.vue b/pages/time-schedule/index.vue
index 5defc86..01aa811 100644
--- a/pages/time-schedule/index.vue
+++ b/pages/time-schedule/index.vue
@@ -16,60 +16,53 @@ const changePlace = (id: number) => {
 
 <template>
   <div>
-    <PageTitle title="タイムスケジュール" class="section-title" />
-    <p
-      style="
-        margin: 0 auto;
-        width: fit-content;
-        max-width: 96vw;
-        margin-top: 1rem;
-      "
-    >
+    <PageTitle class="section-title" title="タイムスケジュール" />
+
+    <p class="select-button-description">
       タイムスケジュールを表示する場所を選択してください
     </p>
-
     <!-- 表示する場所を変更するボタンのラッパー -->
     <div class="button-wrapper">
       <SelectButton
+        :selected="placeId == 1"
         class="select-button"
         value="野外音楽堂"
-        :selected="placeId == 1"
         @click="changePlace(1)"
       />
       <SelectButton
+        :selected="placeId == 2"
         class="select-button"
         value="中央図書館1階メディアホール"
-        :selected="placeId == 2"
         @click="changePlace(2)"
       />
       <SelectButton
+        :selected="placeId == 3"
         class="select-button"
         value="経営学部2号館109教室"
-        :selected="placeId == 3"
         @click="changePlace(3)"
       />
       <SelectButton
+        :selected="placeId == 4"
         class="select-button"
         value="教育6号館と7号館の間"
-        :selected="placeId == 4"
         @click="changePlace(4)"
       />
       <SelectButton
+        :selected="placeId == 5"
         class="select-button"
         value="学生センター前ウッドデッキ"
-        :selected="placeId == 5"
         @click="changePlace(5)"
       />
       <SelectButton
+        :selected="placeId == 6"
         class="select-button"
         value="多目的グラウンド"
-        :selected="placeId == 6"
         @click="changePlace(6)"
       />
       <SelectButton
+        :selected="placeId == 7"
         class="select-button"
         value="大学会館4階 ホール"
-        :selected="placeId == 7"
         @click="changePlace(7)"
       />
     </div>
@@ -141,8 +134,8 @@ const changePlace = (id: number) => {
       <!-- 2. 中央図書館1階メディアホール -->
       <div v-show="placeId == 2" class="time-table">
         <SponsorsListTitle
-          text="中央図書館1階メディアホール"
           style="width: fit-content"
+          text="中央図書館1階メディアホール"
         />
         <h2 class="day-1">11/3 fri.</h2>
 
@@ -171,8 +164,8 @@ const changePlace = (id: number) => {
       <!-- 3. 経営学部2号館109教室 -->
       <div v-show="placeId == 3" class="time-table">
         <SponsorsListTitle
-          text="経営学部2号館109教室"
           style="width: fit-content"
+          text="経営学部2号館109教室"
         />
         <h2 class="day-1">11/3 fri.</h2>
 
@@ -218,8 +211,8 @@ const changePlace = (id: number) => {
       <!-- 4. 教育6号館と7号館の間 -->
       <div v-show="placeId == 4" class="time-table">
         <SponsorsListTitle
-          text="教育6号館と7号館の間"
           style="width: fit-content"
+          text="教育6号館と7号館の間"
         />
         <h2 class="day-1">11/3 fri.</h2>
 
@@ -343,8 +336,8 @@ const changePlace = (id: number) => {
       <!-- 5. 学生センター前のウッドデッキ -->
       <div v-show="placeId == 5" class="time-table">
         <SponsorsListTitle
-          text="学生センター前のウッドデッキ"
           style="width: fit-content"
+          text="学生センター前のウッドデッキ"
         />
         <h2 class="day-1">11/3 fri.</h2>
         <div class="duration-box"></div>
@@ -391,7 +384,7 @@ const changePlace = (id: number) => {
 
       <!-- 6. 多目的グラウンド -->
       <div v-show="placeId == 6" class="time-table">
-        <SponsorsListTitle text="多目的グラウンド" style="width: fit-content" />
+        <SponsorsListTitle style="width: fit-content" text="多目的グラウンド" />
         <h2 class="day-1">11/3 fri.</h2>
 
         <div class="duration-box"></div>
@@ -435,8 +428,8 @@ const changePlace = (id: number) => {
       <!-- 7. 大学会館4階ホール -->
       <div v-show="placeId == 7" class="time-table">
         <SponsorsListTitle
-          text="大学会館4階ホール"
           style="width: fit-content"
+          text="大学会館4階ホール"
         />
         <h2 class="day-1">11/3 fri.</h2>
         <div class="duration-box"></div>
@@ -500,45 +493,45 @@ const changePlace = (id: number) => {
     <!-- 表示する場所を変更するボタンのラッパー -->
     <div class="button-wrapper">
       <SelectButton
+        :selected="placeId == 1"
         class="select-button"
         value="野外音楽堂"
-        :selected="placeId == 1"
         @click="changePlace(1)"
       />
       <SelectButton
+        :selected="placeId == 2"
         class="select-button"
         value="中央図書館1階メディアホール"
-        :selected="placeId == 2"
         @click="changePlace(2)"
       />
       <SelectButton
+        :selected="placeId == 3"
         class="select-button"
         value="経営学部2号館109教室"
-        :selected="placeId == 3"
         @click="changePlace(3)"
       />
       <SelectButton
+        :selected="placeId == 4"
         class="select-button"
         value="教育6号館と7号館の間"
-        :selected="placeId == 4"
         @click="changePlace(4)"
       />
       <SelectButton
+        :selected="placeId == 5"
         class="select-button"
         value="学生センター前ウッドデッキ"
-        :selected="placeId == 5"
         @click="changePlace(5)"
       />
       <SelectButton
+        :selected="placeId == 6"
         class="select-button"
         value="多目的グラウンド"
-        :selected="placeId == 6"
         @click="changePlace(6)"
       />
       <SelectButton
+        :selected="placeId == 7"
         class="select-button"
         value="大学会館4階 ホール"
-        :selected="placeId == 7"
         @click="changePlace(7)"
       />
     </div>
@@ -546,13 +539,15 @@ const changePlace = (id: number) => {
   </div>
 </template>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 * {
   // outline: red 1px solid !important
 }
+
 .section-title {
   margin: 0 auto;
 }
+
 .button-wrapper {
   display: flex;
   flex-wrap: wrap;
@@ -571,6 +566,7 @@ const changePlace = (id: number) => {
     border: 1px solid #3b3b3b;
     border-radius: 16px;
   }
+
   .selected {
     background-color: #3b3b3b;
     color: #fff;
@@ -580,10 +576,12 @@ const changePlace = (id: number) => {
 .time-table {
   max-width: min(1024px, 96%);
   margin: 0 auto;
+
   .section-title {
     margin-left: 0;
     margin-bottom: 1em;
   }
+
   .frame-section {
     margin: 40px 0;
     width: 100%;
@@ -591,10 +589,12 @@ const changePlace = (id: number) => {
     text-align: center;
     font-weight: bold;
   }
+
   .day-1,
   .day-2 {
     font-size: 2rem;
   }
+
   .time-table-item {
     margin: 0 0 0 20px;
     padding: 20px;
@@ -603,18 +603,22 @@ const changePlace = (id: number) => {
 
     .item-text {
       margin: 20px 0;
+
       .item-title {
         font-size: 1.5rem;
         font-weight: bold;
+
         .item-subtitle {
           font-size: 1rem;
         }
       }
+
       .item-description {
         margin: 0;
         font-size: 0.8rem;
         line-height: 1.2rem;
       }
+
       .item-warning {
         margin: 0;
         font-size: 0.7rem;
@@ -629,6 +633,7 @@ const changePlace = (id: number) => {
       left: 20px;
       font-size: 1.2rem;
     }
+
     .item-end-time {
       position: absolute;
       bottom: 0;
@@ -646,6 +651,7 @@ const changePlace = (id: number) => {
       background-color: #3b3b3b;
       border-radius: 100%;
     }
+
     &::after {
       content: "";
       position: absolute;
@@ -657,6 +663,7 @@ const changePlace = (id: number) => {
       border-radius: 100%;
     }
   }
+
   .duration-box {
     margin: 0 0 0 19px;
     // width: 100%;
@@ -664,11 +671,24 @@ const changePlace = (id: number) => {
     border-left: 3px dashed #3b3b3b;
   }
 }
+
 .back-to-home {
   margin: 40px auto;
 }
+
 .sponsors-list-title {
   height: fit-content !important;
   margin-bottom: 2rem;
 }
+
+.time-table-wrapper {
+  margin: 0 auto;
+  max-width: min(1024px, 90vw);
+}
+
+.select-button-description {
+  width: 100%;
+  text-align: center;
+  margin-top: 2em;
+}
 </style>

From bb1444819adc93fe3fe8ded3598050de22bf726a Mon Sep 17 00:00:00 2001
From: Shion Ichikawa <shion1305@gmail.com>
Date: Mon, 30 Oct 2023 06:36:40 +0900
Subject: [PATCH 4/8] =?UTF-8?q?=F0=9F=8E=A8=20SponsorsListTitle=E3=81=AE?=
 =?UTF-8?q?=E8=83=8C=E6=99=AF=E9=85=8D=E7=BD=AE=E3=83=AD=E3=82=B8=E3=83=83?=
 =?UTF-8?q?=E3=82=AF=E3=82=92=E6=94=B9=E8=89=AF,=E7=94=BB=E5=83=8F?=
 =?UTF-8?q?=E3=81=AE=E6=9C=80=E9=81=A9=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/SponsorsListTitle.vue              |  24 ++++++++++++++----
 .../images/sponsors/sponsors-list-title.webp  | Bin 4436 -> 2522 bytes
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/components/SponsorsListTitle.vue b/components/SponsorsListTitle.vue
index 247dc77..8a76e7b 100644
--- a/components/SponsorsListTitle.vue
+++ b/components/SponsorsListTitle.vue
@@ -13,21 +13,35 @@ const props = defineProps({
   </div>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
 .sponsors-list-title {
-  background: url("/images/sponsors/sponsors-list-title.webp") no-repeat
-    left/contain;
-  width: 20em;
   height: 130px;
   text-align: center;
   display: flex;
   align-items: center;
 
   > h2 {
+    min-width: 8em;
+    width: 100%;
+    text-align: center;
+    position: relative;
     font-size: 2em;
     font-weight: bold;
-    width: 100%;
+    z-index: 10;
     color: var(--thick-font-color);
+
+    &:before {
+      z-index: -1;
+      content: "";
+      position: absolute;
+      bottom: -0.5em;
+      display: block;
+      height: 1em;
+      width: 100%;
+      background: url("/images/sponsors/sponsors-list-title.webp") no-repeat
+        center bottom / contain;
+      margin-top: 0.5em;
+    }
   }
 }
 </style>
diff --git a/public/images/sponsors/sponsors-list-title.webp b/public/images/sponsors/sponsors-list-title.webp
index 1983be3962636f9a42d15a8eb5a5e8efc3bbd494..11a202adf7357f2b6f856cabd5e60d20de7843eb 100644
GIT binary patch
literal 2522
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

literal 4436
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
a^35Y}SIKh<Kaw!E-~a#s0000000027N~mi9


From 95eeee7e08f229167b61d576dfc826d7ac4c6aa6 Mon Sep 17 00:00:00 2001
From: Shion Ichikawa <shion1305@gmail.com>
Date: Mon, 30 Oct 2023 06:44:34 +0900
Subject: [PATCH 5/8] =?UTF-8?q?=F0=9F=8E=A8=20(pages/time-schedule)=20.spo?=
 =?UTF-8?q?nsors-list-title=E3=81=AE=E4=BD=99=E7=99=BD=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E3=82=92=E6=94=B9=E8=89=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/time-schedule/index.vue | 39 ++++++++++++++---------------------
 1 file changed, 15 insertions(+), 24 deletions(-)

diff --git a/pages/time-schedule/index.vue b/pages/time-schedule/index.vue
index 01aa811..9cc45a2 100644
--- a/pages/time-schedule/index.vue
+++ b/pages/time-schedule/index.vue
@@ -71,7 +71,7 @@ const changePlace = (id: number) => {
     <div class="time-table-wrapper">
       <!-- 1. 野外音楽堂 -->
       <div v-show="placeId == 1" class="time-table">
-        <SponsorsListTitle text="野外音楽堂" style="width: fit-content" />
+        <SponsorsListTitle text="野外音楽堂" />
         <h2 class="day-1">11/3 fri.</h2>
 
         <div class="duration-box"></div>
@@ -133,10 +133,7 @@ const changePlace = (id: number) => {
 
       <!-- 2. 中央図書館1階メディアホール -->
       <div v-show="placeId == 2" class="time-table">
-        <SponsorsListTitle
-          style="width: fit-content"
-          text="中央図書館1階メディアホール"
-        />
+        <SponsorsListTitle text="中央図書館1階メディアホール" />
         <h2 class="day-1">11/3 fri.</h2>
 
         <div class="duration-box"></div>
@@ -163,10 +160,7 @@ const changePlace = (id: number) => {
 
       <!-- 3. 経営学部2号館109教室 -->
       <div v-show="placeId == 3" class="time-table">
-        <SponsorsListTitle
-          style="width: fit-content"
-          text="経営学部2号館109教室"
-        />
+        <SponsorsListTitle text="経営学部2号館109教室" />
         <h2 class="day-1">11/3 fri.</h2>
 
         <div class="duration-box"></div>
@@ -210,10 +204,7 @@ const changePlace = (id: number) => {
 
       <!-- 4. 教育6号館と7号館の間 -->
       <div v-show="placeId == 4" class="time-table">
-        <SponsorsListTitle
-          style="width: fit-content"
-          text="教育6号館と7号館の間"
-        />
+        <SponsorsListTitle text="教育6号館と7号館の間" />
         <h2 class="day-1">11/3 fri.</h2>
 
         <div class="duration-box"></div>
@@ -335,10 +326,7 @@ const changePlace = (id: number) => {
 
       <!-- 5. 学生センター前のウッドデッキ -->
       <div v-show="placeId == 5" class="time-table">
-        <SponsorsListTitle
-          style="width: fit-content"
-          text="学生センター前のウッドデッキ"
-        />
+        <SponsorsListTitle text="学生センター前のウッドデッキ" />
         <h2 class="day-1">11/3 fri.</h2>
         <div class="duration-box"></div>
         <h2 class="day-2">11/4 sat.</h2>
@@ -384,7 +372,7 @@ const changePlace = (id: number) => {
 
       <!-- 6. 多目的グラウンド -->
       <div v-show="placeId == 6" class="time-table">
-        <SponsorsListTitle style="width: fit-content" text="多目的グラウンド" />
+        <SponsorsListTitle text="多目的グラウンド" />
         <h2 class="day-1">11/3 fri.</h2>
 
         <div class="duration-box"></div>
@@ -427,10 +415,7 @@ const changePlace = (id: number) => {
 
       <!-- 7. 大学会館4階ホール -->
       <div v-show="placeId == 7" class="time-table">
-        <SponsorsListTitle
-          style="width: fit-content"
-          text="大学会館4階ホール"
-        />
+        <SponsorsListTitle text="大学会館4階ホール" />
         <h2 class="day-1">11/3 fri.</h2>
         <div class="duration-box"></div>
         <div class="time-table-item">
@@ -540,6 +525,8 @@ const changePlace = (id: number) => {
 </template>
 
 <style lang="scss" scoped>
+@import "assets/scss/_breakpoint.scss";
+
 * {
   // outline: red 1px solid !important
 }
@@ -677,8 +664,12 @@ const changePlace = (id: number) => {
 }
 
 .sponsors-list-title {
-  height: fit-content !important;
-  margin-bottom: 2rem;
+  margin-bottom: 2em;
+  font-size: 1.3em;
+  @include md {
+    font-size: 1em;
+    height: fit-content !important;
+  }
 }
 
 .time-table-wrapper {

From 1a1ace6ca09cc6da475c8072a379da2cdb898852 Mon Sep 17 00:00:00 2001
From: Shion Ichikawa <shion1305@gmail.com>
Date: Mon, 30 Oct 2023 07:06:41 +0900
Subject: [PATCH 6/8] =?UTF-8?q?=E2=9C=A8=20(pages/time-schedule)=20query?=
 =?UTF-8?q?=E3=81=ABplace=E3=83=97=E3=83=AD=E3=83=91=E3=83=86=E3=82=A3?=
 =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/time-schedule/index.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/pages/time-schedule/index.vue b/pages/time-schedule/index.vue
index 9cc45a2..17b96ab 100644
--- a/pages/time-schedule/index.vue
+++ b/pages/time-schedule/index.vue
@@ -9,7 +9,16 @@ useHead({
   ],
 });
 const placeId = ref(1);
+const route = useRoute();
+const place = Number(route.query.place);
+if (place) {
+  placeId.value = place;
+}
 const changePlace = (id: number) => {
+  useRouter().push({
+    path: "/time-schedule",
+    query: { place: String(id) },
+  });
   placeId.value = id;
 };
 </script>

From 7c8d960a423226a8909e14c26661358d5c491493 Mon Sep 17 00:00:00 2001
From: Shion Ichikawa <shion1305@gmail.com>
Date: Mon, 30 Oct 2023 07:09:31 +0900
Subject: [PATCH 7/8] =?UTF-8?q?=F0=9F=92=84=20(pages/time-schedule)=20?=
 =?UTF-8?q?=E3=83=9A=E3=83=BC=E3=82=B8=E6=A8=AA=E5=B9=85=E3=81=AE=E8=AA=BF?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/time-schedule/index.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/pages/time-schedule/index.vue b/pages/time-schedule/index.vue
index 17b96ab..3301602 100644
--- a/pages/time-schedule/index.vue
+++ b/pages/time-schedule/index.vue
@@ -683,7 +683,13 @@ const changePlace = (id: number) => {
 
 .time-table-wrapper {
   margin: 0 auto;
-  max-width: min(1024px, 90vw);
+  width: min(1024px, 80vw);
+  @include md {
+    width: 90vw;
+  }
+  @include sm {
+    width: 95vw;
+  }
 }
 
 .select-button-description {

From f016e388ffb3bf8252cd8701c7ee74a965fd85ba Mon Sep 17 00:00:00 2001
From: Shion Ichikawa <shion1305@gmail.com>
Date: Mon, 30 Oct 2023 07:12:20 +0900
Subject: [PATCH 8/8] =?UTF-8?q?=F0=9F=92=AC=20(pages/time-schedule)=20meta?=
 =?UTF-8?q?=E6=83=85=E5=A0=B1=E3=81=AE=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/time-schedule/index.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/pages/time-schedule/index.vue b/pages/time-schedule/index.vue
index 3301602..043a967 100644
--- a/pages/time-schedule/index.vue
+++ b/pages/time-schedule/index.vue
@@ -4,7 +4,8 @@ useHead({
   meta: [
     {
       name: "description",
-      content: "特別な場所で行われる企画の日時はこちらからご確認いただけます。",
+      content:
+        "野外音楽堂や中央図書館など、特別な場所で行われる企画のスケジュールはこちらからご確認いただけます。",
     },
   ],
 });