Merge pull request #3 from coderdojo-japan/add-news-section

add: ティザーサイトにニュースセクションを追加

Author: takusandayooo

index.html

@@ -109,6 +109,26 @@
         padding-top: 1em;
         padding-bottom: 1em;
       }
+
+      .news-section {
+        background: #f3f8fd;
+        border-left: 6px solid #2275ca;
+        margin: 2em auto 2em auto;
+        padding: 1.5em 1em;
+        max-width: 700px;
+        font-size: min(22px, 2.7vw);
+        text-align: left;
+      }
+
+      .news-section h2 {
+        margin-top: 0;
+        font-size: 1.2em;
+        color: #2275ca;
+      }
+
+      .news-section ul {
+        padding-left: 1.2em;
+      }
     </style>
   </head>
 
@@ -123,6 +143,18 @@
       <div style="margin-top: 0.5em;">【開催場所 福岡県久留米市 久留米シティプラザ】</div>
       <div style="margin-top: 0.5em;" class="cursor">SAVE THE DATE</div>
 
+      <section class="news-section">
+        <h2>ニュース</h2>
+        <ul>
+          <li>
+            <strong>『DojoCon Japan 2025 プログラミングコンテスト』の開催が決定しました！</strong><br>
+            ニンジャの皆さんの作品を広く募集します。ViscuitやScratchなどのプログラミング作品や電子工作、またデジタルアートなどもOK。<br>
+            優秀作品はDojoCon Japan 2025当日に会場で発表することができます。<br>
+            詳しくは続報をお待ちください。
+          </li>
+        </ul>
+      </section>
+
       <section class="contact px-1em py-1em" style="margin-top: 2em;">
         <p class="my-0"><strong>CONTACT</strong></p>
         <h2 class="my-0">お問い合わせ</h2>