Skip to content

Commit 10011c4

Browse files
adityavashisthaadityavashistha
committed
Changing Index.html
1 parent 245af97 commit 10011c4

File tree

1 file changed

+126
-0
lines changed

1 file changed

+126
-0
lines changed

‎index.html

+126
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<!-- Some credit goes to Mike Bostock for the example here:
4+
http://bl.ocks.org/mbostock/4060606 -->
5+
<head>
6+
<style>
7+
div {
8+
line-height: 1;
9+
}
10+
11+
.chart div {
12+
font: 12px sans-serif;
13+
text-align: center;
14+
color: white;
15+
width: 40px;
16+
height: 40px;
17+
display:inline-block;
18+
}
19+
20+
body {
21+
font-family: 'Open Sans', sans-serif;
22+
font-size: 14px;
23+
background: #fff;
24+
width: 100%;
25+
max-width: 960px;
26+
height: 100%;
27+
margin: 0 auto;
28+
}
29+
30+
31+
td {
32+
padding: 5px;
33+
}
34+
35+
h3 {
36+
color: #0000aa;
37+
}
38+
39+
40+
.states {
41+
fill: none;
42+
stroke: #fff;
43+
stroke-linejoin: round;
44+
}
45+
46+
#week-div {
47+
width: 1000px;
48+
text-align: center;
49+
}
50+
51+
#title-div {
52+
text-align: center;
53+
color: #0000aa;
54+
}
55+
56+
57+
#label-div {
58+
width: 1000px;
59+
text-align: center;
60+
}
61+
62+
#slider-div-container {
63+
width: 1000px;
64+
text-align: center;
65+
}
66+
67+
#slider-div {
68+
text-align: center;
69+
margin-left: 350px;
70+
}
71+
72+
.ui-slider-horizontal {
73+
width: 300px;
74+
}
75+
76+
.state {
77+
stroke: #fff;
78+
}
79+
</style>
80+
<link href="scripts/vendor/jquery-simple-slider/css/simple-slider.css" rel="stylesheet" type="text/css" />
81+
<link href="scripts/vendor/jquery-ui/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
82+
</head>
83+
<body>
84+
85+
<script data-main="scripts/main.js"
86+
src="scripts/vendor/requirejs/require.js"></script>
87+
<br />
88+
<div id="title-div">
89+
<h2>Visualizing Participation Growth of a Voice Based Social Media Platform in India</h2>
90+
</div>
91+
<table align='center'>
92+
<tr cellspacing="20">
93+
<td>
94+
<h3>Aditya Vashistha</h3>
95+
</td>
96+
<td>
97+
<h3>Sam Sudar</h3>
98+
</td>
99+
</tr>
100+
</table>
101+
102+
<div id="week-div">
103+
<h2>Select a Week</h2>
104+
</div>
105+
<div id="slider-div-container">
106+
<div id="slider-div"></div>
107+
</div>
108+
<div id="label-div" text-align="center">
109+
<h2 id="time-label"></h2>
110+
</div>
111+
<!--<div class="chart">-->
112+
<!--<b>Total Calls &nbsp;</b>-->
113+
<!--<div style="background-color: rgb(198,219,239); color:black">< 29</div>-->
114+
<!--<div style="background-color: rgb(158,202,225); color: black">< 145</div>-->
115+
<!--<div style="background-color: rgb(107,174,214); color: black">< 322</div>-->
116+
<!--<div style="background-color: rgb(66,146,198)">< 472</div>-->
117+
<!--<div style="background-color: rgb(33,113,181)">< 977</div>-->
118+
<!--<div style="background-color: rgb(8,81,156)">< 2259</div>-->
119+
<!--<div style="background-color: rgb(8,48,107)">< 8861 </div>-->
120+
<!--</div>-->
121+
122+
123+
124+
<div id="map"></div>
125+
</body>
126+
</html>

0 commit comments

Comments
 (0)