-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
272 lines (249 loc) · 15.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
<!DOCTYPE html>
<html lang="ja">
<head>
<!--
YasaRobo Home Page Project
Designed and Coded by M.Y (SS17th SCLUB OB).
Special Thanks: Y and K
-->
<meta name="google-site-verification" content="EHLHFMeojrBNBMfdrBLAfMH_uZQiYy_kYK7BBmaqENM" />
<link rel="canonical" href="https://yasarobo.sclub.dev">
<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=202312031255">
<link rel="stylesheet" href="/css/news-list-common.css?date=202312031255">
<link rel="stylesheet" href="/css/index.css?date=202312031255">
<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 = "loading-screen">
<div class = "logo"></div>
</div>
<div id = "all-wrapper">
<div id = "container">
<header>
<div class = "title">
<div class = "upper">
<div class = "year"><!--2023--></div>
<div class = "highlight"><!--要観覧予約--></div>
</div>
<div class = "name">やさしいロボコン</div>
</div>
<div class = "date">
<div>
<span class = "month"><!--12--></span>
<span class = "day"><!--3--></span>
</div>
<div>
<span class = "weekday"><!--日--></span>
</div>
</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">
</div>
</div>
<div id = "content">
<div id = "news">
<h1><span>お知らせ</span><span>News</span></h1>
<div class = "bg-h1">News</div>
<div class = "article">
<div id = "news-list-container-index">
<div id = "news-list" start = 0 end = 2></div>
<a href = "/news/" class = "internal-link">全てのお知らせを見る</a>
</div>
</div>
</div>
<div id = "about">
<h1><span>やさしいロボコンとは</span><span>About YasaRobo</span></h1>
<div class = "bg-h1 mb-rotate">Robot Contest</div>
<div class = "article">
<h2>開催の目的</h2>
<div class = "about-wrapper">
<div class = "text-container">
<p>
<budoux-ja>知能ロボコンを知っていますか？<br>
毎年6月頃に宮城県仙台市で行われる、全自動で動く自律ロボットのコンテストです。</budoux-ja>
</p>
<p>
<a href = "http://www.inrof.org" class = "external-link" target = "_blank">知能ロボコンHP</a>
</p>
<p>
<budoux-ja>この知能ロボコンの特徴は、<span style="font-weight: bold;">「Festival（お祭り）」</span>だということ。<br>
勝ち負けだけのロボコンじゃない。<br>
技術やアイデアを持ち寄って、みんなで楽しむ。</budoux-ja>
</p>
<p>
私たちは、
</p>
<p style = "padding-left: 1rem;">
<budoux-ja>知能ロボコンの<span style = "font-weight: bold;">会場の雰囲気</span>を伝えたい<br>
知能ロボコンに<span style = "font-weight: bold;">出てみたい、実際に見てみたい</span>、という人を増やしたい</budoux-ja>
</p>
<p>
<budoux-ja>と思っており、知能ロボコンの魅力を伝えるべく<br>
この冬に<span style = "font-weight: bold;">「やさしいロボコン」</span>の開催を計画しています。</budoux-ja>
</p>
</div>
<div class = "img-container">
<img src = "/img/about/octo-kun.webp">
</div>
</div>
</div>
<div class = "article">
<h2><budoux-ja>全自動で動くロボットの<span style = "font-weight: bold;">「やさしい」</span>コンテスト</budoux-ja></h2>
<div class = "about-wrapper">
<div class = "text-container">
<p>
やさしいロボコンには3つのコースがあります。
</p>
<p>
<budoux-ja>知能ロボコンとほぼ同じルールの、「チャレンジャーズコース」「マスターズコース」と、<br>
初めての人にもやさしい、「やさしいコース」です。</budoux-ja>
</p>
<p>
<a href = "" class = "external-link" target = "_blank" id = "rule-link">ルール・開催要項</a>
</p>
<p>
細かいルールは異なるものの、どのコースにおいても
</p>
<p style = "font-weight: bold">
「競技中にロボットを操縦できない」<br>
「物を探してゴールに入れる」
</p>
<p>
という共通点があります。
</p>
<p>
競技が始まったら<br>
出場者もまた最前列の観客と同じ。<br>
見てるだけ。ハラハラするだけ。
</p>
<p>
技術力もそうですが、<br>
製作でどれだけ試行錯誤をしたかが<br>
強く結果に表れるロボコンです。
</p>
<p>
<budoux-ja>「やさしいロボコン」はオープン大会です。<br>
もともと校内大会で始めたものですが、お祭りはみんなで楽しまないと。<br>
賞品とかはないですが、「知能ロボコンの半年前に完成させた」という達成感と自信は、お土産になるかと思います。<br>
ぜひ参戦してみませんか？</budoux-ja>
</p>
<p>
<budoux-ja>見学・観覧も大歓迎です！<br>
初心者の方から経験者の方まで、ぜひ来てください！<br>
スタッフや参加者たちと、ロボコンについて熱く語りあえる場を提供できたらと考えています。</budoux-ja>
</p>
</div>
<div class = "img-container">
<img src = "/img/about/2022yasarobo-2.webp">
</div>
</div>
</div>
</div>
<div id = "detail">
<h1><span>開催要項</span><span>Detail</span></h1>
<div class = "bg-h1">Detail</div>
<div class = "article">
<h2>開催日時</h2>
<p class = "time">
<!--2023年12月3日（日）<br>
11:00 ~ 15:00-->
</p>
<p class = "time-detail">
<!--<budoux-ja>午前中はロボット調整の時間とし、ロボコンの競技は11時頃に開始、15時頃までには終了する予定です。<br>
なおこの予定は変更されることもあります。決まり次第HPにてご連絡いたします。</budoux-ja>-->
</p>
<h2>開催会場</h2>
<p class = "place">
<!--渋谷教育学園渋谷中学高等学校<br>
6階 理科室3-->
</p>
<h2>運営団体</h2>
<h3>主催</h3>
<ul class = "organizer-list">
<!--<li><a href = "https://shibu2rikabu.mystrikingly.com/" class = "external-link" target = "_blank">渋谷教育学園渋谷中学高等学校 理科部ロボコン班</a></li>-->
</ul>
<h2 id = "inquiry">お問い合わせ</h2>
<p class = "inquiry">
<!--渋谷教育学園渋谷中学高等学校 理科部ロボコン班 やさしいロボコン担当<br>
<a href = "mailto:[email protected]" target = "_blank" class = "external-link">[email protected]</a>-->
</p>
</div>
</div>
<div id = "application">
<h1><span>出場・観戦申し込み</span><span>Application</span></h1>
<div class = "bg-h1">Application</div>
<div class = "article">
<!-- <p>
詳細は後日こちらで公開予定です。
</p> -->
<p>
<budoux-ja>出場・観戦共に事前の申し込みをお願いしております。<br>
以下の<span style = "font-weight: bold;">フォームにご回答</span>ください。</budoux-ja>
</p>
<p>
<budoux-ja>締め切りは<span style = "font-weight: bold;">12/21（土）</span>とさせていただきますが、<span style = "font-weight: bold;">当日朝でもできる限り対応</span>させていただきます。</budoux-ja>
</p>
<p>
<budoux-ja>締め切り後の申し込みの際は、フォームにご回答の上で、フォーム内の連絡先にもメールでご一報をお願いいたします。</budoux-ja>
</p>
<p>
<budoux-ja>出場者の方は、参戦するコースは当日まで変更可能です。フォーム内の連絡先にメールでご連絡ください。</budoux-ja>
</p>
<a href = "https://forms.gle/t2BKnemnvK86AGXW7" class = "external-link" target="_blank">出場・観戦フォーム</a>
</div>
</div>
<div id = "access">
<h1><span>アクセス</span><span>Access</span></h1>
<div class = "bg-h1">Access</div>
<div class = "article">
<div id = "access-wrapper"></div>
</div>
</div>
</div>
</div>
</div>
<script src="/js/common.js?date=202312031255"></script>
<script src="/js/common-ie.js?date=202312031255"></script>
<script src="/js/index.js?date=202312031255"></script>
<script src="/js/news-common.js?date=202312031255"></script>
<script src="/js/news-list.js?date=202312031255"></script>
<script src="/js/budoux-ja.min.0.6.2.js"></script>
<!--<script src="https://unpkg.com/budoux/bundle/budoux-ja.min.js"></script>-->
</body>
</html>