-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
139 lines (118 loc) · 5.84 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
<!DOCTYPE html>
<html lang="jp">
<head>
<meta charset="utf-8">
<title>福岡Debian勉強会/Fukuoka Debian Study</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="web page for Fukuoka Debian Study. 福岡Debian勉強会のサイトです ">
<meta name="author" content="">
<!-- Le styles -->
<link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 20px;
padding-bottom: 40px;
}
/* Custom container */
.container-narrow {
margin: 0 auto;
max-width: 700px;
}
.container-narrow > hr {
margin: 30px 0;
}
/* Main marketing message and sign up button */
.jumbotron {
margin: 60px 0;
text-align: center;
}
.jumbotron h1 {
font-size: 72px;
line-height: 1;
}
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px;
}
/* Supporting marketing content */
.marketing {
margin: 60px 0;
}
.marketing p + h4 {
margin-top: 28px;
}
</style>
<link href="./bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="./bootstrap/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="./bootstrap/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="./bootstrap/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="./bootstrap/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="./bootstrap/ico/favicon.png">
</head>
<body>
<div class="container-narrow">
<div class="masthead">
<ul class="nav nav-pills pull-right">
<li class="active"><a href="./index.html">ホーム/Home</a></li>
<li><a href="./history/index.html">勉強会履歴/History</a></li>
</ul>
<div class="span1"><img src="./img/fukuoka_debian.jpg" width="100"></div>
<h3 class="muted">福岡Debian勉強会<br />Fukuoka Debian Study</h3>
</div>
<hr>
<div class="jumbotron">
<h1>第04回福岡Debian勉強会を開催します！</h1>
<p class="lead">先月開催された大統一Debian勉強会のレポート等を話します。</p>
<p class="lead">Fukuoka Debian Study No.4 will be held on 2013/9/10 on AIP Cafe.</p>
<a class="btn btn-large btn-success" href="./history/index.html">続きを読む/Read More..</a>
</div>
<hr>
<div class="row-fluid marketing">
<div class="span6">
<h4>福岡Debian勉強会とは？What is Fukouka Debian Study?</h4>
<p>福岡、また周辺各地にいるDebian利用検討者、実利用者、開発者を集め、DebianやDebian周辺のパッケージや環境に対しての理解を深める勉強会です。</p>
<h4>どこで開催しているの？</h4>
<p>福岡県福岡市のどこかで毎回開催しています。今だと多分OnRampあたりです。</p>
<h4>参加対象者は誰ですか？</h4>
<p>Debianを使ってみよう、という初心者から、熟れて来た中級者、俺がDebianだという上級者まで誰でも参加可能です。講義タイプでただ話を聞くのではなく、参加者みんなで意見を出し合いDebianについて理解を深めるという会ですので、気後れせず是非参加してみてください</p>
</div>
<div class="span6">
<h4>いつ開催しているの？</h4>
<p>隔月に開催を行なう予定です（2013年)。次回は9月です。</p>
<h4>誰が主催しているの？</h4>
<p>#fukuoka_debianのハッシュタグをつぶやいている人達です</p>
<p>ご質問は<a href="https://twitter.com/ayakomuro" target="_blank">@ayakomuro</a>か<a href="https://twitter.com/minimum2scp" target="_blank">@minimum2scp</a>へどうぞ。</p>
<h4>どうやって参加すればいいの？</h4>
<p>#fukuoka_debian のハッシュタグを小まめにチェックするか、この<a href="https://github.com/fukuoka-debian">レポジトリ</a>を運営している人達をフォローするとATNDやZussarなどで参加イベント情報が流れてくるでしょう</p>
</div>
</div>
<hr>
<div class="footer">
<p>© Fukuoka Debian Study 2013</p>
</div>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./bootstrap/js/jquery.js"></script>
<!--
<script src="../assets/js/bootstrap-transition.js"></script>
<script src="../assets/js/bootstrap-alert.js"></script>
<script src="../assets/js/bootstrap-modal.js"></script>
<script src="../assets/js/bootstrap-dropdown.js"></script>
<script src="../assets/js/bootstrap-scrollspy.js"></script>
<script src="../assets/js/bootstrap-tab.js"></script>
<script src="../assets/js/bootstrap-tooltip.js"></script>
<script src="../assets/js/bootstrap-popover.js"></script>
<script src="../assets/js/bootstrap-button.js"></script>
<script src="../assets/js/bootstrap-collapse.js"></script>
<script src="../assets/js/bootstrap-carousel.js"></script>
<script src="../assets/js/bootstrap-typeahead.js"></script>
-->
</body>
</html>