-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
194 lines (188 loc) · 8.66 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>aozorahack</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style type="text/css">
body {
line-height: 1.6;
}
@media ( min-width: 1000px ) {
div.jumbotron {
min-height: 400px;
}
}
@media ( min-width: 768px ) {
body {
padding-top: 80px;
}
.bs-docs-section {
margin-top: 4em;
}
}
.block {
margin: 0 1em;
padding: 4em 0 8em 0;
}
div.jumbotron {
background: url("/images/aozorahack-image.jpg") center 0 no-repeat;
}
h1#jumbotron-h1, p.lead {
min-height: 100px;
text-align: center;
color: #555;
font-weight: bold;
}
h3 {
padding: 10px;
}
div#goal-sec h2 {
text-align: center;
padding: 0 0 2em 0;
}
div#goal-sec h3 {
min-height: 3.2em;
}
div#goal-sec, footer {
background-color: #fff;
width: 100%;
}
div.notice {
margin-bottom: 40px;
}
footer {
font-size: 10pt;
}
</style>
<!--[if lt IE 9]>
<script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="body">
<header id="header">
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a href="#body" class="navbar-brand">aozorahack</a>
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse" id="navbar-main">
<ul class="nav navbar-nav">
<li><a href="#goal">#aozorahackがめざすもの</a></li>
<li><a href="#joinus">今後の予定</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</header>
<div id="top" class="container block">
<div class="jumbotron">
<div class="row">
<div class="col-xs-12">
<h1 id="jumbotron-h1">#aozorahack</h1>
<p class="lead">青空文庫をハックしたいひと、募集中</p>
</div>
</div>
</div>
<div class="bs-docs-section">
<div class="row">
<div class="col-xs-12 col-md-8 col-md-offset-2">
<p>著作権切れのテキストを中心に、今や1万3000作品の自由な電子本を収蔵する日本最大級のインターネット電子図書館「青空文庫」。青空文庫の運営はボランティアによって受け継がれてきました。1997年のスタートから着実に蔵書数を増やしてきましたが、だんだんとそのシステムは古くなってきてしまいました。</p>
<p>そこで青空文庫を技術の力で支えようとスタートしたのが #aozorahack です。青空文庫とは協業関係にあり、本の未来基金の支援を受けています。当面の目標はサーバの安定運用とシステムの分散ですが、それ以外にも青空文庫が今後も続いていけるようなしくみをみなさんと一緒に考えて、動かしていければと考えています。</p>
<p>どうかあなたの力を貸してください。興味本意でも全然OK。まずは声をかけてください。</p>
</div>
</div>
</div>
</div>
<div id="goal"></div>
<div id="goal-sec">
<div class="container block">
<div class="bs-docs-section">
<h2>#aozorahackがめざすもの</h2>
<div class="row">
<div class="col-md-4">
<h3 class="bg-primary">青空文庫が長く使えるように</h3>
<p>
青空文庫はサーバの増築を繰り返して発展してきました。しかし青空文庫のボランティアの人たちが使う「作業着手連絡システム」（チケット管理やバージョン管理、バグトラッキングを包括する青空文庫独自のウェブアプリ）を収容するサーバの老朽化が問題となっています。そこで #aozorahack ではそのサーバをまずは保護し、新しい環境で動かせるような手当てを進めています。また作業着手連絡システムをより使いやすくすることも考えています。
</p>
</div>
<div class="col-md-4">
<h3 class="bg-primary">青空文庫にもっとたくさんの電子テキストを</h3>
<p>
青空文庫に収蔵されているテキストは世界中にいる青空文庫のボランティアが入力しています。ただ入力が終わったからといってそのままテキストを公開するわけではありません。ボランティアから送られてきた電子テキストを元の本と照らし合わせて誤りがないかをチェックする校正作業を経てから、やっと公開となるわけです。この入力と校正の作業がより楽なものになれば、もっと青空文庫に電子テキストを増やすことができます。#aozorahack ではこの作業をより簡単にする技術的なしくみを考えていきます。
</p>
</div>
<div class="col-md-4">
<h3 class="bg-primary">青空文庫をもっとおもしろく</h3>
<p>
青空文庫にはたくさんの電子テキストがあります。青空文庫を通して、思わぬ本との出会いが生まれるかもしれません。また青空文庫のテキストをビッグデータとして利用し、新しい何かが生まれることができるかもしれません。そのためには青空文庫をもっとたくさんの人に使いやすく提供することが必要です。#aozorahack では現在の青空文庫に新しい機能を付け加えたり、さまざまなデータ形式で本へのアクセスができるようなしくみを考えていきます。
</p>
</div>
</div>
</div>
</div>
</div>
<p id="joinus"></p>
<div class="container block">
<div class="bs-docs-section">
<div class="row">
<h2 class="col-xs-12 col-md-8 col-md-offset-2">今後の予定</h2>
<div class="col-xs-12 col-md-8 col-md-offset-2">
<p>
連絡には
<a href="https://aozorahack.slack.com">Slack</a>と<a href="https://github.com/aozorahack/aozorahack">GitHub</a>を使っていますが、オンラインでも参加できるようなかたちで運用します。またアイデアソンやハッカソンの実施、入力イベント（シャッカソン）も開催しています。前回のハッカソンは東京だけでなく、福岡からのリモート参加も実施しました。みなさんからのアイデアもお待ちしています！
</p>
</div>
</div>
</div>
<div id="contact"></div>
<div class="bs-docs-section">
<div class="row">
<h2 class="col-md-8 col-md-offset-2">Contact</h2>
<div class="col-xs-12 col-md-8 col-md-offset-2">
<p>
<i class="fa fa-github"></i>
GitHub: <a href="https://github.com/aozorahack/aozorahack">https://github.com/aozorahack/aozorahack</a>
</p>
<p>
<i class="fa fa-slack"></i>
Slack: <a href="https://aozorahack.slack.com">https://aozorahack.slack.com</a>
(<a href="https://aozoraslackin.herokuapp.com/">https://aozoraslackin.herokuapp.com/</a>から参加できます)</p>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<h2>credit</h2>
<p>
Book by Samuel Q. Green from the Noun ProjectCloud by Viktor Fedyuk from the Noun Project (CC BY 3.0 US)
<a href="https://thenounproject.com/term/book/4080/">https://thenounproject.com/term/book/4080/</a>
</p>
<p>
Cloud by Viktor Fedyuk from the Noun Project (CC BY 3.0 US)
<a href="https://thenounproject.com/term/cloud/166562/">https://thenounproject.com/term/cloud/166562/</a>
</p>
<p>
About CC Lisence:
<a href="http://creativecommons.org/licenses/by/3.0/us/">http://creativecommons.org/licenses/by/3.0/us/</a>
</p>
<p>
CSS framework: Honoka <a href="http://honokak.osaka/">http://honokak.osaka/</a> based on Bootstrap <a href="http://getbootstrap.com/">http://getbootstrap.com/</a>
</p>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>