Skip to content
This repository has been archived by the owner on Feb 2, 2025. It is now read-only.

Commit

Permalink
[esa] Update post.
Browse files Browse the repository at this point in the history
  • Loading branch information
@mizunoryuki
mizunoryuki committed Feb 1, 2025
1 parent cdfdd1a commit 812c16c
Showing 1 changed file with 155 additions and 66 deletions.
221 changes: 155 additions & 66 deletions public/markdown/pages/2020.html.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: SysHack2025
category:
tags: path:¥syshack2025, sort:0.5, style:no-style, widthNarrow:false, title:false
created_at: '2025-01-07T12:32:31+09:00'
updated_at: '2025-01-30T10:26:25+09:00'
updated_at: '2025-02-01T13:47:58+09:00'
published: true
number: 2020
---
Expand All @@ -24,6 +24,30 @@ number: 2020
border: none;
}

.img-junbi {
width: 100px;
height:100px;
margin: 0 auto;
display:flex;
align-items: center;
justify-content:center;
border-radius:30px;
border:2px solid black;
}

.img-junbi p{
width:100%;
font-size:1rem;
margin:0;
padding:0;
}

.img-logo {
width:100px;
margin:0 auto;

}

.section-full {
width: 100%;
height:calc(95vh - 80px);
Expand Down Expand Up @@ -51,6 +75,11 @@ number: 2020
height:auto;
}

.section-textbox-endtext {
word-break: keep-all;
overflow-wrap: break-word;
}

.section-notice {
width: 100%;
height: auto;
Expand Down Expand Up @@ -81,24 +110,6 @@ number: 2020
margin-top:1.5rem;
}

.register-box {
position:fixed;
bottom:1rem;
right:1rem;
}

.register-button {
display:block;
width:fit-content;
margin: 0 auto;
padding: 1rem;
border-radius: 1rem;
background-color:#FADA7A;
}

.register-button:hover {
scale:1.1;
}
.accordion-title {
display: block;
font-weight: bold;
Expand Down Expand Up @@ -141,14 +152,44 @@ number: 2020
font-size:4rem;
}

.register-button {
display:block;
width:fit-content;
margin: 0 auto;
padding: 1rem;
border-radius: 1rem;
background-color:#FADA7A;
}

.register-button:hover {
scale:1.1;
}


.register-box {
position:fixed;
bottom:1rem;
right:1rem;
}

.register-box-mobile {
position:fixed;
bottom:1rem;
right:1rem;
}

@media (max-width: 598px) {
.title-text-box h1 {
font-size: 3rem;
p {
font-size:1rem;
}

.title-text-box p {
.title-text-box h1 {
font-size: 2rem;
}

.section-textbox-endtext {
font-size: 1rem;
}
}

@media (max-width: 991px) {
Expand Down Expand Up @@ -178,11 +219,11 @@ number: 2020
</section>
<!--お知らせ-->
<section class="mb-5 section-notice p-3">
<h2 class="fw-bold border-bottom-0 text-center" style="font-size:3rem;">!NOTICE!</h2>
<h2 class="fw-bold border-bottom-0 text-center" style="font-size:2rem;">NOTICE</h2>
<div class="notice-textbox">
<div class="border border-primary border-2 border-start-0 border-end-0 mb-4">
<h3 class="fw-bold text-center pt-3">SysHack <span style="display: inline-block;">特別勉強会のご案内</span></h3>
<p class="p-3">
<h3 class="fw-bold text-center pt-2">SysHack <span style="display: inline-block;">特別勉強会のご案内</span></h3>
<p class="p-2">
SysHackでは、参加者のスキルアップを応援する特別勉強会をオンライン（Zoom）で開催します！
誰でも参加可能な説明会や、参加者限定の勉強会をご用意しています。
</p>
Expand Down Expand Up @@ -212,34 +253,35 @@ number: 2020
</li>
</ul>
</div>
<div class="p-3">
<h5 class="fw-bold">アイデア出しワークショップ</h5>
<ul style="list-style:none">
<li>日時: 2月12日（水）18:30〜19:30</li>
<li>内容: アイデア発想のコツを学び、ハッカソンの準備を進めるためのワークショップです。</li>
</ul>
</div>
</div>
</div>
<!-- 参加者限定 -->
<div class="mt-4">
<input type="checkbox" id="accordion-members" class="accordion-checkbox">
<label for="accordion-members" class="accordion-title">参加者限定▽</label>
<div class="accordion-content">
<div class="p-3">
<h5 class="fw-bold">Unity勉強会</h5>
<ul style="list-style:none">
<li>日時: 2月27日（木）〜28日（金）14:00〜17:00（予定）</li>
<li>内容: 初心者向けにUnityを使った開発の基本を学べます。</li>
</ul>
</div>
<div class="p-3">
<h5 class="fw-bold">Web勉強会</h5>
<ul style="list-style:none">
<li>日時: 3月3日（月）、5日（水）14:00〜17:00（予定）</li>
<li>内容: Web開発の基礎を学び、ハッカソンで活用できるスキルを身につけます。</li>
</ul>
</div>
<h4 class="text-center fw-bold" style="color:red">Zoomの参加方法は後日メールにてお送りいたします</h4>
<div class="p-3">
<h5 class="fw-bold">アイデア出しワークショップ</h5>
<ul style="list-style:none">
<li>日時: 2月12日（木）18:30〜19:30</li>
<li>内容: アイデア発想のコツを学び、ハッカソンの準備を進めるためのワークショップです。</li>
</ul>
</div>
<div class="p-3">
<h5 class="fw-bold">Unity勉強会</h5>
<ul style="list-style:none">
<li>日時: 2月27日（木）〜28日（金）14:00〜17:00（予定）</li>
<li>内容: 初心者向けにUnityを使った開発の基本を学べます。</li>
</ul>
</div>
<div class="p-3">
<h5 class="fw-bold">Web勉強会</h5>
<ul style="list-style:none">
<li>日時: 3月3日（月）、5日（水）14:00〜17:00（予定）</li>
<li>内容: Web開発の基礎を学び、ハッカソンで活用できるスキルを身につけます。</li>
</ul>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -275,19 +317,66 @@ number: 2020
<p>SysHackは以下のスポンサー様にご支援をいただいています</p>
<div class="justify-content-around p-3 text-center my-5 row row-cols-1 row-cols-sm-3 g-4">
<div class="col d-flex flex-column justify-content-around mb-4">
<img class="flex-fill" style="margin:0 auto" width="100" alt="img_logo_ca.png (21.9 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2025/01/01/149394/3e6e4aa7-048a-4834-a32a-42c779dafe4d.png">
<img class="flex-fill img-logo" alt="img_logo_ca.png (21.9 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2025/01/01/149394/3e6e4aa7-048a-4834-a32a-42c779dafe4d.png">
<p class="mt-3">CyberAgent様</p>
</div>
<div class="col d-flex flex-column justify-content-around mb-4">
<img class="flex-fill" style="margin:0 auto" width="100" alt="logo.svg (1.4 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2025/01/01/149394/e1cf9111-9e07-4e85-8ef4-c7f79247d456.svg">
<img class="flex-fill img-logo" alt="logo.svg (1.4 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2025/01/01/149394/e1cf9111-9e07-4e85-8ef4-c7f79247d456.svg">
<p class="mt-3">NxTEND様</p>
</div>
<div class="col d-flex flex-column justify-content-around mb-4">
<img class="flex-fill" style="margin:0 auto" width="100" alt="new-tt-logo.78e1504b.svg (7.7 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2025/01/01/149394/74e8f867-8a0e-4bb8-97bb-862a2d41c95e.svg">
<img class="flex-fill img-logo" alt="new-tt-logo.78e1504b.svg (7.7 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2025/01/01/149394/74e8f867-8a0e-4bb8-97bb-862a2d41c95e.svg">
<p class="mt-3">TechTrain様</p>
</div>
</div>
<p class="mt-5">スポンサー企業は増える可能性があります🔥</p>
<p class="mt-5 section-textbox-endtext">スポンサー企業は<wbr>増える可能性があります🔥</p>
</div>
</section>
<!-- 協力団体 -->
<section class="mb-5 section-auto">
<h2 class="text-primary section-title">
Cooperating organizations</h2>
<div class="section-textbox container">
<p>SysHackは以下の団体様にご支援をいただいています</p>
<div class="justify-content-around p-3 text-center my-5 row row-cols-1 row-cols-sm-3 g-4">
<div class="col d-flex flex-column justify-content-around mb-4">
<img class="flex-fill img-logo" alt="C0de-icon.svg (26.8 kB)"src="https://img.esa.io/uploads/production/attachments/19973/2025/02/01/149394/d66885c7-75fc-4b7b-9d83-c51eaf512343.svg">
<p class="mt-3">C0de様</p>
</div>
<div class="col d-flex flex-column justify-content-around mb-4">
<div class="img-junbi">
<p>只今準備中</p>
</div>
<p class="mt-3">hackhack様</p>
</div>
<div class="col d-flex flex-column justify-content-around mb-4">
<img class="flex-fill img-logo" alt="logo - jack app.png (47.5 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2025/02/01/149394/2486785a-e44a-42f1-8453-5255d37e57d6.png">
<p class="mt-3">jack様</p>
</div>
<div class="col d-flex flex-column justify-content-around mb-4">
<img class="flex-fill img-logo" alt="Mix3r-logo_221012 - 名大3D.svg (4.3 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2025/02/01/149394/2a2ed068-8191-477b-9220-2f9a4147f100.svg">
<p class="mt-3">Mix3r様</p>
</div>
<div class="col d-flex flex-column justify-content-around mb-4">
<img class="flex-fill img-logo" alt="NKCUG_DP - Eno Minamizono.svg (12.5 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2025/02/01/149394/0b946729-4101-47b2-9b12-3928c58a1cc5.svg">
<p class="mt-3">NKC-UG様</p>
</div>
<div class="col d-flex flex-column justify-content-around mb-4">
<img class="flex-fill img-logo" alt="sazanami_dev - 大屋響聖.svg (15.1 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2025/02/01/149394/36008eb3-fa20-4e33-9bd4-e59bb16efb04.svg">
<p class="mt-3">さざなみ開発様</p>
</div>
<div class="col d-flex flex-column justify-content-around mb-4">
<img class="flex-fill img-logo" alt="TAIR - Kazuki TAKEMI.png (4.4 kB)" src="https://img.esa.io/uploads/production/attachments/19973/2025/02/01/149394/0f8eeb09-fc38-4bde-9909-dd2b623a6f6e.png">
<p class="mt-3">TAIR様</p>
</div>
<div class="col d-flex flex-column justify-content-around mb-4 me-auto">
<div class="img-junbi">
<p>只今準備中</p>
</div>
<p class="mt-3">名城大学情報技術研究会</p>
</div>
</div>
<p class="mt-5">協力団体は増える可能性があります🔥</p>
</div>
</section>
<!-- 賞 -->
Expand Down Expand Up @@ -316,7 +405,7 @@ number: 2020
</ul>
</div>
</div>
<p class="mt-5">現在もスポンサー様を募集中のため追加される可能性がございます🔥</p>
<p class="mt-5 section-textbox-endtext">現在もスポンサー様を募集中のため<wbr>追加される<wbr>可能性がございます🔥</p>
</div>
</section>
<!--評価基準　-->
Expand All @@ -329,7 +418,7 @@ number: 2020
<li>サービスとしての価値: 役に立つor面白いものになっているか</li>
<li>サービスの完成度: サービスとしての完成度、機能の実装度、UI/UX</li>
</ul>
<p class="mt-5">以上の観点から作品を評価させていただきます🔥</p>
<p class="mt-5 section-textbox-endtext">以上の観点から<wbr>作品を評価<wbr>させて<wbr>いただきます🔥</p>
</div>
</section>
<!-- 参加申し込み -->
Expand Down Expand Up @@ -380,8 +469,8 @@ number: 2020
<a class="link-offset-2" href="https://www.instagram.com/ait.sysken/" target="_blank" rel="noopener noreferrer">公式Instagram</a>
のDM等で連絡をお願いします🔥
</p>
<div class="text-danger text-center p-3 m-5">
現在メンターを募集しています！！<br/>メンターに興味がある方はメンター枠での参加をお願いします
<div class="text-danger text-center my-5 section-textbox-endtext">
現在メンターを<wbr>募集しています！！<wbr>メンターに興味がある方は<wbr>メンター枠での参加を<wbr>お願いします
</div>
</div>
</section>
Expand All @@ -400,14 +489,14 @@ number: 2020
</div>
</div>
</div>
<p class="mt-5">開催場所は変更する可能性がございます</p>
<p class="mt-5 section-textbox-endtext">開催場所は変更する可能性が<br>ございます</p>
</div>
</section>
<!-- スケジュール -->
<section class="mb-5 section-auto">
<h2 class="text-primary section-title">Schedule</h2>
<div class="section-textbox">
<table class="table table-bordered text-center" style="font-size:1rem">
<div class="ps-3">
<table class="table table-bordered text-center fw-bold" style="font-size:1rem">
<thead>
<tr>
<th scope="col">月日</th>
Expand All @@ -424,7 +513,7 @@ number: 2020
<tr>
<td>2025年3月17日(月)</td>
<td>キックオフ</td>
<td>オンライン…ZOOM、オフライン…愛知工業大学</td>
<td>オンライン…Zoom、オフライン…愛知工業大学</td>
</tr>
<tr>
<td>↓</td>
Expand Down Expand Up @@ -455,24 +544,24 @@ number: 2020
</thead>
<tbody>
<tr>
<td>12:00</td>
<td>17:00</td>
<td>現地開場</td>
</tr>
<tr>
<td>12:45</td>
<td>ZOOM OPEN</td>
<td>17:45</td>
<td>Zoom OPEN</td>
</tr>
<tr>
<td>13:00</td>
<td>18:00</td>
<td>オープニング</td>
</tr>
<tr>
<td>13:30</td>
<td>18:30</td>
<td>チーム紹介(1チーム30秒紹介タイム)</td>
</tr>
<tr>
<td>14:00</td>
<td>ZOOM CLOSE</td>
<td>19:00</td>
<td>Zoom CLOSE</td>
</tr>
<tr>
<td>20:00</td>
Expand Down Expand Up @@ -542,7 +631,7 @@ number: 2020
</section>
<section class="mb-5 section-auto text-center">
<div class="section-textbox ">
<p class="text-danger">参加申し込みお待ちしております！！！！</p>
<p class="text-danger section-textbox-endtext">参加申し込み<wbr>お待ちしております！！！！</p>
<a class="register-button" style="text-decoration:0;" href="https://sysken.connpass.com/event/338966/"target="_blank" rel="noopener noreferrer">SysHack2025 初陣の春に参加する</a>
</div>
</section>
Expand Down

0 comments on commit 812c16c

Please sign in to comment.