forked from codeforkanazawa-org/5374
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
107 lines (107 loc) · 7.26 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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>5374(ｺﾞﾐﾅｼ).jp for Hiroshima</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="img/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" />
</head>
<body>
<style id="accordion-style" type="text/css"></style>
<div id="accordion"></div>
<select class="form-control" id="select_group"></select>
<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 Kanazawaでは、先ずは正しいゴミの捨て方に注目しました。
目的と使い方は、とてもシンプルです。
<h2>目的</h2>
「いつ、どのゴミが収集されているのか？」
例えばお引っ越しをされた場合や、新しく金沢市に住むことになった時、このアプリを使えば、すぐに分かるようにデザインされています。
<h2>使い方</h2>
<h3>色でゴミのジャンルを表示</h3>
<p>一番近いゴミの日とジャンルを上から順に表示しています。</p>
<h3>捨てる事が可能なゴミ</h3>
<p>ゴミのジャンルをタップすると、捨てることが可能なゴミの一覧を見ることができます</p>
<h3>設定</h3>
<p>お住まいの地域を選択することで、ゴミ収集日が自動的に更新されます。</p>
<h3>問い合わせ先</h3>
<p> 広島版の5374.jpは以下のいずれかの方法でお問い合わせください。
ボランティアで活動しているため、返信が遅くなったり漏れてしまうことがあります。ご理解いただき、ご了承ください。
</p>
<ul>
<li>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSf92HJah_AaUSY-tuooanSF2PZ2gYcR6DwV5BBgPIv3GNqNhg/viewform?c=0&w=1">Google Form</a>
</li>
<li>
<a href="https://github.com/great-h/5374/issues">GitHub Issue</a>
</li>
</ul>
<div id="caption">
<h4>提供されるゴミ情報について</h4>
<p>広島市が公開しているデータを独自に解析し、アプリに実装しました。</p>
<h4>ライセンスについて</h4>
<p>本アプリの著作権はCode for Kanazawaに帰属します。</p>
</div>
<div id="cfk">
<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/">http://www.codeforkanazawa.org/</a>
</p>
</div>
<div id="hiroshima" class="hiroshima">
<h3>広島版について</h3>
<p>広島版は<a href="http://code4hiroshima.org/">Code for Hiroshima</a>によって制作され、運営しています。間違い、要望などありましたら気軽にご連絡ください。</p>
<p>また、配色や画像の作成に<a href="http://shikiori.com/">株式会社 織</a>さまにご協力いただきました。</p>
<p>技術的な面においては<a class="great-h" href="http://great-h.github.io/">すごい広島</a>にご協力いただきました。</p>
<p><a class="great-h" href="https://github.com/great-h/5374">GitHub - great-h/5374</a></p>
<p>本サイトには「広島市 環境局業務部業務第一課」が公開している「<a href="https://www.city.hiroshima.lg.jp/site/opendata/13797.html">令和３年家庭ゴミ収集日程表</a>」のデータを利用しています。
令和３年家庭ゴミ収集日程表はCC－BY(表示)で公開されています。</p>
<p><a href="http://creativecommons.org/licenses/by/4.0/deed.ja"><img src="https://camo.githubusercontent.com/decf20eb4b29bf605ec1fd7658fbf12f1d5f492a/687474703a2f2f7777772e636974792e6869726f7368696d612e6c672e6a702f7777772f696d6167652f6f70656e646174612f636362792e706e67" alt="ccby" data-canonical-src="http://www.city.hiroshima.lg.jp/www/image/opendata/ccby.png" style="max-width:100%;"></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-78614516-1', 'auto');
ga('send', 'pageview');
</script>
<a class="cal5374 btn btn-default" data-ics="http://cal5374.code4okinawa.org/calendar.ics" data-site="http://hiroshima.5374.jp" data-title="iCal" href="http://cal5374.code4okinawa.org/calendar?site=http%3A%2F%2Fhiroshima.5374.jp">iCal</a>
<script src="/js/calendar.js"></script>
</body>
</html>