-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
197 lines (189 loc) · 12.9 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
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head prefix="og: https://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
<title>OthloHack｜学生限定ハッカソン</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,700" rel="stylesheet">
<link rel="stylesheet" href="assets/css/main.css">
<!-- OGP property -->
<meta property="og:title" content="OthloHackとは" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://hack.othlo.tech/" />
<meta property="og:image" content="https://hack.othlo.tech/images/ogp_fb.jpg" />
<meta property="og:description" content="OthloTechが主催する、東海最大規模の学生限定ハッカソンです。" />
<meta property="og:site_name" content="OthloHackとは" />
<meta property='fb:app_id' content='895237590622070' />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@OthloTech" />
<meta name="twitter:creator" content="@OthloTech" />
<meta name="twitter:title" content="OthloHackとは" />
<meta name="twitter:description" content="OthloTechが主催する、東海最大規模の学生限定ハッカソンです。" />
<meta name="twitter:image:src" content="https://hack.othlo.tech/images/ogp_fb.jpg" />
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-78315006-2', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="page-wrapper">
<section id="banner">
<div class="inner">
<div class="logo"></div>
<h2 class="titillium-bold">Othlo<span class="titillium-light">Hack</span></h2>
<p>
OthloTechが主催する、東海最大規模の学生限定ハッカソンイベント。
<br> 1年に1度行われるエンジニア・デザイナー合同で行う2daysハッカソン！
</p>
</div>
</section>
<section id="wrapper">
<section class="wrapper alt style1">
<div class="inner">
<h2 class="major"><span class='titillium-bold'>Othlo<span><span class='titillium-light'>Hack</span>とは</h2>
<p style='text-indent: 1em'>
IT系の学生を集めて名古屋をもっと盛り上げようと立ち上がったOthloTechが、東海最大規模の学生限定ハッカソンを開催します！アイディアを形にしたい気持ちと、まだ見ぬ仲間と1つの事に熱中したい思いがあればどなたでも参加いただけます。
<br> 「チーム開発とかしたことないし...」「モノづくりは好きだけど、いつも1人でやってるし...」そんな方でも安心して参加いただけます。私たちはクリエイティブな学生を探しています。チームで一丸となって、熱い夏に圧倒的成長を成し遂げましょう！
</p>
<p style='text-indent: 1em'>
当日発表されるテーマをもとにチームで2日間開発をします。作るものはWEBサービス・アプリ・ゲーム・IoTなど、特に限定はしませんので自由に発想して開発してもらえればと思います。
</p>
<p><b>ハッカソンとは?</b></p>
<blockquote>
※ハッカソンとは「Hack」と「Marathon」をあわせた造語で、短期／集中的に共同作業でソフトウェアを開発する技術とアイデアを競い合うイベントです。
</blockquote>
<h2 class='major'><span class="titillium-bold">Othlo</span><span class="titillium-light">Hack</span>一覧</h2>
<section class="features">
<article>
<a href='./2016.html' class='image' target='_blank'>
<img src='images/othlohack2016.png' />
</a>
<h3 class="major">
<span class="titillium-bold">Othlo<span><span class="titillium-light">Hack2016</span>
</h3>
<p>2016年8月6日(土) ~ 8月7日(日)</p>
</article>
<article>
<a href='./2017.html' class='image' target='_blank'>
<img src='images/othlohack2017.png' />
</a>
<h3 class="major">
<span class="titillium-bold">Othlo<span><span class="titillium-light">Hack2017</span>
</h3>
<p>2017年10月7日(土) ~ 10月8日(日)</p>
</article>
<article>
<a href='https://othlotech.connpass.com/event/99072/' class='image' target='_blank'>
<img src='images/othlohack2018.png' />
</a>
<h3 class="major">
<span class="titillium-bold">Othlo<span><span class="titillium-light">Hack2018</span>
</h3>
<p>2017年10月7日(土) ~ 10月8日(日)</p>
</article>
<article>
<a href='./2019.html' class='image' target='_blank'>
<img src='images/othlohack2019.png' />
</a>
<h3 class="major">
<span class="titillium-bold">Othlo<span><span class="titillium-light">Hack2019</span>
</h3>
<p>2017年10月7日(土) ~ 10月8日(日)</p>
</article>
</section>
</div>
</section>
<section class="wrapper style2">
<div class="inner">
<h2 class="major"><span class='titillium-bold'>Othlo<span><span class='titillium-light'>Tech</span>とは</h2>
<p>
OthloTechは「名古屋に学生クリエイター集団を作ろう」という思いから今年4月に立ち上がりました。名古屋の学生エンジニア・学生デザイナーが集まり、チーム開発や勉強会イベントを開催しています。
<br>
<a class="blank" href="https://www.othlo.tech" target="_blank">http://www.othlo.tech</a>
</p>
<h3 class="major"><span class='titillium-bold'>Othlo<span><span class='titillium-light'>Event</span></h3>
<p>
OthloEventは、OthloTechが主催するイベントの名前です。月に一度、名古屋のデザイナー・エンジニアを対象にイベントを開催しています。基本的に、ここに掲載されるような比較的規模の大きいイベントはConnpass経由で申し込みを受け付けておりますので、メンバー登録をよろしくお願いします。その他もくもく会等、もっと小さなイベントはFacebook上でイベントを立てています。
<br><a class="blank" href="https://othlotech.connpass.com/" target="_blank">http://othlotech.connpass.com/</a>
</p>
<section class="features">
<article>
<a href="https://othlotech.connpass.com/event/32485/" class="image" target="_blank"><img src="images/event_2.png" alt=""></a>
<h3 class="major">【学生限定】OthloEvent@エイチーム #2</h3>
<p>6月24日（金）、新しく生まれ変わった大名古屋ビルヂングの32Fにあるエイチームの本社で、OthloTechとエイチームが共催します。</p>
</article>
<article>
<a href="https://www.othlo.tech/event/%E5%AD%A6%E7%94%9FLT@%E5%90%8D%E5%8F%A4%E5%B1%8B.html" class="image" target="_blank"><img src="images/event_1.png" alt=""></a>
<h3 class="major">学生LT会@名古屋 ~エンジニア/デザイナー~</h3>
<p>OthloTechとして初のイベント。このハッカソンの会場でもある名城大学社会連携ゾーンshakeで学生のLT会＆クイズ大会を開催しました。</p>
</article>
</section>
</div>
</section>
</section>
<section id="footer">
<div class="inner">
<div class="align-center">
<h2>イベントをシェアする</h2>
<div id="share">
<ul class="clearfix">
<li class="twitter">
<a href="https://twitter.com/share?url=http://hack.othlo.tech&text=OthloHack 名古屋で学生エンジニア・デザイナーが合同で行う2daysハッカソン！#othlohack #othlotech&related=othlotech&via=othlotech" target="_blank"><i class="fontawesome-twitter"></i>ツイート</a>
</li>
<li class="facebook">
<a href="https://www.facebook.com/share.php?u=http://hack.othlo.tech" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;"><i class="fontawesome-facebook"></i>シェア</a>
</li>
<li class="googleplus">
<a href="https://plus.google.com/share?url=https://hack.othlo.tech" onclick="window.open(this.href, 'Gwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;"><i class="fontawesome-google-plus"></i>Google Plus</a>
</li>
<li class="hatebu">
<a href="https://b.hatena.ne.jp/add?mode=confirm&url=http://hack.othlo.tech&title=OthloHack 学生エンジニア/デザイナーの2daysハッカソン">はてブ</a>
</li>
</ul>
</div>
</div>
<div class="align-center">
<h2>お問い合わせ</h2>
<a class="contact-button" href="https://goo.gl/forms/QssrtHPZoNuDkuuj1" target="_blank">お問い合わせフォーム</a>
</div>
<ul class="sns">
<li class="sns-button">
<a href="https://twitter.com/othlotech">
<img src="./images/twitter.png">
</a>
</li>
<li class="sns-button">
<a href="https://www.facebook.com/othlotech/">
<img src="./images/facebook.png">
</a>
</li>
<li class="sns-button">
<a href="https://github.com/OthloTech/">
<img src="./images/github.png" alt="">
</a>
</li>
</ul>
<ul class="copyright">
<li>© 2017 <a href="https://www.othlo.tech" target="_blank"><span class='titillium-bold'>Othlo<span><span class='titillium-light'>Tech</span>.</a></li>
<li>Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAIt-3o42swIYIiuRuG8DKIZ3GckUIuru0"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>