forked from codeforkanazawa-org/5374
-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
108 lines (107 loc) · 6.77 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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta property="og:title" content="5374.jp 札幌市版" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://sapporo.5374.jp/" />
<meta property="og:description" content="札幌市のゴミの日がスマートフォンですぐ分かる。" />
<meta property="og:image" content="http://sapporo.5374.jp/OGP.jpg" width="600" height="600" />
<title>5374.jp 札幌市版</title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png" />
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
<link href="css/custom.css" rel="stylesheet" media="screen" />
<script>
(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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-54609451-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<style id="accordion-style" type="text/css"></style>
<div id="accordion"></div>
<select class="form-control" id="select_area"></select>
<div class="accordion" id="accordion3">
<div class="accordion-group-top">
<div class="accordion-heading">
<a class="accordion-toggle-top" data-toggle="collapse" data-parent="#accordion3" href="#collapse3_0">5374.jpについて</a>
</div>
<div id="collapse3_0" class="accordion-body collapse">
<div class="accordion-inner">
<div id="help">
ゴミの問題は、どの地域でも深刻になりつつあります。
Code for Sapporoでは、先ずは正しいゴミの捨て方に注目しました。
5374の目的と使い方は、とてもシンプルです。
<h2>目的</h2>
「いつ、どのゴミが収集されているのか？」
例えばお引っ越しをされた場合や、新しく札幌市に住むことになった時、このアプリを使えば、すぐに分かるようにデザインされています。
<h2>使い方</h2>
<h3>色でゴミのジャンルを表示</h3>
<p>一番近いゴミの日とジャンルを上から順に表示しています。</p>
<h3>捨てる事が可能なゴミ</h3>
<p>ゴミのジャンルをタップすると、捨てることが可能なゴミの一覧を見ることができます</p>
<h3>設定</h3>
<p>お住まいの地域を選択することで、ゴミ収集日が自動的に更新されます。</p>
<div id="caption">
<h4>提供されるゴミ情報について</h4>
<p>札幌市が公開しているデータからIOOD2014 Sapporo参加者が独自に解析し、アプリに実装しました。</p>
<h4>ライセンスについて</h4>
<p>本アプリの著作権はCode for Kanazawaに帰属します。</p>
</div>
<div id="cfk">
<h3>Code for Sapporoについて</h3>
<p>「コード」で私たちの札幌をちょっと良くしたい。<br />
Code for Sapporo は、札幌という地域の課題を「コード」によって解決していこうとするコミュニティです。<br />
私たちのまわりには、コードの力を少し加えてあげることで解決に近づく課題があると考えています。</br>
あなたのまわりの「ちょっと困った」「こうなったらいいのに」は、まだコードと出会っていないかもしれません。
</p>
<p>
Code for Sapporoは Internatilnal Open Data Day 2014のハッカソンの一つとして、Code for Kanazawa が行っている5374プロダクトに共感し、札幌版を作成しました。
</p>
<p>公式サイト<br />
<a href="http://www.codeforsapporo.org/" style=" color: #FF0000;text-decoration: underline;" target="_blank">http://www.codeforsapporo.org/</a>
</p>
<h3>Code for Kanazawaについて</h3>
<p>コードで、世界をHappyに。<br />
各地域には様々な課題があり、解決するためのコミュニティ（団体）も数多くあります。<br />
課題の中には、ITやデザインの力で解決できるものも多くありますが、全てのコミュニティにそのスキル（技術）が備わっているわけではありません。<br /><br />
Code for Kanazawa（CfK）は、市民の課題を集め、その課題を整理・分析した上で、メンバーが実際に課題解決となるソフトウェアやハードウェア（仕組みや方法）を開発します。<br />
私たちは、デザインをして、ソフトウェアコードを書き、課題を解決するサービスを完成させるのです。さらに、そのサービスを提供し続ける力も持ちます。<br /><br />
CfKは市民のための組織です。行政や民間企業の影響を受けずに中立・公益の立場から物事を判断するよう心がけています。<br /><br />
公式サイト<br />
<a href="http://www.codeforkanazawa.org/" style=" color: #FF0000;text-decoration: underline;">http://www.codeforkanazawa.org/</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- JavaScript plugins (requires jQuery) -->
<script src="js/jquery-1.10.2.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<!-- Enable responsive features in IE8 with Respond.js (https://github.com/scottjehl/Respond)
<script src="js/respond.js"></script>
-->
<!-- ブックマークお勧めポップアップ追加-->
<script src="js/bookmark-bubble/bookmark_bubble.min.js"></script>
<script src="js/bookmark-bubble/example/example.min.js"></script>
<script src="js/setting.js"></script>
<script src="js/script.js"></script>
<script>
(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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43926409-1', '5374.jp');
ga('send', 'pageview');
</script>
</body>
</html>