-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·78 lines (72 loc) · 3.51 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>FinanViz</title>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="src/style/main.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://d3js.org/d3-selection-multi.v1.min.js"></script>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="lib/d3.layout.wordstream.js"></script>
<script src="lib/d3-tip.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.0.1/spin.min.js'></script>
<script src="lib/autocomplete.js"></script>
<script src="src/script/forcenet.js"></script>
<!--<script src="src/script/convert.js"></script>-->
<!--<script src="src/script/twitter.js"></script>-->
<!--<script src="src/script/TimeArcsconvert.js"></script>-->
<!--<script src="src/script/timearc2.js"></script>-->
<!--<script src="src/script/main2.js"></script>-->
<script src="src/script/main.js"></script>
</head>
<body>
<div class="navbar-fixed">
<nav id ="navbar">
<div class="nav-wrapper">
<a href="#!" class="brand-logo center">FinanViz</a>
<!--<div autocomplete="off" action="none" id="searchdiv">-->
<!--<div class="autocomplete">-->
<!--<input id="theWord" type="text" name="theWord" autofocus placeholder="words">-->
<!--</div>-->
<!--<button class="btn" onclick="searchWord()">-->
<!--<i class="material-icons">search</i>-->
<!--</button>-->
<!--</div>-->
<div class="left hide-on-med-and-down row valign-wrapper">
<div class="input-field col">
<input type="text" id="autocomplete-input" class="autocomplete col" placeholder="Key words ....">
</div>
<i class="small material-icons right btn-small btn-flat" id="searchbtn" onclick="searchWord()">search</i></a>
</div>
<!--<a class="btn" onclick="searchWord()">-->
<!--<i class="material-icons">search</i>-->
<!--</a>-->
<ul class="right hide-on-med-and-down valign-wrapper" id="toogle">
<li id="IsWeekly" disabled><a>Weekly</a></li>
<li id="IsSeperate" disabled><a>Stack</a></li>
</ul>
</div>
</nav>
</div>
<!--<div class="options" id ="navbar">-->
<!--<div class="setting">-->
<!--<input type="checkbox" id="IsWeekly" disabled> Weekly-->
<!--<input type="checkbox" id="IsSeperate" disabled > Stack-->
<!--</div>-->
<!--</div>-->
<section class="timeline" id = "timelinewImg"></section >
<section class = "centered" id= "loading"></section>
<section class="forcegraph" id = "forcegraph">
<svg></svg>
</section>
<div id="slide-out" class="sidenav">
<svg></svg>
</div>
<div class="fixed-action-btn direction-top active" style="bottom: 50%; right: 24px;">
<a href="#" data-target="slide-out" class="sidenav-trigger btn-floating btn-large waves-effect waves-light red"><i class="material-icons">keyboard_arrow_left</i></a>
</div>