-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (102 loc) · 5.64 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<meta property="og:title" content="私のゴミカレンダー 平成26年度静岡市版" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://shizu-gomi.appspot.com" />
<meta property="og:description" content="「私のゴミカレンダー」は静岡市のお住まいの地区のごみ収集日データをカレンダー形式でダウンロードできるサービスです" />
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/js/jquery.optionTree.js"></script>
<script src="js/2014-gomi-option.json" charset="utf-8"></script>
<link rel="stylesheet" href="/css/apps.css" />
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/font-awesome.min.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="静岡市のお住まいの地区のごみ回収日のデータをカレンダー形式でダウンロードできます。" />
<meta name="keywords" content="静岡市,ごみ,回収日,カレンダー,iCal,ics,可燃ゴミ,駿河区,葵区,清水区" />
<title>私のゴミカレンダー 平成26年度静岡市版</title>
</head>
<body>
<nav class="top-bar">
<h1>私のゴミカレンダー 平成26年度静岡市版</h1>
</nav>
<div id="header">
<p><span class="em">私のゴミカレンダー </span>は静岡市（一部地域除く）のお住まいの地区のごみ収集日
カレンダー形式でダウンロードできるサービスです。
ダウンロードしたファイル（icsファイル）はMacやiPhoneのカレンダーにインポートできます。
ゴミ回収日のリマインダーとして、スマホやPCのカレンダーに表示してご利用ください。
</p>
</div>
<div id="content">
<h3><span class="fa fa-arrow-down"></span> お住まいの地区を選び、数字のコードが入力されたらダウンロードボタンを押してください</h3>
<form method="get" id="myform">
<input type="text" name="chiku" id="inputbox"/>
<label for="onalarm">
<input type="checkbox" name="alarm" id="onalarm" />
カレンダーのアラーム機能を利用する
</label>
<button type="button" id="btn">カレンダーをダウンロード</button>
</form>
</div>
<div id="footer" class="row">
<p><span class="fa fa-info-circle"></span> このサービスは静岡市の「<a href="http://www.city.shizuoka.jp/deps/shushu/bunbetsu-guidebook.html">平成26年度 葵区・駿河区のごみの出し方・分別ガイドブック</a>」
を基に、 <a href="https://twitter.com/kudarisenmon" target="_blank">@kudarisenmon</a>さんに作成していいただいたデータを利用しています。</p>
<p><span class="fa fa-info-circle"></span> このサービスは、サービス制作者が個人的に運営するもので、不完全なデータを含んでいる場合があります。
正確なデータを知りたい方は静岡市のガイドブックをご利用ください。
またデータの不具合などお気づきのことがあれば、<a href="https://twitter.com/oec014">サービス制作者</a>のTwitterアカウントにぜひご連絡ください。
</p>
<div class="sns">
<!-- SNS LINE -->
<span>
<script type="text/javascript" src="//media.line.me/js/line-button.js?v=20140411" ></script>
<script type="text/javascript">
new media_line_me.LineButton({"pc":false,"lang":"ja","type":"a"});
</script>
</span>
<!-- SNS twitter-->
<div class="btn">
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja" data-count="none">ツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
<!-- SNS FB -->
<div class="btn">
<div class="fb-like" data-href="http://shizu-gomi.appspot.com" data-width="80px" data-layout="button" data-action="like" data-show-faces="true" data-share="false"></div>
</div>
</div>
</div>
<div id="footer-bar">
<div class="box">
<div class="name">Crafted by <a href="https://twitter.com/oec014">オーイシ</a></div>
</div>
</div>
<script type="text/javascript">
$(function() {
var config = {
choose: '地区を選んでください',
indexed: false,
empty_value: '1001'
}
$('input[name=chiku]').optionTree(option_tree,config);
$('#btn').click(function(){
chikuid = $('#inputbox').val()
if(chikuid != ""){
$('#myform').attr("action","/calendar");
$('#myform').submit();
}else{
alert("お住まいの地区を選んでください")
}
});
});
</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&appId=398395553627561&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>