-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.haml
323 lines (323 loc) · 17 KB
/
index.haml
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
!!!
%html
%head{lang: "ja"}
%title ミス東工大コンテスト2017
%meta{charset: "utf-8"}
%meta{content: "width=device-width, initial-scale=1, maximum-scale=1", name: "viewport"}
%meta{content: "ミス東工大コンテスト2017X", name: "title"}
%meta{content: "ミス東工大コンテスト2017特設サイトです。ミス東工大コンテストは、今年一番“Sci色兼備“な東工大生を決める、毎年10月に行われる東工大の文化祭「工大祭」の中でも、最も盛り上がる目玉企画の一つです。皆様のエントリー、運営一同心よりお待ちしています！", name: "description"}
%meta{content: "ミスコン, 東工大, 2017, 東京工業大学, リケジョ", name: "keywords"}
%meta{content: "website", property: "og:type"}
%meta{content: "ミス東工大コンテスト2017", property: "og:title"}
%meta{content: "ミス東工大コンテスト2017特設サイトです。ミス東工大コンテストは、今年一番“Sci色兼備“な東工大生を決める、毎年10月に行われる東工大の文化祭「工大祭」の中でも、最も盛り上がる目玉企画の一つです。皆様のエントリー、運営一同心よりお待ちしています！", property: "og:description"}
%meta{content: "http://misscontest.titamas.net/assets/images/header.jpeg", property: "og:image"}/
%meta{content: "http://misscontest.titamas.net/", property: "og:url"}/
%meta{content: "ミス東工大コンテスト2017", property: "og:site_name"}/
%meta{content: "summary", name: "twitter:card"}/
%meta{content: "@titech_contest", name: "twitter:site"}/
%script{type: "text/javascript", src: "./assets/js/jquery-3.2.0.min.js"}
%script{type: "text/javascript", src: "./assets/js/bootstrap.min.js"}
%script{type: "text/javascript", src: "./assets/js/scroll.js"}
%link{rel: "stylesheet", type: "text/css", href: "./assets/css/bootstrap.min.css"}
%link{rel: "stylesheet", type: "text/css", href: "./assets/css/font.css"}
%link{rel: "stylesheet", type: "text/css", href: "./assets/css/main.css"}
%link{rel: "stylesheet", type: "text/css", href: "./assets/font-awesome/css/font-awesome.min.css"}
%link{href: "https://fonts.googleapis.com/css?family=Courgette", rel: "stylesheet"}
%link{rel: "shortcut icon", type: "image/x-icon", href: "./favicon.ico"}
%body
%nav.navbar.navbar-default.navbar-fixed-top
.container-fluid.navbar-position
.navbar-header
%button.navbar-toggle.collapsed{aria-expanded: "false", data-target: "#bs-example-navbar-collapse-1", data-toggle: "collapse", type: "button"}
%span.sr-only Toggle navigation
%span.icon-bar
%span.icon-bar
%span.icon-bar
%a.navbar-brand{href: "#intro"} TokyoTech Miss Contest 2017
#bs-example-navbar-collapse-1.collapse.navbar-collapse
%ul.nav.navbar-nav.navbar-right
%li
%a{href: "#info"} ミス東工大とは?
%li
%a{href: "#schedule"} スケジュール
%li
%a{href: "#detail"} 募集要項
%li
%a{href: "#qna"} Q&A
%li
%a{href: "#entry"} エントリー
%li.twitter
%a.twitter-share-button{data-hashtags: "東工大ミスコン", data-lang: "ja", data-size: "large", href: "https://twitter.com/share"}
:javascript
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
%section#intro
%img.headerImage{src: "./assets/images/header.jpeg"}
%section#info.text-center
.container
.row
.col-lg-8.col-lg-offset-2
%h1 ミス東工大とは?
.container
.row
.col-lg-8.col-lg-offset-2
%p
ミス東工大コンテストは、今年一番
%span.emphasis.main-color
%ruby
%rb "Sci色兼備"
%rt さいしょくけんび
な東工大生を決める、
%p 東工大の文化祭「工大祭」の中でも、最も盛り上がる目玉企画の一つです。
%p ひょっとすると、今年はあなたの番かもしれません。
%p 皆様のエントリー、運営一同心よりお待ちしています！
%section#outline.text-center
.container
.row
.col-lg-8.col-lg-offset-2
%h1 企画情報
.container
.row
.col-md-4.col-sm-6.col-lg-4.card-parent
.card
%h2
%i.icon.fa.fa-calendar
開催日時
%h3 ミス東工大コンテスト
%p 10月7日(土) or 10月8日(日)
%h3 グランプリ発表
%p 10月8日(日) 午後
.col-md-4.col-sm-6.col-lg-4.card-parent
.card
%h2
%i.icon.fa.fa-map-marker
開催場所
%p 東京工業大学大岡山キャンパス
%p 野外ステージ
.ggmap
%iframe{allowfullscreen: "", frameborder: "0", height: "450", src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d938.0511188122463!2d139.68272340233486!3d35.605030481882956!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018f88b899cc553%3A0x5d0763367373fca5!2sTokyo+Institute+of+Technology!5e0!3m2!1sen!2sjp!4v1490632627487", style: "border:0", width: "600"}
.clearfix.visible-sm-block
-# .col-md-4.col-sm-6.col-lg-3.card-parent
-# .card
-# %h2
-# %i.icon.fa.fa-thumbs-up
-# 投票方法
-# %h3 ミス東工大コンテスト
-# %p ネット投票
-# %h3 ミスター東工大コンテスト
-# %p こちらより投票が可能です
-# .clearfix.visible-md-block
.col-md-4.col-sm-6.col-lg-4.card-parent
.card
%h2
%i.icon.fa.fa-exclamation-triangle
注意事項
%ul
%li 雨天時は場所が変更となる場合がございます。
%li 日時は変更となる可能性がございます。
%li ネット投票は1日1票、当日投票は1人1票まで。
%li 公開している情報以外のコンテストに関するお問い合わせにはお答えできません。
%li 当日投票用紙は当日会場にて配布いたします。
%section#results.text-center
.container
.row
.col-lg-8.col-lg-offset-2
%h1{style: "margin-bottom: 0px;"} 歴代ミス東工大
%h1{style: "margin-top: 10px;"} グランプリ受賞者
.container
.row
.col-sm-6.col-md-5.col-md-offset-1
.thumbnail
%img{src: "./assets/images/miss1.jpg"}
.caption
%i.winner.fa.fa-trophy{aria-hidden: "true"}
%span.name 劉穎青
%p 2016年 ミス東工大
%p.desc 誕生日 : 1995/03/13
%p.desc 趣味 : 旅行、ダンス
%p.desc 身長 : 162.0cm
%p.title
%i.icon.fa.fa-bullhorn{aria-hidden: "true"}
今年度の参加者に一言
%p.comment いろいろな可能性に満ち溢れたイベント、それがミスコンだ！素晴らしい機会をいただけて本当に幸せでした！みんなも是非応募してください！
.col-sm-6.col-md-5
.thumbnail
%img{src: "./assets/images/miss2.jpg"}
.caption
%i.winner.fa.fa-trophy{aria-hidden: "true"}
%span.name 西田莉那
%p 2015年 ミス東工大
%p.desc 誕生日 : 1994/11/14
%p.desc 趣味 : ダンス、お菓子作り
%p.desc 身長 : 161.0cm
%p.title
%i.icon.fa.fa-bullhorn{aria-hidden: "true"}
今年度の参加者に一言
%p.comment 初めは「自分を可愛く見せなきゃいけない」と思い、恥ずかしく感じるかもしれませんが、「理系女子」とかいう肩書きや「ミスコン=華やか」なんてイメージは気にせず、自分が「面白い！楽しい！」と思ったことを表現できるのが「ミス東工大コンテスト」です！少しでも迷ったら是非頑張ってみてください！途中から、きっとやりがいがあって楽しいと感じるはずです！
%section#schedule.text-center
.container
.row
.col-lg-8.col-lg-offset-2
%h1{style: "margin-bottom: 0px;"} スケジュール
%p{style: "text-align: center; margin-bottom: 30px; font-size: 13px;"} 予定等は予告なく変更されることがあります。
.row
%ul.list-group
%li.list-group-item.clearfix
.schedule-item-date
%h3.start 3月31日〜
%h3.end 6月16日
.clearfix.visible-xs-block
.schedule-item-content
%h2 エントリー期間
%i.icon.fa.fa-caret-down
%ul.list-group
%li.list-group-item.clearfix
.schedule-item-date
%h3.start 6月17日〜
%h3.end 6月30日
.clearfix.visible-xs-block
.schedule-item-content
%h2 審査期間
%i.icon.fa.fa-caret-down
%ul.list-group
%li.list-group-item.clearfix
.schedule-item-date
%h3.start 9月10日〜
%h3.end 10月6日
.clearfix.visible-xs-block
.schedule-item-content
%h2 ネット投票期間
%i.icon.fa.fa-caret-down
%ul.list-group
%li.list-group-item.clearfix
.schedule-item-date
%h3.final 10月8日
.clearfix.visible-xs-block
.schedule-item-content
%h2
%i.winner.fa.fa-trophy{aria-hidden: "true"}
グランプリ決定
%section#detail.text-center
.container
.row
.col-lg-8.col-lg-offset-2
%h1{style: "margin-bottom: 0px;"} 募集要項
%p.text-muted{style: "text-align: center; margin-bottom: 30px; font-size: 13px;"}
詳細につきましては
%a{href: "https://drive.google.com/open?id=0B2vRXIQq9xMmTTBNYkZfOGhvTW8", target: "_blank"}別紙募集要項
をご覧ください。
.container
.row
.col-md-6.col-sm-12.col-lg-6.card-parent
.card
.row
%h2
%i.icon.fa.fa-pencil-square-o
参加資格
%ul
.col-lg-6.col-md-6.col-sm-6
%li 東京工業大学の学生及び院生であること。
%li 戸籍上の性別が女性であること。
%li 本企画所定の選考・リハーサルやイベントに参加できること。
%li 誓約書提出時において、公序良俗に反する経歴を有していないこと。
.col-lg-6.col-md-6.col-sm-6
%li 未成年者は保護者の同意を得ていること。
%li 昨年度コンテストに参加された方、応募された方も参加資格の対象に含まれます。
.col-md-3.col-sm-6.col-lg-3.card-parent
.card
.row
%h2
%i.icon.fa.fa-tasks
特記事項
%ul
.col-lg-12.col-md-12.col-sm-12.tokki
%li 参加者には豪華賞品がございます。
%li 当日の衣装、メイクについてはこちらで用意する予定です。
%li 企画内容は変更となる場合がございます。
.col-md-3.col-sm-6.col-lg-3.card-parent
.card
%h2
%i.icon.fa.fa-id-card
参加手続き
%p 下記のエントリーフォームより必要事項をご記入の上、ご応募お願いいたします。
%p
誓約書を提出した時点で
%a{href: "https://drive.google.com/open?id=0B2vRXIQq9xMmZVh1TGNlNHpjNVU", target: "_blank"}参加規約
に同意したとみなしますので、ご留意ください。
%section#qna.text-center
.container
.row
.col-lg-8.col-lg-offset-2
%h1 Q&A
.container
.row
.col-lg-8.col-lg-offset-2
.question
%h3.q Q. こういったイベントに参加したことがないのですが大丈夫ですか？
%h3 A. 大丈夫です！ご安心ください！運営がサポートさせていただきます！
.question
%h3.q Q. サークルに可愛い同期がいるのですが他薦は可能ですか？
%h3
A. 本人の同意があれば、
%span.emphasis 他薦
でのご応募も可能です。
.question
%h3.q Q. スケジュールが心配なのですが、どれくらいの頻度で集まる必要がありますか？
%h3
A. 7月あたりから
%span.emphasis 週に1回
程度の練習、直前は皆様次第です。その他、企業タイアップイベントなどがございます。
.question
%h3.q Q. 豪華賞品ってなんですか？気になります！
%h3 A. 受け取るまでのお楽しみです！ご応募お待ちしています！
%section#entry.text-center
.container
.row
.col-lg-8.col-lg-offset-2
%h1 エントリーフォーム
.row
%p
%a{href: "https://drive.google.com/open?id=0B2vRXIQq9xMmTTBNYkZfOGhvTW8", target: "_blank"}募集要項
および
%a{href: "https://drive.google.com/open?id=0B2vRXIQq9xMmZVh1TGNlNHpjNVU", target: "_blank"}参加規約
を
%p よくお読みになった上で、
%p 下記エントリーフォームよりエントリーをお願いします。
%a
%button.btn.btn-default{type: "button", style: "text-decoration: line-through; font-size: 15px;"} エントリーは終了しました。
%section#clubs.text-center
.container
.row
.col-md-5.col-md-offset-1.col-sm-6.col-lg-4.col-lg-offset-2.card-parent
%h1 運営団体
.card
%h2
%a{href: "http://koudaisai.jp/", target: "_blank"}
工大祭実行委員会(JIZI)
%a{href: "http://koudaisai.jp/", target: "_blank"}
%img{src: "./assets/images/JIZI.svg"}
%p.pull-right.text-muted.copyright © 工大祭実行委員会
.clearfix
%p
毎年10月に大岡山キャンパスで開催される東工大の学園祭、「工大祭」を開催しているのが工大祭実行委員会です。詳しくはこちらにどうぞ→
%a{href: "http://koudaisai.jp", target: "_blank"}http://koudaisai.jp/
.col-md-5.col-sm-6.col-lg-4.card-parent
%h1 広報協力
.card
%h2
%a{href: "http://titamas.net", target: "_blank"}
東工大メディア研究会
%a{href: "http://titamas.net", target: "_blank"}
%img{src: "./assets/images/TITAMAS.svg"}
%p.pull-right.text-muted.copyright © 東工大メディア研究会
.clearfix
%p 「東工大からもっとポップなカルチャーを。」というスローガンを元に活動している。活動内容はハッカソン出場、イベント企画、映像制作など多岐に渡る。
%footer.footer
.container
%span.text-muted © TITAMAS All rights reserved
:javascript
(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-85158380-2', 'auto');
ga('send', 'pageview');