-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
177 lines (156 loc) · 9.02 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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="backspacetokyo">
<meta name="keywords" content="backspacetokyo, backspace, Satoru Higa, Motoi Shimizu, Takuto Usami">
<meta name="robots" content="index,follow">
<meta name="author" content="backspacetokyo">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="./favicons/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<meta name="format-detection" content="telephone=no">
<title>backspacetokyo</title>
<link href="./vendor/bootstrap-4.0.0-alpha.6-dist/css/bootstrap.min.css" rel="stylesheet">
<link href="./css/2017early.css" rel="stylesheet">
<link rel="apple-touch-icon" sizes="57x57" href="./favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="./favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="./favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="./favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="./favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="./favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="./favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="./favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="./favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="./favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="./favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicons/favicon-16x16.png">
<link rel="icon" href="./favicons/favicon.ico">
<link rel="manifest" href="./favicons/manifest.json">
<meta property="og:title" content="backspacetokyo">
<meta property="og:type" content="website">
<meta property="og:site_name" content="backspacetokyo">
<meta property="og:image" content="http://backspace.tokyo/ogp.png">
<meta property="og:description" content="backspacetokyo website">
<meta property="og:url" content="http://backspace.tokyo/">
<meta property="og:site_name" content="backspacetokyo">
</head>
<body>
<div class="collapse bg-inverse" id="navbarHeader">
<div class="container">
<div class="row">
</div>
</div>
</div>
<div class="navbar navbar-inverse bg-inverse">
<div class="container d-flex justify-content-between">
<a href="/" class="navbar-brand">backspacetokyo</a>
<!-- button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button -->
<p class="text-muted lang"><a href="./en" class="text-white">English</a> / 日本語</p>
</div>
</div>
<section class="jumbotron text-center" id="video">
<div class="container">
<h1 class="jumbotron-heading"><img src="./images/[email protected]" alt="backspacetokyo"></h1>
<!-- p class="lead text-muted">Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don't simply skip over it entirely.</p>
<p>
<a href="#" class="btn btn-primary">Main call to action</a>
<a href="#" class="btn btn-secondary">Secondary action</a>
</p>
-->
</div>
<!--
<div id="videobcg"></div>
<video id="videobcg" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
<source src="./images/entrance.mp4" type="video/mp4">
Sorry, your browser does not support HTML5 video.
</video>
-->
</section>
<div class="album text-muted">
<div class="container">
<!--
<h2 class="display-4">News</h2>
<div class="row">
<div class="col-md-4 archive">
<a href="https://tokyomusicodyssey.jp/sound/"><img src="./images/news/20170112.jpg" alt="SOUND & VISION @ 渋谷WWW DAOKO × Kezzardrix+backspacetokyo"></a>
<h3>SOUND & VISION @ 渋谷WWW</h3>
<p class="card-text">
<small class="date">January 12nd, 2017</small><br>
3/3(金)の<a href="https://tokyomusicodyssey.jp/sound/">『SOUND & VISION』@渋谷WWW X</a>にヒップランド『INT』所属のKezzardrixが"DAOKO × Kezzardrix+backspacetokyo"として出演します。
</p>
</div>
</div> -->
<!-- <hr> -->
<!-- -->
<h2 class="display-4 event"><small>Event: </small> Backspace to Enterkey</h2>
<p class="lead">backspacetokyoに訪れたアーティスト・デベロッパー・ハッカーを囲んで話をしたり、交流する事を目的にしたイベント。既にonlineに上がっているプロジェクトの単なる紹介プレゼンテーションでは無く、彼らの活動や文化・マインドを分けてもらったり、こちらの出来事を伝えたり出来たら良いな、という趣旨で開催をします。短い期間東京で過ごす彼らの新しい友達作りの機会としても機能する事を願っています。<br />このイベントは、ゲストが来日したタイミングで適宜開催されます。</p>
<div class="row">
<div class="col-md-4 archive">
<a href="./enterkey/2/"><img src="./images/enterkey-2.jpg" alt="Backpsace to Enterkey #2 - Roy Macdonald"></a>
<h3>
<small>#2</small><br>
Roy Macdonald
</h3>
<p class="card-text">
<small class="date">May 12th, 2016 @ Kingyo, Ebisu - hosted by 2bit</small><br>
openFrameworksユーザーならたぶん名前は知ってる筈、Royくん from República de Chile!
</p>
</div>
<div class="col-md-4 archive">
<a href="./enterkey/1/"><img src="./images/enterkey-1.gif" alt="Backpsace to Enterkey #1 - Jonathan Dahan, Jordi Puig"></a>
<h3>
<small>#1</small><br>
Jonathan Dahan, Jordi Puig
</h3>
<p class="card-text">
<small class="date">May 20th, 2015 @ Kingyo, Ebisu - hosted by Motoi Shimizu</small><br>
<a href="http://sfpc.io">SFPC</a>1期で同級生だったNYのザ・ハッカー野郎 Jedahanくんからは「コードとの寄り添い方について」, バルセロナのデジタルアートポッセ LUMMO でおなじみのJordiも登場、ヨーロッパでの長年の活動報告や現地エージェンシーの話。
</p>
</div>
</div>
<!-- -->
<hr>
<!-- -->
<h2 class="display-4">People</h2>
<ul class="avatars">
<li><a href="http://aoiannex.com"><img src="./images/c-motoi.png" alt="Motoi Shimizu"></a></li>
<li><a href="http://satoruhiga.com"><img src="./images/c-satoruhiga.png" alt="Satoru Higa"></a></li>
<li><a href="https://vimeo.com/124225368"><img src="./images/c-usm.png" alt="Takuto Usami"></a></li>
</ul>
<!-- -->
</div>
</div>
<footer class="bg-inverse">
<div class="container">
<div class="col-sm-7 py-4 float-left">
<h4 class="text-white">About backspacetokyo</h4>
<p class="text-muted">映像制作、舞台演出テクニカルサポート、VRシステム制作、VJ、R&D、モバイルアプリケーション開発、Web制作等、様々な場面でフットワーク軽く働く、それぞれ違ったバックグランドを持ったアーティスト・プログラマが在籍する少人数のプロダクションチーム。</p>
<p class="text-muted">コーディングカルチャーに根ざした表現を行なっている。</p>
</div>
<div class="col-sm-5 py-4 float-left">
<h4 class="text-white">Contact</h4>
<ul class="list-unstyled">
<li class="text-muted" style="margin-bottom:10px;">
151-0071<br>
東京都 渋谷区 本町 6-4-5<br>城南本町ビル 101<br>
</li>
<li class="text-muted">Email:<br>[email protected]</li>
</ul>
</div>
<hr style="clear:both">
<p class="text-muted" style="padding-left:15px">© 2017 backspacetokyo</p>
</div>
</footer>
<script src="./vendor/jquery-3.1.1.slim.min.js"></script>
<script src="./vendor/tether/1.4.0/tether.min.js"></script>
<script src="./vendor/bootstrap-4.0.0-alpha.6-dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug
<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-->
</body>
</html>