Skip to content

Commit

Permalink
途中まで
Browse files Browse the repository at this point in the history
  • Loading branch information
labeneko committed Dec 1, 2023
1 parent d677466 commit 0be8b3d
Show file tree
Hide file tree
Showing 2 changed files with 151 additions and 5 deletions.
104 changes: 103 additions & 1 deletion 2023/winter/entry/assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -404,6 +404,108 @@ main .attention h3{
padding: 0px;
}

.award {
padding: 10px;
background: rgb(93, 202, 164);
}

.award h2 {
font-weight: 700;
font-size: 1.875rem;
line-height: 2.25rem;
}

.award dl {
background-color: white;
border-radius: 10px;
padding: 0px;
}

.award dt {
border-radius: 10px 10px 0 0;
padding: 10px;
font-size: 1.3rem;
color: white;
}

.award .row {
gap: 15px;
justify-content: center;
margin-left: 2rem;
margin-right: 2rem;
}

@media (min-width: 768px) {
.award dl {
width: 32%;
}
}

.award ul {
list-style: none;
padding: 0px;
}

.award dd {
margin: 0;
border-radius: 0 0 10px 10px;
}

.award ul li {
background: #514545;
width: 90%;
margin: 10px auto;
padding: 10px;
border-radius: 5px;
color: white;
}

.award ul li.gold {
background: rgb(164 3 3);
font-weight: bold;
}

.award dl:nth-child(1) dt {
background-color: rgb(158, 133, 5);
}

.award dl:nth-child(1) dd {
background-color: rgb(255 247 210);
}

.award dl:nth-child(2) dt {
background-color: rgb(135, 135, 135);
}

.award dl:nth-child(2) dd {
background-color: rgb(245 245 245);
}

.award dl:nth-child(3) dt {
background-color: rgb(235, 137, 61)
}

.award dl:nth-child(3) dd {
background-color: rgb(255 235 220);
}

.award .entry_button {
display: block;
text-decoration: none;
color: white;
background: #055036;
width: 70%;
margin: 30px auto;
padding: 1rem;
text-align: center;
font-size: 2rem;
border-radius: 20px;
}

.award .entry_button:hover {
opacity: 0.8;
}

.jq-animation-fadein {
animation-duration: 3s;
animation-name: fadein;
Expand Down Expand Up @@ -435,7 +537,7 @@ main .attention h3{
@keyframes below {
from {
opacity: 0;
transform: translateY(100%);
transform: translateY(50%);
}

to {
Expand Down
52 changes: 48 additions & 4 deletions 2023/winter/entry/index.html → 2023/winter/entry/index_2023testqwt.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,8 +41,12 @@ <h1>N予備校<br>動くWebアプリコンテスト<br>2023 冬</h1>
<h3 class="w-[80%] mx-auto">N予備校プログラミング入門コースで学んだN・S高校生、N中等部生ならびにN予備校受講者が、プログラミングの成果物を競うコンテストです。</h3>
</div>
<div class="course_header">
<h2 class="animation-below animation"><div class="course_header_title m-4">応募コース紹介</div></h2>
<div class="animation-below animation"><div class="course_header_description m-4">今年は難易度の違う2つのコースを用意しました！</div></div>
<h2 class="animation">
<div class="course_header_title m-4">応募コース紹介</div>
</h2>
<div class="animation-below animation">
<div class="course_header_description m-4">今年は難易度の違う2つのコースを用意しました！</div>
</div>
</div>
<div class="course_box course_master animation animation_course">
<div class="bg"></div>
Expand Down Expand Up @@ -71,7 +75,7 @@ <h2 class="text-center">修了認定証</h2>
</div>
</div>
<div class="rule p-2 animation animation-below">
<h2 class="text-center m-5 animation animation-below">応募規定</h2>
<h2 class="text-center m-5">応募規定</h2>
<dl class="p-4 mx-auto mt-5 mb-5 shadow-lg animation animation-below rule_common">
<dt class="text-center pb-2">
<div class="rule_common_tip">コース共通</div><br>
Expand Down Expand Up @@ -161,7 +165,7 @@ <h2 class="text-center m-5 animation animation-below">応募規定</h2>
</dl>
</div>
<div class="assessment p-2 animation animation-below">
<h2 class="text-center m-5 animation animation-below">評価項目</h2>
<h2 class="text-center m-5">評価項目</h2>
<div class="row">
<dl class="shadow-lg animation animation-below">
<dt class="text-center">コーディング</dt>
Expand Down Expand Up @@ -201,6 +205,46 @@ <h2 class="text-center m-5 animation animation-below">評価項目</h2>
</dl>
</div>
</div>
<div class="award award_nyobi p-2 animation animation-below">
<h2 class="text-center m-5">N予備校 部門</h2>
<div class="row">
<dl class="shadow-lg animation animation-below">
<dt class="text-center">最優秀賞(1名)</dt>
<dd class="text-center py-2">
最も優れた作品を、<strong>最優秀賞</strong>として表彰します
<ul>
<li class="gold">審査員全員のサインが書かれた書籍</li>
<li>最優秀賞の賞状</li>
<li>審査員からのフィードバックコメント</li>
<li>記念品</li>
</ul>
</dd>
</dl>
<dl class="shadow-lg animation animation-below">
<dt class="text-center">特別賞(複数名)</dt>
<dd class="text-center py-2">
デザインやコーディングに優れた作品を、<strong>特別賞</strong>として表彰します。
<ul>
<li>特別賞の賞状</li>
<li>審査員からのフィードバックコメント</li>
<li>記念品</li>
</ul>
</dd>
</dl>
<dl class="shadow-lg animation animation-below">
<dt class="text-center">健闘賞(複数名)</dt>
<dd class="text-center text-lg py-2">
特に頑張りが認められた作品を、<strong>健闘賞</strong>として表彰します。
<ul>
<li>健闘賞の賞状</li>
<li>審査員からのフィードバックコメント</li>
<li>記念品</li>
</ul>
</dd>
</dl>
</div>
<a href="#" class="entry_button">応募はこちらから</a>
</div>
<div style="height: 1000px">aaaa</div>
</main>
<script
Expand Down

0 comments on commit 0be8b3d

Please sign in to comment.