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

Commit 812c16c

Browse files
committed
[esa] Update post.
1 parent cdfdd1a commit 812c16c

File tree

1 file changed

+155
-66
lines changed

1 file changed

+155
-66
lines changed

public/markdown/pages/2020.html.md

Lines changed: 155 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: SysHack2025
33
category:
44
tags: path:¥syshack2025, sort:0.5, style:no-style, widthNarrow:false, title:false
55
created_at: '2025-01-07T12:32:31+09:00'
6-
updated_at: '2025-01-30T10:26:25+09:00'
6+
updated_at: '2025-02-01T13:47:58+09:00'
77
published: true
88
number: 2020
99
---
@@ -24,6 +24,30 @@ number: 2020
2424
border: none;
2525
}
2626

27+
.img-junbi {
28+
width: 100px;
29+
height:100px;
30+
margin: 0 auto;
31+
display:flex;
32+
align-items: center;
33+
justify-content:center;
34+
border-radius:30px;
35+
border:2px solid black;
36+
}
37+
38+
.img-junbi p{
39+
width:100%;
40+
font-size:1rem;
41+
margin:0;
42+
padding:0;
43+
}
44+
45+
.img-logo {
46+
width:100px;
47+
margin:0 auto;
48+
49+
}
50+
2751
.section-full {
2852
width: 100%;
2953
height:calc(95vh - 80px);
@@ -51,6 +75,11 @@ number: 2020
5175
height:auto;
5276
}
5377

78+
.section-textbox-endtext {
79+
word-break: keep-all;
80+
overflow-wrap: break-word;
81+
}
82+
5483
.section-notice {
5584
width: 100%;
5685
height: auto;
@@ -81,24 +110,6 @@ number: 2020
81110
margin-top:1.5rem;
82111
}
83112

84-
.register-box {
85-
position:fixed;
86-
bottom:1rem;
87-
right:1rem;
88-
}
89-
90-
.register-button {
91-
display:block;
92-
width:fit-content;
93-
margin: 0 auto;
94-
padding: 1rem;
95-
border-radius: 1rem;
96-
background-color:#FADA7A;
97-
}
98-
99-
.register-button:hover {
100-
scale:1.1;
101-
}
102113
.accordion-title {
103114
display: block;
104115
font-weight: bold;
@@ -141,14 +152,44 @@ number: 2020
141152
font-size:4rem;
142153
}
143154

155+
.register-button {
156+
display:block;
157+
width:fit-content;
158+
margin: 0 auto;
159+
padding: 1rem;
160+
border-radius: 1rem;
161+
background-color:#FADA7A;
162+
}
163+
164+
.register-button:hover {
165+
scale:1.1;
166+
}
167+
168+
169+
.register-box {
170+
position:fixed;
171+
bottom:1rem;
172+
right:1rem;
173+
}
174+
175+
.register-box-mobile {
176+
position:fixed;
177+
bottom:1rem;
178+
right:1rem;
179+
}
180+
144181
@media (max-width: 598px) {
145-
.title-text-box h1 {
146-
font-size: 3rem;
182+
p {
183+
font-size:1rem;
147184
}
148185

149-
.title-text-box p {
186+
.title-text-box h1 {
150187
font-size: 2rem;
151188
}
189+
190+
.section-textbox-endtext {
191+
font-size: 1rem;
192+
}
152193
}
153194

154195
@media (max-width: 991px) {
@@ -178,11 +219,11 @@ number: 2020
178219
</section>
179220
<!--お知らせ-->
180221
<section class="mb-5 section-notice p-3">
181-
<h2 class="fw-bold border-bottom-0 text-center" style="font-size:3rem;">!NOTICE!</h2>
222+
<h2 class="fw-bold border-bottom-0 text-center" style="font-size:2rem;">NOTICE</h2>
182223
<div class="notice-textbox">
183224
<div class="border border-primary border-2 border-start-0 border-end-0 mb-4">
184-
<h3 class="fw-bold text-center pt-3">SysHack <span style="display: inline-block;">特別勉強会のご案内</span></h3>
185-
<p class="p-3">
225+
<h3 class="fw-bold text-center pt-2">SysHack <span style="display: inline-block;">特別勉強会のご案内</span></h3>
226+
<p class="p-2">
186227
SysHackでは、参加者のスキルアップを応援する特別勉強会をオンライン(Zoom)で開催します!
187228
誰でも参加可能な説明会や、参加者限定の勉強会をご用意しています。
188229
</p>
@@ -212,34 +253,35 @@ number: 2020
212253
</li>
213254
</ul>
214255
</div>
215-
<div class="p-3">
216-
<h5 class="fw-bold">アイデア出しワークショップ</h5>
217-
<ul style="list-style:none">
218-
<li>日時: 2月12日(水)18:30〜19:30</li>
219-
<li>内容: アイデア発想のコツを学び、ハッカソンの準備を進めるためのワークショップです。</li>
220-
</ul>
221-
</div>
222256
</div>
223257
</div>
224258
<!-- 参加者限定 -->
225259
<div class="mt-4">
226260
<input type="checkbox" id="accordion-members" class="accordion-checkbox">
227261
<label for="accordion-members" class="accordion-title">参加者限定▽</label>
228262
<div class="accordion-content">
229-
<div class="p-3">
230-
<h5 class="fw-bold">Unity勉強会</h5>
231-
<ul style="list-style:none">
232-
<li>日時: 2月27日(木)〜28日(金)14:00〜17:00(予定)</li>
233-
<li>内容: 初心者向けにUnityを使った開発の基本を学べます。</li>
234-
</ul>
235-
</div>
236-
<div class="p-3">
237-
<h5 class="fw-bold">Web勉強会</h5>
238-
<ul style="list-style:none">
239-
<li>日時: 3月3日(月)、5日(水)14:00〜17:00(予定)</li>
240-
<li>内容: Web開発の基礎を学び、ハッカソンで活用できるスキルを身につけます。</li>
241-
</ul>
242-
</div>
263+
<h4 class="text-center fw-bold" style="color:red">Zoomの参加方法は後日メールにてお送りいたします</h4>
264+
<div class="p-3">
265+
<h5 class="fw-bold">アイデア出しワークショップ</h5>
266+
<ul style="list-style:none">
267+
<li>日時: 2月12日(木)18:30〜19:30</li>
268+
<li>内容: アイデア発想のコツを学び、ハッカソンの準備を進めるためのワークショップです。</li>
269+
</ul>
270+
</div>
271+
<div class="p-3">
272+
<h5 class="fw-bold">Unity勉強会</h5>
273+
<ul style="list-style:none">
274+
<li>日時: 2月27日(木)〜28日(金)14:00〜17:00(予定)</li>
275+
<li>内容: 初心者向けにUnityを使った開発の基本を学べます。</li>
276+
</ul>
277+
</div>
278+
<div class="p-3">
279+
<h5 class="fw-bold">Web勉強会</h5>
280+
<ul style="list-style:none">
281+
<li>日時: 3月3日(月)、5日(水)14:00〜17:00(予定)</li>
282+
<li>内容: Web開発の基礎を学び、ハッカソンで活用できるスキルを身につけます。</li>
283+
</ul>
284+
</div>
243285
</div>
244286
</div>
245287
</div>
@@ -275,19 +317,66 @@ number: 2020
275317
<p>SysHackは以下のスポンサー様にご支援をいただいています</p>
276318
<div class="justify-content-around p-3 text-center my-5 row row-cols-1 row-cols-sm-3 g-4">
277319
<div class="col d-flex flex-column justify-content-around mb-4">
278-
<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">
320+
<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">
279321
<p class="mt-3">CyberAgent様</p>
280322
</div>
281323
<div class="col d-flex flex-column justify-content-around mb-4">
282-
<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">
324+
<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">
283325
<p class="mt-3">NxTEND様</p>
284326
</div>
285327
<div class="col d-flex flex-column justify-content-around mb-4">
286-
<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">
328+
<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">
287329
<p class="mt-3">TechTrain様</p>
288330
</div>
289331
</div>
290-
<p class="mt-5">スポンサー企業は増える可能性があります🔥</p>
332+
<p class="mt-5 section-textbox-endtext">スポンサー企業は<wbr>増える可能性があります🔥</p>
333+
</div>
334+
</section>
335+
<!-- 協力団体 -->
336+
<section class="mb-5 section-auto">
337+
<h2 class="text-primary section-title">
338+
Cooperating organizations</h2>
339+
<div class="section-textbox container">
340+
<p>SysHackは以下の団体様にご支援をいただいています</p>
341+
<div class="justify-content-around p-3 text-center my-5 row row-cols-1 row-cols-sm-3 g-4">
342+
<div class="col d-flex flex-column justify-content-around mb-4">
343+
<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">
344+
<p class="mt-3">C0de様</p>
345+
</div>
346+
<div class="col d-flex flex-column justify-content-around mb-4">
347+
<div class="img-junbi">
348+
<p>只今準備中</p>
349+
</div>
350+
<p class="mt-3">hackhack様</p>
351+
</div>
352+
<div class="col d-flex flex-column justify-content-around mb-4">
353+
<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">
354+
<p class="mt-3">jack様</p>
355+
</div>
356+
<div class="col d-flex flex-column justify-content-around mb-4">
357+
<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">
358+
<p class="mt-3">Mix3r様</p>
359+
</div>
360+
<div class="col d-flex flex-column justify-content-around mb-4">
361+
<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">
362+
<p class="mt-3">NKC-UG様</p>
363+
</div>
364+
<div class="col d-flex flex-column justify-content-around mb-4">
365+
<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">
366+
<p class="mt-3">さざなみ開発様</p>
367+
</div>
368+
<div class="col d-flex flex-column justify-content-around mb-4">
369+
<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">
370+
<p class="mt-3">TAIR様</p>
371+
</div>
372+
<div class="col d-flex flex-column justify-content-around mb-4 me-auto">
373+
<div class="img-junbi">
374+
<p>只今準備中</p>
375+
</div>
376+
<p class="mt-3">名城大学情報技術研究会</p>
377+
</div>
378+
</div>
379+
<p class="mt-5">協力団体は増える可能性があります🔥</p>
291380
</div>
292381
</section>
293382
<!---->
@@ -316,7 +405,7 @@ number: 2020
316405
</ul>
317406
</div>
318407
</div>
319-
<p class="mt-5">現在もスポンサー様を募集中のため追加される可能性がございます🔥</p>
408+
<p class="mt-5 section-textbox-endtext">現在もスポンサー様を募集中のため<wbr>追加される<wbr>可能性がございます🔥</p>
320409
</div>
321410
</section>
322411
<!--評価基準 -->
@@ -329,7 +418,7 @@ number: 2020
329418
<li>サービスとしての価値: 役に立つor面白いものになっているか</li>
330419
<li>サービスの完成度: サービスとしての完成度、機能の実装度、UI/UX</li>
331420
</ul>
332-
<p class="mt-5">以上の観点から作品を評価させていただきます🔥</p>
421+
<p class="mt-5 section-textbox-endtext">以上の観点から<wbr>作品を評価<wbr>させて<wbr>いただきます🔥</p>
333422
</div>
334423
</section>
335424
<!-- 参加申し込み -->
@@ -380,8 +469,8 @@ number: 2020
380469
<a class="link-offset-2" href="https://www.instagram.com/ait.sysken/" target="_blank" rel="noopener noreferrer">公式Instagram</a>
381470
のDM等で連絡をお願いします🔥
382471
</p>
383-
<div class="text-danger text-center p-3 m-5">
384-
現在メンターを募集しています!!<br/>メンターに興味がある方はメンター枠での参加をお願いします
472+
<div class="text-danger text-center my-5 section-textbox-endtext">
473+
現在メンターを<wbr>募集しています!!<wbr>メンターに興味がある方は<wbr>メンター枠での参加を<wbr>お願いします
385474
</div>
386475
</div>
387476
</section>
@@ -400,14 +489,14 @@ number: 2020
400489
</div>
401490
</div>
402491
</div>
403-
<p class="mt-5">開催場所は変更する可能性がございます</p>
492+
<p class="mt-5 section-textbox-endtext">開催場所は変更する可能性が<br>ございます</p>
404493
</div>
405494
</section>
406495
<!-- スケジュール -->
407496
<section class="mb-5 section-auto">
408497
<h2 class="text-primary section-title">Schedule</h2>
409-
<div class="section-textbox">
410-
<table class="table table-bordered text-center" style="font-size:1rem">
498+
<div class="ps-3">
499+
<table class="table table-bordered text-center fw-bold" style="font-size:1rem">
411500
<thead>
412501
<tr>
413502
<th scope="col">月日</th>
@@ -424,7 +513,7 @@ number: 2020
424513
<tr>
425514
<td>2025年3月17日(月)</td>
426515
<td>キックオフ</td>
427-
<td>オンライン…ZOOM、オフライン…愛知工業大学</td>
516+
<td>オンライン…Zoom、オフライン…愛知工業大学</td>
428517
</tr>
429518
<tr>
430519
<td>↓</td>
@@ -455,24 +544,24 @@ number: 2020
455544
</thead>
456545
<tbody>
457546
<tr>
458-
<td>12:00</td>
547+
<td>17:00</td>
459548
<td>現地開場</td>
460549
</tr>
461550
<tr>
462-
<td>12:45</td>
463-
<td>ZOOM OPEN</td>
551+
<td>17:45</td>
552+
<td>Zoom OPEN</td>
464553
</tr>
465554
<tr>
466-
<td>13:00</td>
555+
<td>18:00</td>
467556
<td>オープニング</td>
468557
</tr>
469558
<tr>
470-
<td>13:30</td>
559+
<td>18:30</td>
471560
<td>チーム紹介(1チーム30秒紹介タイム)</td>
472561
</tr>
473562
<tr>
474-
<td>14:00</td>
475-
<td>ZOOM CLOSE</td>
563+
<td>19:00</td>
564+
<td>Zoom CLOSE</td>
476565
</tr>
477566
<tr>
478567
<td>20:00</td>
@@ -542,7 +631,7 @@ number: 2020
542631
</section>
543632
<section class="mb-5 section-auto text-center">
544633
<div class="section-textbox ">
545-
<p class="text-danger">参加申し込みお待ちしております!!!!</p>
634+
<p class="text-danger section-textbox-endtext">参加申し込み<wbr>お待ちしております!!!!</p>
546635
<a class="register-button" style="text-decoration:0;" href="https://sysken.connpass.com/event/338966/"target="_blank" rel="noopener noreferrer">SysHack2025 初陣の春に参加する</a>
547636
</div>
548637
</section>

0 commit comments

Comments
 (0)