-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
92 lines (87 loc) · 4.01 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
<!doctype html>
<html>
<head>
<title>My CS398VL Project</title>
<!-- Bootstrap for themes and such -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- custom CSS rules to make your visualization pretty! -->
<link rel="stylesheet" href="css/custom.css" type="text/css" media="screen" />
</head>
<body>
<!-- Navigation bar -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">CS 398VL: Template</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<!-- Main content -->
<div class="container" id="content">
<div class="greeting">
<h1>CS398VL Starter Template</h1>
<p class="lead">Below is a histogram of data. Isn't it nice?</p>
</div>
<div id="main">
</div>
<hr />
<div class="row">
<div id="about" class="col-md-6">
<h3>About this Chart</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div id="comments" class="col-md-6">
<div id="disqus_thread"></div>
<noscript>Please enable JavaScript to view
the <a href="http://disqus.com/?ref_noscript">comments powered by
Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered
by <span class="logo-disqus">Disqus</span></a>
</div>
</div>
</div><!-- /.container -->
<!-- Javascript code goes down here so the page loads quickly. -->
<!-- jQuery: DOM manipulations, AJAX, etc. Access with $. -->
<script src="http://code.jquery.com/jquery-1.10.1.js"></script>
<!-- d3.js: Visualization library. Access with d3. -->
<script src="http://d3js.org/d3.v3.js" charset="utf-8"></script>
<!-- underscore: Utility library. Access with _. -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<!-- Your Javascript code should go here. -->
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
main();
</script>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'cs398vlskeleton'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
</body>
</html>