Merge pull request #55 from coderdojo-japan/add-registration

参加登録を追加

Author: kp54

_includes/header.html

@@ -6,22 +6,27 @@ <h1 class="xl:block hidden mx-auto max-w-lg pt-5 px-8">
 
 <div class="fixed xl:hidden left-0 top-7 z-10 flex w-screen min-h-18 justify-center">
   <div
-    class="flex flex-col h-full w-[calc(100%-60px)] items-stretch rounded-[10px] bg-[#f5f5f5] px-5 py-3 shadow-[7px_7px_10px_rgba(125,125,125,0.15)] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)]">
+    class="flex flex-col h-full w-[calc(100%-60px)] items-stretch rounded-[10px] bg-[#f5f5f5] py-3 pl-4 pr-3 shadow-[7px_7px_10px_rgba(125,125,125,0.15)] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)]">
     <div class="flex items-center justify-between gap-2">
       <a href="/" class="flex h-full items-center">
         <img src="/img/common/header-logo.webp" class="w-full max-w-[250px] max-h-full"
           alt="DojoCon Japan 2025 Inspire Next." />
       </a>
-      <button id="menu-btn" type="button" aria-label="メニューを開く"
-        class="flex p-2 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer">
-        <i class="fa-solid fa-bars"></i>
-      </button>
+      <div class="flex items-cetner gap-x-2 shrink-0">
+        <a href="/registration/" class="px-3 py-2 rounded-sm text-center bg-[#cc8f2e] text-[#f5f5f5] justify-center">
+          参加申込
+        </a>
+        <button id="menu-btn" type="button" aria-label="メニューを開く"
+          class="flex p-2 size-10 shrink-0 flex-col items-center justify-center rounded border border-gray-300 bg-white cursor-pointer">
+          <i class="fa-solid fa-bars"></i>
+        </button>
+      </div>
     </div>
     <nav id="menu-nav" class="hidden my-2 flex-col items-stretch transition-all duration-300">
       <ul
         class="flex flex-col min-h-20 items-stretch gap-2 *:px-6 *:text-center *:text-[20px] *:leading-[1.75] *:text-[#cc8f2e] [&_a]:block">
-        <li><a href="#outline">開催概要</a></li>
-        <li><a href="#session">セッション</a></li>
+        <li><a href="/#outline">開催概要</a></li>
+        <li><a href="/#session">セッション</a></li>
         <li><a href="/events/">企画</a></li>
         <li><a href="/contests/">コンテスト</a></li>
         <li><a href="https://suzuri.jp/DojoConJapan" target="_blank">グッズ</a></li>

_includes/navbar.html

@@ -1,7 +1,7 @@
 <div class="hidden xl:block sticky mx-4 top-4 z-10">
   <nav
-    class="rounded-[40px] w-fit mx-auto bg-[#f5f5f5] mt-8 inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] shadow-[7px_7px_10px_rgba(125,125,125,0.15)]">
-    <ul class="flex flex-wrap min-h-20 items-center p-5 justify-center divide-x-2 gap-y-2 *:text-[#cc8f2e] *:px-6">
+    class="rounded-[40px] w-fit mx-auto bg-[#f5f5f5] mt-8 inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] shadow-[7px_7px_10px_rgba(125,125,125,0.15)] flex items-stretch">
+    <ul class="flex flex-wrap min-h-20 items-center p-5 pr-0 justify-center divide-x-2 gap-y-2 *:text-[#cc8f2e] *:px-6">
       <li><a href="/#outline">開催概要</a></li>
       <li><a href="/#session">セッション</a></li>
       <li><a href="/events/">企画</a></li>
@@ -10,5 +10,8 @@
       <li><a href="/sponsorship/">スポンサー募集</a></li>
       <li><a href="{{ site.contact }}" target="_blank">お問い合わせ</a></li>
     </ul>
+    <a href="/registration/" class="text-xl px-8 py-4 rounded-r-[40px] bg-[#cc8f2e] text-[#f5f5f5] inset-shadow-[0px_-2px_10px_rgba(125,125,125,0.25)] flex items-center">
+      参加申込
+    </a>
   </nav>
 </div>

_posts/2025-08-30-registration.md

@@ -0,0 +1,57 @@
+---
+layout: post
+title: 参加受付を開始しました
+title-in-news-list: DojoCon Japan 2025 一般参加の受付を開始しました
+date: 2025-08-30T00:00:00 UTC+09:00
+categories: news
+tag: 参加受付
+permalink: /registration/
+---
+
+<p>
+  DojoCon Japan 2025 の参加受付を開始しました。<br>
+  以下の注意事項をご確認の上、 <a href="https://dojocon-japan.doorkeeper.jp/events/187904" target="_blank">DoorKeeper</a> からお申し込みください。
+</p>
+
+<h3>注意事項</h3>
+
+<p>
+  一人につき一枚のチケットが必要です。<br>
+  入場チケットには18歳以上の方のチケットと18歳以下の方の同伴者チケット1～4の全5種類があります。
+</p>
+
+<ul class="mt-4 leading-6">
+  <li>
+    ひとりで参加される方は入場チケットのみをお申し込みください。
+  </li>
+
+  <li>
+    18歳未満の同伴者と一緒に参加される方は、入場チケットと同伴者チケットを必要枚数分お申し込みください。<br>
+    乳幼児につきましても全員分のチケットが必要です。
+  </li>
+
+  <li>
+    同伴者が5人以上の場合は、別アカウントにて再度お申込みください。
+  </li>
+</ul>
+
+<h4>例: 保護者1名 子ども2名 で参加される場合</h4>
+
+<p>
+  以下のように、3枚のチケットの申し込みが必要です。
+</p>
+
+<table class="leading-6 border-separate border-spacing-x-1 sm:border-spacing-x-4">
+  <tr>
+    <td>保護者</td>
+    <td>入場チケットを1枚</td>
+  </tr>
+  <tr>
+    <td>子ども一人目</td>
+    <td>同伴者チケット1を1枚</td>
+  </tr>
+  <tr>
+    <td>子ども二人目</td>
+    <td>同伴者チケット2を1枚</td>
+  </tr>
+</table>

_posts/2025-08-30-staff.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title: 当日スタッフ募集
-title-in-news-list: DojoCon Japan 2025の当日スタッフを募集します
+title-in-news-list: DojoCon Japan 2025 の当日スタッフを募集します
 date: 2025-08-30T00:00:00 UTC+09:00
 categories: news
 tags: 当日スタッフ