-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
155 lines (154 loc) · 10.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Crime Against Children in India</title>
<meta name="description" content="An interactive map and visualizations for Crime Against Children in India"/>
<meta name="keywords" content="crimes against children, violence against children, crimes against children statistics, prevent child abuse, statistics of child abuse, child abuse awareness"/>
<link rel="shortcut icon" type="image/ico" href="assets/img/icons/favicon.ico"/>
<link rel="icon" href="assets/img/icons/favicon.svg"/>
<link rel="image_src" href="assets/img/snapshot_thumbnail.png"/>
<meta property="og:title" content="Crime Against Children in India"/>
<meta property="og:site_name" content="Crime Against Children in India"/>
<meta property="og:description" content="An interactive map and visualizations for Crime Against Children in India"/>
<meta property="og:image" content="http://gggodhwani.github.io/crime_against_children/assets/img/snapshot_thumbnail.png"/>
<meta property="og:url" content="http://gggodhwani.github.io/crime_against_children/"/>
<link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
<link href="assets/css/bootstrap-responsive.min.css" rel="stylesheet"/>
<link href="assets/css/leaflet.css" rel="stylesheet"/>
<link href="assets/css/MarkerCluster.css" rel="stylesheet"/>
<link href="assets/css/MarkerCluster.Default.css" rel="stylesheet"/>
<link href="assets/css/bootstrap-select.min.css" rel="stylesheet"/>
<link href="assets/css/style.css" rel="stylesheet"/>
</head>
<body>
<div class="container">
<div class="mashead">
<h3>Crime Against Children in India</h3>
<nav class="navbar navbar-inverse" role="navigation">
<div class="collapse navbar-collapse">
<ul id="menu-tab" class="nav navbar-nav">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="http://www.github.com/gggodhwani/crime_against_children" target="_blank">Code</a></li>
<li><a href="https://docs.google.com/forms/d/1DP0UX_lvow8LtWfQl9Jpcd611AXpGbHWb-K4AL5jhvk/viewform" target="_blank">Connect with Us</a></li>
</ul>
</div>
</nav>
</div>
<div id="content" class="tab-content">
<div class="tab-pane active" id="home">
<div>
<p class="lead">"There can be no keener revelation of a society's soul than the way in which it treats its children”, said Nelson Mandela. But how does India treat its children?
</p>
<p class="lead">
Everyday there are several cases of crimes against children reported in the media. There are statistics and reports published by various organizations. We know from them that the crimes against children are prevalent and serious. But often the information is scattered and might not holistically convey the situation and its severity. Here is beginning of an attempt to bring all information at one place, create interactive maps and visualizations, explore patterns and provide basis for causal explanations of the crimes based on these patterns and geographic distribution. We also hope to raise awareness and suggest improvements by applying the best practices of data science and algorithms.</p>
<p class="lead">
The data has been taken from <a href="http://data.gov.in/"> Open Government Data (OGD) Platform India</a> and refers to district wise details on crimes against children under various crime categories.
</p>
</div>
<div id="select-panel" class="panel panel-default">
<div class="panel-heading">
<h3 id="select-panel-title" class="panel-title"></h3>
</div>
<div class="panel-body container-fluid">
<div class="col-xs-4">
<span class="panel-title">Year:</span>
<select id="year-list" class="selectpicker">
<option selected="selected">2012</option>
<option>2011</option>
<option>2010</option>
<option>2009</option>
<option>2008</option>
<option>2007</option>
<option>2006</option>
<option>2005</option>
<option>2004</option>
<option>2003</option>
<option>2002</option>
<option>2001</option>
</select>
</div>
<div class="col-xs-4">
<span class="panel-title">State:</span>
<select id="states-list" class="selectpicker">
<option selected="selected" value="default">Focus on a State</option>
</select>
</div>
<div class="col-xs-4">
<span class="panel-title">Crime type:</span>
<select id="crime-type-list" class="selectpicker">
<option selected="selected" value="12">Total</option>
<option value="1">Murder</option>
<option value="2">Rape</option>
<option value="3">Kidnapping and Abduction</option>
<option value="4">Foeticide</option>
<option value="5">Abetment of suicide</option>
<option value="6">Exposure and abandonment</option>
<option value="7">Procuration of minor girls</option>
<option value="8">Buying of girls for prostitution</option>
<option value="9">Selling of girls for prostitution</option>
<option value="10">Prohibition of child marriage act</option>
<option value="11">Other Crimes</option>
</select>
</div>
</div>
</div>
<div id="progress" class="progress progress-striped active"><div id="progress-bar" class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: 30%">Loading</div></div>
<div id="map"></div>
</div>
<div class="tab-pane" id="about">
<p class="lead">We are a group of data science enthusiasts who are helping NGOs collect and analyse their data to make better and informed data driven decisions and have larger impact. If your NGO needs help with its data, please feel free to contact us:</p>
<br/>
<div class="container-fluid">
<div class="col-xs-4">
<img src="assets/img/profiles/gaurav.png" class="img-circle"/>
</div>
<div class="col-xs-8 well well-lg">
<h3>Gaurav Godhwani</h3>
<p class="lead">A technophillic with a vision to harness power of data science for child welfare & human well being.</p>
<a class="col-xs-1" href="mailto:[email protected]" target="_blank"><img src="assets/img/icons/gmail.png"/></a>
<a class="col-xs-1" href="http://github.com/gggodhwani" target="_blank"><img src="assets/img/icons/github.png"/></a>
<a class="col-xs-1" href="http://www.linkedin.com/pub/gaurav-godhwani/23/978/878" target="_blank"><img src="assets/img/icons/linkedin.png"/></a>
<a class="col-xs-1" href="http://twitter.com/gggodhwani" target="_blank"><img src="assets/img/icons/twitter.png"/></a>
</div>
</div>
<br/>
<div class="container-fluid">
<div class="col-xs-4">
<img src="assets/img/profiles/somya.png" class="img-circle"/>
</div>
<div class="col-xs-8 well well-lg">
<h3>Somya Gupta</h3>
<p class="lead">An idealist with a vision to empower children through technology and creative skill building.</p>
<a class="col-xs-1" href="mailto:[email protected]" target="_blank"><img src="assets/img/icons/gmail.png"/></a>
<a class="col-xs-1" href="http://github.com/psychosomyatic" target="_blank"><img src="assets/img/icons/github.png"/></a>
<a class="col-xs-1" href="http://www.linkedin.com/pub/somya-gupta/1b/272/326" target="_blank"><img src="assets/img/icons/linkedin.png"/></a>
<a class="col-xs-1" href="http://twitter.com/AweSomYa" target="_blank"><img src="assets/img/icons/twitter.png"/></a>
</div>
</div>
<br/>
<div class="container-fluid">
<p class="lead" style="text-align: center;">Special thanks to <a href="http://www.linkedin.com/pub/nischal-mothkuri/61/9b1/589">Nischal Mothkuri</a> for helping with the content and <a href="http://www.linkedin.com/in/vinayjain7">Vinay Jain</a> for giving important suggestions.</p>
</div>
</div>
</div>
</div>
<script src="assets/js/google-maps.js"></script>
<script src="assets/js/jquery.min.js" type="text/javascript"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/leaflet.js"></script>
<script src="assets/js/leaflet.markercluster-src.js"></script>
<script src="assets/js/leaflet-google.js"></script>
<script src="assets/js/bootstrap-select.min.js"></script>
<script src="assets/js/main.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-50476965-1', 'gggodhwani.github.io');
ga('send', 'pageview');
</script>
</body>
</html>