応募方法を追加

progedu · Jul 18, 2024 · f32d4e2 · f32d4e2
1 parent 6f37206
commit f32d4e2
Show file tree

Hide file tree

Showing 3 changed files with 89 additions and 7 deletions.
diff --git a/2024/summer/entry/assets/css/style.css b/2024/summer/entry/assets/css/style.css
@@ -447,9 +447,12 @@ main .attention h3{
 .apology {
   font-family: "M PLUS Rounded 1c", sans-serif;
   padding: 10px;
-  background: #666;
   color: white;
   font-size: 1.5vw;
+  background: rgb(154, 154, 154);
+  background-image: linear-gradient(45deg, rgb(139, 139, 139) 25%, transparent 25%, transparent 75%, rgb(139, 139, 139) 75%), linear-gradient(45deg, rgb(139, 139, 139) 25%, transparent 25%, transparent 75%, rgb(139, 139, 139) 75%);
+  background-size: 80px 80px;
+  background-position: 0 0, 40px 40px;
 }
 
 .apology > div {
@@ -468,13 +471,13 @@ main .attention h3{
 
 .apology strong {
   font-size: 1.4rem;
-  color: rgb(232, 126, 126);
+  color: rgb(223, 99, 99);
   text-decoration: underline;
 }
 
 .apology .message {
   width: 90%;
-  background-color: #333;
+  background-color: #232323;
   margin: 2rem auto;
   padding: 2rem;
   border-radius: 2rem;
@@ -489,6 +492,55 @@ main .attention h3{
   }
 }
 
+.oubo {
+  background: rgb(251, 223, 211);
+  background-image: linear-gradient(45deg, rgb(255, 208, 190) 25%, transparent 25%, transparent 75%, rgb(255, 208, 190) 75%), linear-gradient(45deg, rgb(255, 208, 190) 25%, transparent 25%, transparent 75%, rgb(255, 208, 190) 75%);
+  background-size: 80px 80px;
+  background-position: 0 0, 40px 40px;
+}
+
+.oubo > .title {
+  padding: 3rem 0;
+}
+
+.oubo h2 {
+  font-family: "M PLUS Rounded 1c", sans-serif;
+  color: rgb(255 255 255);
+  font-size: 3vw;
+  background: #b55050;
+  display: inline;
+  padding: 10px 50px;
+  border-radius: 10px;
+}
+
+.oubo strong {
+  font-size: 1.4rem;
+  color: rgb(223, 99, 99);
+  text-decoration: underline;
+}
+
+.oubo .message {
+  width: 90%;
+  background-color: #232323;
+  margin: 2rem auto;
+  padding: 2rem;
+  border-radius: 2rem;
+}
+
+.oubo img {
+  width: 95%;
+  border: 1px solid #333;
+}
+
+.oubo .description {
+  width: 95%;
+  margin-left: 2%;
+  background: #fabc75ad;
+  padding: 1rem;
+  border-radius: 1rem;
+  font-weight: 600;
+}
+
 .award {
   padding: 10px;
   background: url(../img/fireworks_study.png) left top no-repeat;

diff --git a/2024/summer/entry/assets/img/slack.png b/2024/summer/entry/assets/img/slack.png
diff --git a/2024/summer/entry/index_fr3tu430ere.html b/2024/summer/entry/index_fr3tu430ere.html
@@ -101,10 +101,10 @@ <h3 class="w-[80%] mx-auto">N・S高校生、N中等部生ならびにN予備校
     <div class="apology p-2">
       <div class="text-center"><h2>注意点</h2></div>
       <div class="message">
-        今回のコンテストは、諸般の事情により <strong>応募者の氏名・住所等の個人情報を取得しない形での開催</strong> といたします。<br>
+        今回のコンテストは、諸般の事情により <strong>株式会社ドワンゴが応募者の氏名・住所等の個人情報を取得しない形での開催</strong> といたします。<br>
         <br>
-        そのため <strong>「応募者住所への賞状・賞品・記念品の送付」は今回に限り中止</strong> とさせていただきます。<br>
-        (賞状は、SlackにてPDF形式でのお渡しとなります)
+        そのため、　<strong>N予備校部門の、応募者住所への賞状・賞品・記念品の送付は、今回に限り中止</strong> とさせていただきます。<br>
+        (賞状は、SlackにてPDF形式でのお渡しとなります。)<br>
         <br>
         ご理解・ご了承のうえ、ご応募のほどよろしくお願いいたします。
       </div>
@@ -196,7 +196,37 @@ <h3 class="w-[80%] mx-auto">N・S高校生、N中等部生ならびにN予備校
           </dd>
         </dl>
       </div>
-      <a href="" class="entry_button" target="_blank">応募はこちらから</a>
+    </div>
+    <div class="oubo">
+      <div class="text-center title"><h2>応募方法</h2></div>
+      <div class="row pb-5">
+        <div class="col-md-6 text-center">
+          <img src="assets/img/slack.png">
+        </div>
+        <div class="col-md-6">
+          <div class="description">
+            コンテスト用のSlackチャンネルに投稿することで、応募が完了します。<br>
+            <br>
+            【N予備校部門】<br>
+            progedu の Slack に投稿してください。<br>
+            ※ progedu の Slack には<a href="https://join.slack.com/t/progedu/shared_invite/zt-2n55f3nxd-Kckfa_sbjYiX_2sj13GmEg" target="_blank">こちら</a>から参加できます。<br><br>
+            【角川ドワンゴ学園部門】<br>
+            所属している学校の Slack に投稿してください。<br>
+            ※ 賞品・記念品の発送のため、<a href="https://docs.google.com/forms/d/e/1FAIpQLSemwj0TaNuxZwXlpeNfyvJPCCZCg7T9dwp9HVUDDwgzJ4sLAg/viewform?usp=sf_link" target="_blank">学園の応募フォーム</a>にも回答をお願いいたします。<br>
+            <br>
+            【投稿内容】<br>
+            投稿サンプルを参考に、Slackの「 #2024_動くWebページコンテスト夏 」チャンネルに以下の項目を記入のうえ、投稿してください。<br><br>
+            <ul>
+              <li>作品名</li>
+              <li>作品の説明</li>
+              <li>頑張ったところ</li>
+              <li>作品のURL</li>
+              <li>ソースコードURL</li>
+              <li>作品紹介の画像URL</li>
+            </ul>
+          </div>
+        </div>
+      </div>
     </div>
     <div class="assessment p-3">
       <div class="text-center"><h2>評価項目</h2></div>