forked from shibu2sclub/yasarobo-hp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
326 lines (305 loc) · 18.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>やさしいロボコン - 全自動で動くロボットのコンテスト</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/common.css?date=202310070039">
<link rel="stylesheet" href="css/news-common.css?date=202310070039">
<link rel="stylesheet" href="css/index.css?date=202310070039">
<meta name="description" content="2023年12月3日に東京で開催予定の「やさしいロボコン」に関する情報を掲載しています。">
<meta property="og:url" content="https://yasarobo.sclub.dev">
<meta property="og:type" content="website">
<meta property="og:title" content="やさしいロボコン 公式ホームページ">
<meta property="og:description" content="やさしいロボコンに関する情報を掲載しています。">
<!--<meta property="og:image" content="https://yasarobo.sclub.dev/img/card.png">-->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@shibu2rikabu">
<meta name="twitter:creator" content="@shibu2rikabu">
<meta name="twitter:title" content="やさしいロボコン 公式ホームページ">
<meta name="twitter:description" content="やさしいロボコンに関する情報を掲載しています。。">
<!--<meta name="twitter:image" content="https://yasarobo.sclub.dev/img/card.png">-->
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GRK3HK0DWZ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-GRK3HK0DWZ');
</script>
<body>
<div id = "all-wrapper">
<nav id = "nav-head">
<a href = "#top" id = "nav-bar-title">
<div>
<div class = "logo">
<div class = "year">2023</div>
<div class = "name">YasaRobo</div>
</div>
</div>
</a>
</nav>
<nav id = "nav-menu">
<ul>
<li><a href = "#about">やさしいロボコンとは</a></li>
<li><a href = "#detail">開催要項</a></li>
<li><a href = "#application">出場・観覧申し込み</a></li>
<!--<li>競技記録</li>-->
<!--<li>過去大会情報</li>-->
<li><a href = "#access">アクセス</a></li>
</ul>
</nav>
<div id = "container">
<header>
<div class = "title">
<div class = "upper">
<div class = "year">2023</div>
<div class = "format">要観覧予約</div>
</div>
<div class = "name">やさしいロボコン</div>
</div>
<div class = "date">
<span class = "month">12</span>
<span class = "day">3</span>
<span class = "weekday">日</span>
</div>
<div class = "detail">
<div class = "time">11:00 ~ 15:00</div>
<div class = "place">渋谷教育学園渋谷中学高等学校 理科室3</div>
</div>
</header>
<div id = "key-visual">
<!-- YouTube or スライドショー -->
<iframe id = "key-visual-player" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<div id = "key-visual-img-slideshow">
<img src = "img/index-slideshow/dikefalos.webp">
</div>
</div>
<div id = "content">
<div id = "news">
<h1>お知らせ</h1>
<div class = "bg-h1">News</div>
<div class = "article">
<div id = "news-list-container-index">
<div id = "news-list">
<div class = "news-item">
<div class = "date">2023.10.07</div>
<div class = "tag"><div class = "important">重要</div></div>
<div class = "title">やさしいロボコン開催決定!</div>
</div>
<div class = "news-item">
<div class = "date">2023.10.07</div>
<div class = "tag"><div class = "others">その他</div></div>
<div class = "title">ホームページを公開しました!</div>
</div>
<!--
<div class = "news-item">
<div class = "date">2023.10.07</div>
<div class = "tag"><div class = "others">その他</div></div>
<div class = "title">ホームページを公開しました!</div>
</div>
-->
</div>
</div>
<!--<a href = "news/">全てのお知らせを見る ></a>-->
</div>
</div>
<div id = "about">
<h1>やさしいロボコンとは</h1>
<div class = "bg-h1 mb-rotate">Robot Contest</div>
<div class = "article">
<h2>開催の目的</h2>
<div class = "about-wrapper">
<div class = "text-container">
<p>
知能ロボコンを知っていますか?<br>
毎年6月頃に宮城県仙台市で行われる、全自動で動く自律ロボットのコンテストです。
</p>
<p>
<a href = "https://www.inrof.org" class = "btn-simple" target = "_blank">知能ロボコンHP</a>
</p>
<p>
この知能ロボコンの特徴は、<span style="font-weight: bold;">「Festival(お祭り)」</span>だということ。<br>
勝ち負けだけのロボコンじゃない。<br>
技術やアイデアを持ち寄って、みんなで楽しむ。
</p>
<p>
私たち渋渋理科部では、
</p>
<p style = "padding-left: 1rem;">
知能ロボコンの<span style = "font-weight: bold;">会場の雰囲気</span>を伝えたい<br>
知能ロボコンに<span style = "font-weight: bold;">出てみたい、実際に見てみたい</span>、という人を増やしたい
</p>
<p>
と思っており、知能ロボコンの魅力を伝えるべく<br>
この冬に<span style = "font-weight: bold;">「やさしいロボコン」</span>の開催を計画しています。
</p>
</div>
<div class = "img-container">
<img src = "img/about/octo-kun.webp">
</div>
</div>
</div>
<div class = "article">
<h2>全自動で動くロボットの<span style = "font-weight: bold;">「やさしい」</span>コンテスト</h2>
<div class = "about-wrapper">
<div class = "text-container">
<p>
やさしいロボコンには3つのコースがあります。
</p>
<p>
知能ロボコンとほぼ同じルールの、「チャレンジャーズコース」「マスターズコース」と、<br>
初めての人にもやさしい、「やさしいコース」です。
</p>
<p>
<a href = "https://drive.google.com/file/d/1f8vbpx1p_VoEAQCKo9FgvEAp0db_YkO-/view?usp=drive_link" class = "btn-simple" target = "_blank">ルール・開催要項(原案・PDF)</a>
</p>
<p>
細かいルールは異なるものの、どのコースにおいても
</p>
<p style = "font-weight: bold">
「競技中にロボットを操縦できない」<br>
「物を探してゴールに入れる」
</p>
<p>
という共通点があります。
</p>
<p>
競技が始まったら<br>
出場者もまた最前列の観客と同じ。<br>
見てるだけ。ハラハラするだけ。
</p>
<p>
技術力もそうですが、<br>
製作でどれだけ試行錯誤をしたかが<br>
強く結果に表れるロボコンです。
</p>
<p>
「やさしいロボコン」はオープン大会です。<br>
もともと校内大会で始めたものですが、お祭りはみんなで楽しまないと。<br>
賞品とかはないですが、「知能ロボコンの半年前に完成させた」という達成感と自信は、お土産になるかと思います。<br>
ぜひ参戦してみませんか?
</p>
<p>
見学・観覧も大歓迎です!<br>
初心者の方から経験者の方まで、ぜひいらしてください!<br>
スタッフや参加者たちと、ロボコンについて熱く語りあえる場を提供できたらと考えています。
</p>
</div>
<div class = "img-container">
<img src = "img/about/2022yasarobo-2.jpg">
</div>
</div>
</div>
</div>
<div id = "detail">
<h1>開催要項</h1>
<!--<div class = "bg-h1">Event Detail</div>-->
<div class = "bg-h1">Detail</div>
<div class = "article">
<h2>開催日時</h2>
<p>
2023年12月3日(日)
</p>
<p>
午前中はロボット調整の時間とし、11時頃にロボコン開始、15時頃までには終了する予定です。<br>
なおこの予定は変更されることもあります。決まり次第HPにてご連絡いたします。
</p>
<h2>開催会場</h2>
<p>
渋谷教育学園渋谷中学高等学校<br>
6階 理科室3
</p>
<h2>運営<!--・協力-->団体</h2>
<p>
<span style = "font-weight: bold;">主催</span><br>
渋谷教育学園渋谷中学高等学校 理科部ロボコン班
</p>
</div>
</div>
<div id = "application">
<h1>出場・観覧申し込み</h1>
<div class = "bg-h1">Application</div>
<div class = "article">
<p>
出場・観覧共に事前の申し込みをお願いしております。<br>
以下の<span style = "font-weight: bold;">フォームにご回答</span>ください。
</p>
<p>
締め切りは<span style = "font-weight: bold;">12/2(土)</span>とさせていただきますが、<span style = "font-weight: bold;">当日朝でもできる限り対応</span>させていただきます。
</p>
<p>
締め切り後の申し込みの際は、フォームにご回答の上で、フォーム内の連絡先にもメールでご一報をお願いいたします。
</p>
<p>
出場者の方は、参戦するコースは当日まで変更可能です。フォーム内の連絡先にメールでご連絡ください。
</p>
<a href = "https://docs.google.com/forms/d/e/1FAIpQLSf28C5YxIRAJD5YD7IZg72FgWr0uQ51BIPtFDg9RkCdIzKvgw/viewform?usp=sf_link" class = "btn-simple" target="_blank">出場・観覧フォーム</a>
</div>
</div>
<div id = "access">
<h1>アクセス</h1>
<div class = "bg-h1">Access</div>
<div class = "article">
<div id = "access-wrapper">
<div class = "text-container">
<div class = "place">
渋谷教育学園渋谷中学高等学校<br>
6階 理科室3
</div>
<p class = "address">
〒150-0002<br>
東京都渋谷区渋谷1丁目21-18
</p>
<p class = "station">
<span>渋谷駅からお越しの方</span><br>
東急・東京メトロ B1出口から徒歩7分<br>
JR ハチ公改札口・南改札口から徒歩15分<br>
京王井の頭線 中央口から徒歩20分
</p>
<p class = "station">
<span>明治神宮前<原宿>駅からお越しの方</span><br>
東京メトロ 4番・7番出口から徒歩15分
</p>
<p class = "station">
<span>原宿駅からお越しの方</span><br>
JR 東口から徒歩25分
</p>
</div>
<div class = "map-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.539293618878!2d139.7005870762712!3d35.66372083093489!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188ca6441b7da1%3A0x322d8cd231d2a237!2z5riL6LC35pWZ6IKy5a2m5ZyS5riL6LC35Lit5a2m5qCh44O76auY562J5a2m5qCh!5e0!3m2!1sja!2sjp!4v1696476210042!5m2!1sja!2sjp" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class = "line">
<div class = "logo">
<div class = "year">2023</div>
<div class = "name">YasaRobo</div>
</div>
</div>
<div class = "footer-container">
<div id = "sns">
<div class = "icons">
<a href = "https://twitter.com/shibu2rikabu" target = "_blank"><img src = "img/sns-icon/twitter.svg"></a>
<a href = "https://www.youtube.com/@user-tb8bu4vu6v/" target = "_blank"><img src = "img/sns-icon/youtube.svg"></a>
</div>
</div>
<p id = "copyright"><span><span>Copyright © 2023</span><span>渋谷教育学園渋谷中学高等学校</span><span>理科部ロボコン班</span></span><span>All Rights Reserved.</span></p>
</div>
</footer>
</div>
</div>
<script src="js/index.js?date=202310070039"></script>
</body>
</html>