This repository was archived by the owner on Aug 8, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
489 lines (475 loc) · 41.2 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
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
<!DOCTYPE html>
<html lang="ja" class="no-js">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0" />
<meta name="description" content="danmaq は、東方・ボカロおよびオリジナルを中心に、ゲームなど様々なコンテンツを提供する同人ブランドです。" />
<meta name="keywords" content="Touhou CtC, Concealed the Conclusion" />
<title>danmaq</title>
<link rel="stylesheet" type="text/css" href="./assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" integrity="sha384-OHBBOqpYHNsIqQy8hL1U+8OXf9hH6QRxi0+EODezv82DfnZoV7qoHAZDwMwEJvSw" crossorigin="anonymous">
<link rel="stylesheet/less" type="text/css" href="./assets/less/style.less" />
<style type="text/css">
body {
margin: 0rem;
}
.invisible,
.preload {
display: none !important;
}
.jumbotron {
width: 100vw;
height: 100vh;
margin: 0rem;
background: linear-gradient(135deg, #666099, #BBBFDC);
}
</style>
<script type="application/javascript" src="https://www.google.com/recaptcha/api.js" async="async" defer="defer"></script>
</head>
<body id="top" data-spy="scroll" data-target="#scroll-spy">
<header id="scroll-spy">
<nav class="preload navbar navbar-dark bg-faded navbar-fixed-top navbar-expand">
<div class="container-fluid animated fadeIn">
<a href="#top" class="navbar-brand"><img src="./assets/img/logo2012W.svg" class="logo-large" alt="danmaq" width="150" height="50" /></a>
<button class="navbar-toggler hidden-md-up float-xs-right collapsed" type="button" data-toggle="collapse" data-target="#navbar-header" aria-controls="navbar-header" aria-expanded="false" aria-label="Toggle navigation"></button>
<div class="clearfix hidden-md-up"></div>
<!-- fix navbar responsive bug -->
<div class="collapse offset-md-3 navbar-toggleable-sm animated slideInDown" id="navbar-header">
<ul class="nav navbar-nav">
<li class="nav-item"><a href="#works" class="nav-link">Works</a></li>
<li class="nav-item"><a href="#about" class="nav-link">About</a></li>
<li class="nav-item"><a href="#contact" class="nav-link">Contact</a></li>
<li class="nav-item"><a href="#column" class="nav-link">Blog</a></li>
</ul>
<div class="form-inline float-xs-right">
<a href="https://twitter.com/intent/tweet?url=https://danmaq.com/&text=danmaq%20%E3%81%AF%E3%80%81%E6%9D%B1%E6%96%B9%E3%83%BB%E3%83%9C%E3%82%AB%E3%83%AD%E3%81%8A%E3%82%88%E3%81%B3%E3%82%AA%E3%83%AA%E3%82%B8%E3%83%8A%E3%83%AB%E3%82%92%E4%B8%AD%E5%BF%83%E3%81%AB%E3%80%81%E3%82%B2%E3%83%BC%E3%83%A0%E3%81%AA%E3%81%A9%E6%A7%98%E3%80%85%E3%81%AA%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%82%92%E6%8F%90%E4%BE%9B%E3%81%99%E3%82%8B%E5%90%8C%E4%BA%BA%E3%83%96%E3%83%A9%E3%83%B3%E3%83%89%E3%81%A7%E3%81%99%E3%80%82"
target="_blank" class="btn btn-twitter" title="Tweet"><i class="fa fa-twitter fa-lg"></i></a>
<a href="http://www.facebook.com/sharer.php?u=https://danmaq.com/" target="_blank" class="btn btn-facebook" title="Share"><i class="fa fa-facebook fa-lg"></i></a>
<a href="javascript:window.open('http://b.hatena.ne.jp/add?mode=confirm&is_bm=1&title='+escape(document.title)+'&url='+escape(location.href),%20'_blank',%20'width=520,height=600,resizable=1,scrollbars=1');undefined;" target="_blank" class="btn btn-hatebu"
title="Hatena"><i class="fa fa-hatebu fa-lg"></i></a>
</div>
</div>
</div>
</nav>
</header>
<div class="jumbotron">
<div class="preload container">
<div class="row animated fadeIn">
<div class="col-xs-12 outline text-xs-center animated slideInUp">
<h1 class="display-4 jumbotron-h1">Creating, and Sharing.</h1>
<p>“danmaq” は、たった今も明日の“楽しい”を考えています。</p>
<p><a class="btn btn-primary btn-lg" href="#works" role="button">Learn more</a></p>
</div>
</div>
</div>
</div>
<section class="preload section">
<div class="container" id="works">
<div class="row">
<div class="col-xs-12 subtitle text-xs-center">
<h2>Works</h2>
<p>私たち “danmaq” のこれまでの活動を、4つの作品でご紹介します。</p>
</div>
</div>
<div class="row">
<div class="card work-thc col-lg-12 col-md-6">
<div class="card-block overcard row">
<div class="col-lg-5 col-xs-12">
<article>
<h3 class="card-title">東方夢終劇<br /><small> - Concealed the Conclusion</small></h3>
<p class="card-text">東方の悲しい物語。避けられぬ幻想郷最期の日を描いた、東方二次創作STG。突然の失踪を遂げた霊夢。幻想郷が徐々に朽ち始めて行く中、魔理沙は霊夢を見つけるため一人飛び立つ。</p>
</article>
<p><a class="btn btn-primary btn-lg" href="" role="button">Learn more</a></p>
</div>
<figure class="col-lg-7 hidden-md-down" data-type="iframe" data-src="https://www.youtube.com/embed/TLV-l93_h2Y?controls=0&rel=0" data-guest="true">
</figure>
</div>
</div>
<div class="card work-atc col-lg-12 col-md-6">
<div class="card-block overcard row">
<div class="col-lg-5 col-xs-12">
<article>
<h3 class="card-title">Answer the Conclusion</h3>
<p class="card-text">東方夢終劇の後日譚。幻想郷が消えた後の世界。妖怪たちの奇跡で郷の記憶を宿した少女が、幻想郷のキーとなる人物に出会う。東方×オリジナルなスピンオフ物語。</p>
</article>
<p><a class="btn btn-primary btn-lg" href="" role="button">Learn more</a></p>
</div>
<figure class="col-lg-7 hidden-md-down" data-type="iframe" data-src="https://www.youtube.com/embed/NmR9EevRMJc?controls=0&showinfo=0&rel=0">
</figure>
</div>
</div>
<div class="card work-thm col-lg-12 col-md-6">
<div class="card-block overcard row">
<div class="col-lg-5 col-xs-12">
<article>
<h3 class="card-title">結界幻想録 鏡<br /><small> - Mythical mirror</small></h3>
<p class="card-text">幻想郷のようでどこか違う。そんな不思議な世界に紛れ込んだいつもの妖怪たち。迫り来る敵どもに、場所は違えど大暴れ！オリジナルキャラも登場する、東方二次創作STG。</p>
</article>
<p><a class="btn btn-primary btn-lg" href="" role="button">Learn more</a></p>
</div>
<figure class="col-lg-7 hidden-md-down" data-type="iframe" data-src="https://www.youtube.com/embed/gW9yBVNVmKI?start=38&controls=0&rel=0" data-guest="true">
</figure>
</div>
</div>
<div class="card work-em col-lg-12 col-md-6">
<div class="card-block overcard row">
<div class="col-lg-5 col-xs-12">
<article>
<h3 class="card-title">EVIL MAGIC<br /><small> - 邪の魔術</small></h3>
<p class="card-text">不思議な能力が使える女の子エナとその弟と幼馴染は村の悪ガキ三人組として有名。しかしもっと悪いやつ、領主に幼馴染が攫われてしまい、館でも彼女らが大暴れ！ただの勧善懲悪では終わらない、新感覚のオリジナル物語！</p>
</article>
<p><a class="btn btn-primary btn-lg" href="" role="button">Learn more</a></p>
</div>
</div>
</div>
<div id="work-illust" class="card work-illust hidden col-lg-12 col-md-6" data-cat="illust" data-max="4">
<div class="card-block overcard row">
<div class="col-lg-5 col-xs-12">
<article>
<h3 class="card-title">イラスト活動</h3>
<p class="card-text">他にも、東方やVOCALOID、あるいはオリジナルなど様々なジャンルのイラスト制作活動も行なっています。Pixiv で過去のイラストを掲載しています。</p>
</article>
<p><a class="btn btn-secondary btn-lg" href="https://pixiv.me/danmaq" role="button" target="_blank">Go to Pixiv</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="preload section">
<div class="container" id="about">
<div class="row">
<div class="col-xs-12 text-xs-center subtitle">
<h2>About</h2>
<p>私たちは、<em>“創る”</em> と <em>“共有する”</em> に特化した、ゲーム制作サークルです。</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="card about-card">
<article class="card-block">
<h3 class="card-title">創る<small> - Creating</small></h3>
<p class="card-text">東方やボカロ、あるいはオリジナルの作品を作っています。作品は Web に随時公開、およびコミックマーケットや同人書店で頒布いたします。</p>
<img class="card-img" src="./assets/img/photos/comiket.jpg" alt="" width="320" height="240" />
<h4>最近の活動記録</h4>
<ul>
<li>2016/12 コミックマーケット91</li>
<li>2016/1 デジゲー博SPECIAL in 闘会議2016</li>
<li>2015/12 コミックマーケット89</li>
<li>ほか 20 以上のイベントでの作品頒布活動</li>
</ul>
</article>
</div>
</div>
<div class="col-md-6">
<div class="card about-card">
<article class="card-block">
<h3 class="card-title">共有する<small> - Sharing</small></h3>
<p class="card-text">作品制作のノウハウや世界観、そしてちょっとした制作のための心意気などをあなたに共有します。</p>
<img class="card-img" src="./assets/img/photos/workshop.jpg" alt="" width="320" height="240" />
<p class="card-text">具体的には、ニコ生などのライブ放送での活動のほか、オフラインでの定期交流会、そして初心者向けのゲームアプリ制作勉強会なども開催しております。</p>
</article>
</div>
</div>
</div>
<!--
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img class="d-block img-fluid" src="..." alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block img-fluid" src="..." alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block img-fluid" src="..." alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
-->
<div class="row">
<div class="col-xs-12 text-xs-center subtitle">
<h3>メンバー紹介</h3>
<p>サークル結成以来、プロジェクトごとに都度最高のチームを揃えて、完成したら解散、という形式で活動しています。<br />そのため固定メンバーは “まく” 一人です。</p>
</div>
</div>
<div class="row">
<div class="col-md-5">
<h3><ruby>Mc<rp>(</rp><rt>まく</rt><rp>)</rp></ruby><small> / Shuhei Nomura</small></h3>
<p>本職はフリーのプログラマー 兼 技術者養成講師。元々一人でゲームを作れるようになりたい、と足掻いているうちに、気付けば何でも屋になっていた。今後はWebとスマホ/PCアプリ制作、およびそれを教える活動に絞っていくつもり。</p>
<figure>
<img src="./assets/img/photos/enna.jpg" alt="" width="320" height="320" />
</figure>
</div>
<div class="col-md-7">
<h4>主なスキル</h4>
<ul class="row" id="achieve">
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="vm" data-p="12" data-img="docker.svg">docker</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="vm" data-p="10" data-img="ansible.svg">Ansible</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="vm" data-p="8" data-img="docker-compose.png">docker-compose</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="vm" data-p="5" data-img="vagrant.svg">Vagrant</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="vm" data-p="2" data-img="parallels.svg">Parallels</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="vm" data-p="1" data-img="virtualbox.svg">VirtualBox</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="iaas" data-p="20" data-img="sakura-vps.svg">SAKURA VPS</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="iaas" data-p="10" data-img="xserver.svg">XSERVER</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="iaas" data-p="3" data-img="sakura-cloud.svg">SAKURA CLOUD</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="saas" data-p="20" data-img="opensocial.svg">OpenSocial</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="saas" data-p="20" data-img="wercker.svg">wercker</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="saas" data-p="9" data-i="github">GitHub</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="saas" data-p="6" data-img="office365.svg">Microsoft Office 365</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="saas" data-p="3" data-i="twitter">Twitter</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="saas" data-p="2" data-img="chatwork.svg">chatwork</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="saas" data-p="1" data-img="gitter.svg">gitter</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="saas" data-p="1" data-i="slack">slack</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="saas" data-p="1" data-i="facebook-official">Facebook</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="saas" data-p="1" data-img="mixi.svg">mixi</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="manage" data-p="20" data-img="jenkins.svg">Jenkins</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="manage" data-p="18" data-img="redmine.svg">Redmine</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="manage" data-p="15" data-i="wordpress">WordPress</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="manage" data-p="8" data-img="Trac.svg">Trac</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="manage" data-p="7" data-img="msproject.svg">Microsoft Project</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="manage" data-p="6" data-i="git">Git</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="manage" data-p="2" data-img="subversion.svg">Subversion</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="backend" data-p="20" data-img="jekyll.svg">Jekyll</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="backend" data-p="20" data-img="meteor.svg">Meteor</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="backend" data-p="15" data-img="php.svg">PHP</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="backend" data-p="12" data-img="nginx.svg">NGINX</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="backend" data-p="10" data-img="imagick.svg">Image Magick</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="backend" data-p="8" data-img="perl.svg">Perl</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="backend" data-p="7" data-img="apache.svg">Apache HTTP Server</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="backend" data-p="2" data-img="tomcat.svg">Apache Tomcat</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="backend" data-p="1" data-img="java.svg">ORACLE Java</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="db" data-p="5" data-img="mongodb.svg">MongoDB</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="db" data-p="4" data-img="sqlite.svg">SQLite</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="db" data-p="3" data-img="mariadb.svg">MariaDB</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="db" data-p="3" data-img="mysql.svg">ORACLE MySQL</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="db" data-p="1" data-img="postgresql.svg">PostgreSQL</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="db" data-p="1" data-img="access.svg">Microsoft Access</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="front" data-p="3" data-img="bootstrap.svg">bootstrap</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="front" data-p="3" data-img="backbone.svg">BACKBONE.js</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="front" data-p="3" data-img="typescript.svg">TypeScript</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="front" data-p="2" data-img="jquery.svg">jQuery</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="front" data-p="2" data-i="html5">HTML</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="front" data-p="2" data-img="less.svg">LESS</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="front" data-p="2" data-img="javascript.svg">JavaScript</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="front" data-p="1" data-i="css3">CSS</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="flash" data-p="3" data-img="flex.svg">Apache Flex</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="flash" data-p="2" data-img="adobe-an.svg">Adobe Animate</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="flash" data-p="1" data-img="flash.svg">Adobe Flash</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="flash" data-p="1" data-ing="actionscript.svg">ActionScript</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="os" data-p="20" data-img="iphone.svg">iOS</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="os" data-p="20" data-i="android">Android</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="os" data-p="10" data-i="windows">Windows</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="os" data-p="10" data-img="macos.svg">macOS</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="os" data-p="5" data-img="cardboard.svg">Cardboard</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="os" data-p="2" data-img="freebsd.svg">FreeBSD</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="os" data-p="2" data-img="i-mode.svg">i-mode</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="os" data-p="2" data-img="ezweb.svg">EzWeb</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="os" data-p="1" data-img="xbox.svg">Xbox 360</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="linux" data-p="2" data-i="linux">Linux</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="linux" data-p="2" data-img="atomic-host.svg">Atomic Host</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="linux" data-p="2" data-img="alpine.svg">Alpine Linux</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="linux" data-p="2" data-img="ubuntu.svg">Ubuntu</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="linux" data-p="2" data-img="centos.svg">CentOS</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="linux" data-p="1" data-img="coreos.svg">CoreOS</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="linux" data-p="1" data-img="fedora.svg">Fedora</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="linux" data-p="1" data-img="debian.svg">Debian GNU/Linux</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="linux" data-p="1" data-img="opensuse.svg">OpenSUSE</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="ide" data-p="12" data-img="visualstudio.svg">VisualStudio</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="ide" data-p="10" data-img="adobe-fb.svg">Adobe Flash Builder</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="ide" data-p="7" data-img="xcode.svg">Xcode</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="ide" data-p="5" data-img="eclipse.svg">Eclipse</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="gameapi" data-p="10" data-img="unity3d.svg">Unity 3D</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="gameapi" data-p="8" data-img="air.svg">Adobe AIR</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="gameapi" data-p="7" data-img="monogame.svg">monoGame</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="gameapi" data-p="6" data-img="xna.svg">Microsoft XNA</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="gameapi" data-p="5" data-img="xamarin.svg">Xamarin</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="gameapi" data-p="3" data-img="cocos2d-x.png">cocos2d-x</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="gameapi" data-p="2" data-img="directx.svg">DirectX</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="lang" data-p="3" data-img="fsharp.svg">F#</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="lang" data-p="2" data-img="xaml.svg">XAML</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="lang" data-p="2" data-img="csharp.svg">C#</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="lang" data-p="2" data-img="mql4.svg">MQL4</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="lang" data-p="1" data-img="cpp.svg">C++</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="lang" data-p="1" data-img="qt.svg">Qt Quick</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="misc" data-p="20" data-i="free-code-camp">freecodecamp</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="misc" data-p="20" data-img="powershell.svg">PowerShell</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="misc" data-p="16" data-img="uml.svg">UML</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="misc" data-p="8" data-img="arduino.svg">Arduino</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="misc" data-p="7" data-img="markdown.svg">Markdown</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="misc" data-p="3" data-img="raspberry-pi.svg">Raspberry Pi</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="misc" data-p="2" data-ing="license-fe.svg">基本情報技術者(FE)</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="misc" data-p="2" data-img="license-ip.svg">ITパスポート(IP)</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="misc" data-p="1" data-img="license-pken.svg">P検 2級</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="misc" data-p="1" data-img="nuget.svg">NuGet</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="misc" data-p="1" data-img="minecraft.svg">Minecraft</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="misc" data-p="1" data-img="danmakufu.png">東方弾幕風</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="video" data-p="20" data-img="adobe-ae.svg">Adobe AfterEffects</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="video" data-p="12" data-img="imovie.svg">iMovie</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="video" data-p="2" data-img="aviutl.svg">AviUtl</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="video" data-p="1" data-img="nive.svg">NiVE</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text" data-achieve="graphic" data-p="2" data-img="metasequoia.svg">Metasequoia</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="graphic" data-p="3" data-img="adobe-fw.svg">Adobe Fireworks</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="graphic" data-p="1" data-img="blender.svg">blender</li>
<li class="col-md-4 col-sm-3 col-xs-4 achieve-text invisible" data-achieve="graphic" data-p="1" data-img="adobe-ps.svg">Adobe Photoshop</li>
</ul>
</div>
</div>
</div>
</section>
<section class="preload section">
<div class="container" id="contact">
<div class="col-xs-12 text-xs-center subtitle">
<h2>Contact</h2>
<p>ご意見は <a href="https://twitter.com/danmaq" target="_blank">Twitter</a> で受け付けております。下記のボタンを押して、@danmaq を消さずに、ご意見を続けて入れて送信してください。</p>
</div>
<div class="col-xs-12 text-xs-center">
<ul class="list-unstyled">
<li>
<a href="https://twitter.com/intent/tweet?screen_name=danmaq" class="twitter-mention-button" data-size="large" data-related="danmaq" data-dnt="true">Tweet to @danmaq</a>
</li>
<li><button type="button" role="button" class="btn btn-primary btn-sm" data-toggle="collapse" data-target="#email-form">Twitter ではなく、メールでの返信を希望します</button></li>
<li id="email-form" class="collapse">
<form class="form-horizontal">
<fieldset>
<legend>下記を全て埋めて、送信ボタンを押してください。</legend>
<div class="form-group">
<input type="email" class="form-control" id="email" placeholder="あなたのメールアドレス" required="required" />
<textarea class="form-control" placeholder="ご意見を記入してください。" rows="3" id="body" required="required"></textarea>
</div>
<div class="g-recaptcha col-md-7 col-sm-9" data-sitekey="6Ld0bBcUAAAAAFRPqh4atIsGD3n9G0iteecU3uHg"></div>
<div class="form-group submit-area col-md-5 col-sm-3 row">
<button type="reset" class="btn btn-default col-md-6 col-sm-12">キャンセル</button>
<button type="submit" class="btn btn-primary col-md-6 col-sm-12">送信</button>
</div>
</fieldset>
</form>
</li>
</ul>
</div>
<div class="col-xs-12 text-xs-center subtitle">
<h3>メルマガで最新情報を受け取りましょう</h3>
<p>“danmaq” 公式メルマガでは、最新の活動情報のほか、作品制作のノウハウや世界観、そしてちょっとした制作のための心意気などをあなたに共有いたします。今すぐ下記にあなたのメールアドレスを入れて、送信ボタンを押してください。</p>
</div>
<div class="col-xs-12 text-xs-center">
<form id="mail-magazine-form" class="form-horizontal">
<fieldset>
<legend>下記を全て埋めて、送信ボタンを押してください。</legend>
<div class="form-group submit-area col-sm-9">
<input type="email" class="form-control" id="email" placeholder="あなたのメールアドレス" required="required" />
</div>
<div class="form-group submit-area col-sm-3 row">
<button type="submit" class="btn btn-primary col-xs-12">送信</button>
</div>
</fieldset>
</form>
</div>
<div class="col-xs-12 text-xs-center subtitle">
<h3>SNS でも最新情報を受け取りましょう</h3>
<p>最新の活動状況も Twitter で配信中です。ほか SNS でも定期的に活動しています。</p>
</div>
<div id="sns" class="text-xs-center">
<ul class="list-unstyled row">
<li class="col-lg-2 col-sm-3 col-xs-4 offset-lg-2 offset-sm-0 offset-xs-2"><a class="btn btn-primary rounded-circle btn-lg" role="button" href="https://twitter.com/danmaq" target="_blank"><i title="twitter" class="fa fa-twitter fa-lg"></i></a></li>
<li class="col-lg-2 col-sm-3 col-xs-4">
<a class="btn btn-primary rounded-circle btn-lg" role="button" href="http://com.nicovideo.jp/community/co2711221" target="_blank"><img alt="niconico" title="niconico" src="./assets/img/links/2525.svg" width="640" height="640" /></a>
</li>
<li class="col-lg-2 col-sm-3 col-xs-4 offset-sm-0 offset-xs-2">
<a class="btn btn-primary rounded-circle btn-lg" role="button" href="https://pixiv.me/danmaq" target="_blank"><img alt="Pixiv" title="Pixiv" src="./assets/img/links/pixiv.svg" width="640" height="640" /></a>
</li>
<li class="col-lg-2 col-sm-3 col-xs-4"><a class="btn btn-primary rounded-circle btn-lg" role="button" href="https://github.com/danmaq" target="_blank"><i title="github" class="fa fa-github fa-lg"></i></a></li>
</ul>
</div>
</div>
</section>
<section class="preload section">
<div class="container" id="column">
<div class="col-xs-12 text-xs-center subtitle">
<h2>Blog</h2>
<p>直近 5 件の新着ブログ記事を掲載します。</p>
</div>
<div class="col-xs-12 card-deck">
<div class="card">
<img class="card-img-top" src="./assets/img/photos/workshop.jpg" alt="Card image cap">
<div class="card-block">
<h3 class="card-title">Card title</h3>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Button</a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./assets/img/photos/comiket.jpg" alt="Card image cap">
<div class="card-block">
<h3 class="card-title">Card title</h3>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Button</a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./assets/img/photos/enna.jpg" alt="Card image cap">
<div class="card-block">
<h3 class="card-title">Card title</h3>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Button</a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./assets/img/photos/workshop.jpg" alt="Card image cap">
<div class="card-block">
<h3 class="card-title">Card title</h3>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Button</a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./assets/img/photos/comiket.jpg" alt="Card image cap">
<div class="card-block">
<h3 class="card-title">Card title</h3>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
<a href="#" class="btn btn-primary">Button</a>
</div>
</div>
<div class="card">
<img class="card-img-top" src="./assets/img/photos/enna.jpg" alt="Card image cap">
<div class="card-block">
<h3 class="card-title">過去の記事も見る</h3>
<a href="#" class="btn btn-primary">More</a>
</div>
</div>
</div>
</div>
</section>
<footer class="preload container-fluid text-xs-center d-copy">
<div class="row">
<p class="col-xs-12">
“danmaq” は DAYS PRODUCTION が運営する、同人ブランドです。<br>
<i class="fa fa-copyright" aria-hidden="true"></i> 1999-2017 danmaq / DAYS PRODUCTION All rights reserved.
</p>
<ul class="col-xs-12 list-unstyled">
<li><a href="privacy.html">プライバシー ポリシー</a></li>
</ul>
</div>
</footer>
<!-- Libs -->
<script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.7.2/less.min.js" integrity="sha384-tNVWZNCzgnTSr8HLSfGS6L7pO03KOgRXJsprbx6bitch1BMri1brpoPxtyY4pDqn" crossorigin="anonymous" async="async"></script>
<script type="application/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script>
<script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script type="application/javascript" src="./assets/js/bootstrap.min.js" async="async"></script>
<script type="application/javascript" src="./assets/js/default.js" async="async"></script>
</body>
</html>