feat: イベントを追加

Author: Saku0512

css/event.css

@@ -462,6 +462,10 @@ main a {
 main a:hover {
   text-decoration: underline;
 }
+main .time-table {
+  margin: auto;
+  margin-top: 1rem;
+}
 
 @media (max-width: 600px) {
   img.poster-image {

css/scss/event.scss

@@ -80,6 +80,10 @@ main {
             text-decoration: underline;
         }
     }
+    .time-table {
+        margin: auto;
+        margin-top: 1rem;
+    }
 }
 
 @media (max-width: variables.$breakpoint-phone) {

images/time-table.png

@@ -35,60 +35,90 @@
                 <div class="event">
                     <p class="event-title">松本紀生さん特別企画</p>
                     <div class="description">
-                        <p>二日目：10月26日(日)13:30から第一体育館で開催!</p>
+                        <p>二日目: 10月26日(日)13:30から第一体育館で開催!</p>
                         <p>写真家の松本紀生さんが高専祭にやってくる!</p>
                         <a href="./event/guest.php" class="detail">詳細はこちら</a>
                     </div>
                 </div>
                 <div class="event">
                     <p class="event-title">ゲーム大会</p>
                     <div class="description">
-                        <p>会場：第一体育館</p>
+                        <p>会場: 第一体育館</p>
+                        <p>日程: 10月25日（土）11:00-13:00</p>
                     </div>
                 </div>
                 <div class="event">
                     <p class="event-title">カラオケ</p>
                     <div class="description">
-                        <p>会場：屋外ステージ</p>
-                        <p>雨天時：第一体育館</p>
+                        <p>会場: 屋外ステージ</p>
+                        <p>雨天時: 第一体育館</p>
                     </div>
                 </div>
                 <div class="event">
                     <p class="event-title">コスプレ大会</p>
                     <div class="description">
-                        <p>会場：屋外ステージ</p>
-                        <p>雨天時：第一体育館</p>
+                        <p>会場: 屋外ステージ</p>
+                        <p>雨天時: 第一体育館</p>
+                        <p>日程: 10月25日（土）14:00-15:30</p>
                     </div>
                 </div>
                 <div class="event">
-                    <p class="event-title">カードゲーム大会</p>
+                    <p class="event-title">遊戯王大会</p>
                     <div class="description">
-                        <p>会場：AL-B（8-303）</p>
+                        <p>会場: AL-B（8-303）</p>
+                        <p>日程: 10月25日（土）9:00-16:00</p>
+                    </div>
+                </div>
+                <div classe="event">
+                    <p class="event-title">デュエマ大会</p>
+                    <div class="description">
+                        <p>会場: AL-B（8-303）</p>
+                        <p>日程: 10月25日（土）9:00-16:00</p>
                     </div>
                 </div>
             </div>
             <div class="border"></div>
             <p class="title">ミニイベント</p>
             <div class="events">
                 <div class="event">
-                    <p class="event-title">高専クイズ</p>
+                    <p class="event-title">気配切り</p>
                     <div class="description">
-                        <p>会場：受付</p>
+                        <p>会場: グラウンド</p>
+                        <p>日程: 10月25日（土）9:00-16:00</p>
                     </div>
                 </div>
+            </div>
+            <div class="border"></div>
+            <p class="title">常時開催イベント</p>
+            <div class="events">
                 <div class="event">
-                    <p class="event-title">気配切り</p>
+                    <p class="event-title">松本紀生写真展</p>
                     <div class="description">
-                        <p>会場：グラウンド</p>
+                        <p>会場: 武道場</p>
+                    </div>
+                </div>
+                <div class="event">
+                    <p class="event-title">free カラオケ</p>
+                    <div class="event-title">
+                        <p>会場: 屋外ステージ</p>
                     </div>
                 </div>
                 <div class="event">
                     <p class="event-title">スタンプラリー</p>
                     <div class="description">
-                        <p>会場：受付</p>
+                        <p>会場: 校内and受付</p>
+                    </div>
+                </div>
+                <div class="event">
+                    <p class="event-title">高専クイズ</p>
+                    <div class="description">
+                        <p>会場: 校内and受付</p>
                     </div>
                 </div>
             </div>
+            <div class="border"></div>
+            <p class="title">タイムテーブル</p>
+            <img class="time-table" src="../images/time-table.png" alt="タイムテーブル">
         </main>
     </div>
     <?php include './includes/footer.php'; ?>