-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
139 lines (125 loc) · 9.14 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>
<head>
{% include "./html-templates/og_static.html" %}
<!-- Global site tag (gtag.js) - Google Analytics -->
{% include "./html-templates/ga.html" %}
{% include "./html-templates/imports_small.html" %}
</head>
<body>
{% include "./html-templates/fb.html" %}
<div id="main">
<div id="section-0">
<canvas id="title-canvas"></canvas>
<p class="jumbo-title">NUMBERSOFINDIA</p>
<!-- <p class="small-title">By The Bayesian Conspiracy</p> -->
</div>
<!-- <div id="section-1">
<div id="deck-map">
<canvas id="deck-canvas"></canvas>
</div>
</div> -->
<!-- <div id="section-2">
<div id="leaflet-map"></div>
</div> -->
<div id="section-3" class="row center-xs center-sm center-md center-lg">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 center-md row" style="display:flex;flex-direction: row">
<div style="display: flex; flex-direction: row; padding-bottom: 20px" class="row">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<p id='descrip' class="small-title">
Humans have always understood their surroundings through songs, stories and colours. And an
occasional
yoghurt flavour or street named after some famous dude. Data breathes life into these
narratives, and
hopefully filters out our collective, colossal, & cosmic stupidity. We're better off than
our ape
brethren because of our stories. We also try to kill each other - well, stories. Over 1.3
billion
such
humans live in India. India is a vibrant land, full of said songs, stories and colours. We
don't
understand her very well, though - at least I don't. This is an effort to fix that. This is
a
collection
of data stories & visualizations exploring Indian politics, business, entertainment, news and
sports.
<br>This is
<i style="font-weight: 100">Numbers Of India</i>.
</p>
</div>
<div style="display: flex;align-items: stretch;justify-content: center;flex-direction: column;"
class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<form class="tinyletter-form" action="https://tinyletter.com/nuwandavek" method="post"
target="popupwindow"
onsubmit="window.open('https://tinyletter.com/nuwandavek', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true">
<p>
<label for="tlemail">Subscribe to our Newsletter!</label>
</p>
<p>
<input type="text" name="email" id="tlemail" class="tinyletter-input"
placeholder="Enter your email id" />
</p>
<input type="hidden" value="1" name="embed" />
<input type="submit" value="Subscribe" class="tinyletter-button" />
<p class="tinyletter-link">
You'll get one colourful newsletter in your inbox, a month. <br>We promise to never spam you :) <br>
<a href="https://tinyletter.com" target="_blank">Powered by
TinyLetter</a>
</p>
</form>
</div>
</div>
<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12 row">
<div class="col-md-12 col-lg-12 col-xs-12 col-sm-12 button-container row">
<p class='col-md-2 col-lg-2 col-xs-4 col-sm-4 filter-buttons active-button all-filter' type="button" data-filter="all">All</p>
<p class='col-md-2 col-lg-2 col-xs-4 col-sm-4 filter-buttons politics-filter' type="button" data-filter=".politics">Politics</p>
<p class='col-md-2 col-lg-2 col-xs-4 col-sm-4 filter-buttons business-filter' type="button" data-filter=".business">Business</p>
<p class='col-md-2 col-lg-2 col-xs-4 col-sm-4 filter-buttons entertainment-filter' type="button" data-filter=".entertainment">
Entertainment</p>
<p class='col-md-2 col-lg-2 col-xs-4 col-sm-4 filter-buttons news-filter' type="button" data-filter=".news">News</p>
<p class='col-md-2 col-lg-2 col-xs-4 col-sm-4 filter-buttons sports-filter' type="button" data-filter=".sports">Sports</p>
</div>
<div class="container col-md-12 col-lg-12 col-xs-12 col-sm-12 " id="cards-container">
</div>
</div>
</div>
<div id='airtable' class="col-xs-12 col-sm-12 col-md-12 col-lg-12 center-md center-lg row">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 center-md center-lg">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="text-align: justify;display: flex;flex-direction: column;justify-content: center;align-items: flex-start; padding-bottom: 20px">
<p class="big-title">Public ToDo List</p>
<p style="font-size: 0.7em; color: #333">Numbers of India was created by <span style="font-weight: 800; color: #c0392b">Akash Mukherjee</span> (
<i class="fab fa-facebook"
onclick="window.open('https://www.facebook.com/akashdmukherjee','_blank')"></i>
<!-- <i class="fab fa-twitter" onclick="window.open('https://twitter.com/nuwandavek','_blank')"></i>
<i class="fab fa-youtube"
onclick="window.open('https://www.youtube.com/user/thegreybit/','_blank')"></i> -->
<!-- <i class="fab fa-instagram"
onclick="window.open('https://www.instagram.com/numbersofindia/','_blank')"></i> -->
<i class="fab fa-linkedin"
onclick="window.open('https://www.linkedin.com/in/akashdeepmukherjee/','_blank')"></i>
<!-- <i class="fab fa-github" onclick="window.open('https://github.com/numbersofindia','_blank')"></i> -->
), who stays in the US. It is currently maintained and developed by <span style="font-weight: 800; color: #c0392b">Vivek Aithal</span> (<i class="fab fa-facebook"
onclick="window.open('https://facebook.com/nuwandazlartx','_blank')"></i>
<i class="fab fa-twitter" onclick="window.open('https://twitter.com/nuwandavek','_blank')"></i>
<i class="fab fa-youtube"
onclick="window.open('https://www.youtube.com/user/thegreybit/','_blank')"></i>
<i class="fab fa-instagram"
onclick="window.open('https://instagram.com/nuwandavek/','_blank')"></i>
<i class="fab fa-linkedin"
onclick="window.open('https://www.linkedin.com/in/vivek-aithal-575b207b/','_blank')"></i>
<i class="fab fa-github" onclick="window.open('https://www.linkedin.com/in/vivek-aithal-575b207b/','_blank')"></i>), who can be spotted in Berkeley (USA), on pleasant, sunny days. We create most of the visualizations and stories here, with an odd contribution from friends/family/pets. This is a side project, so please be kind if NOI is not regular, and please be brutal if NOI is not useful or delightful.<br><br>
</p>
<p style="font-size: 0.7em; color: #333; font-weight: 800">If any task/story/analysis on the public to-do list below seems interesting, get in touch, you!</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<iframe class="airtable-embed" src="https://airtable.com/embed/shreiwqCgsLttwxN8?backgroundColor=gray"
frameborder="0" onmousewheel="" width="100%" height="533"
style="background: transparent; border: 1px solid #ccc;"></iframe>
</div>
</div>
</div>
</div>
{% include "./html-templates/footer.html" %}
</div>
</body>
</html>