-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
118 lines (101 loc) · 6.07 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
<!DOCTYPE html>
<!--
Copyright (C) 2015-2022 Ericka Menchen-Trevino & contributors, [email protected]
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License along
with this program; if not, write to the Free Software Foundation, Inc.,
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
-->
<html>
<head>
<meta charset="utf-8" />
<title>Web Historian</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/d3-context-menu.css" />
<link rel="stylesheet" type="text/css" href="vendor/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="vendor/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="vendor/css/bootstrap-datepicker3.css" />
<link rel="stylesheet" type="text/css" href="vendor/css/bootstrap-table.css">
<link rel="stylesheet" type="text/css" href="vendor/css/ion.rangeSlider.css">
<link rel="stylesheet" type="text/css" href="vendor/css/ion.rangeSlider.skinHTML5.css">
<script data-main="js/app/main.js" src="js/lib/require.js"></script>
</head>
<body>
<div id="main">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand"><img src="images/star-nav-icon-ye.png" style="width: 20px; height: 24px; border: none; display: inline-block; padding-bottom: 4px;" /> Web Historian - Education Edition</span>
</div>
<div id="navbar" style="display: none;">
<ul class="nav navbar-nav navbar-right">
<li id="nav_txt"><span class="navbar-brand"><p style="display: inline-block;"> </p></span></li>
<li id="nav_home"><a href="#" data-toggle="tooltip" data-placement="bottom" title="Home" id="home"><span class="glyphicon glyphicon-home"></span></a></li>
<li id="nav_sites_visited"><a href="#" data-toggle="tooltip" data-placement="bottom" title="Web Visits" id="web_visit"><span class="glyphicon glyphicon-globe"></span></a></li>
<li id="nav_search_terms"><a href="#" data-toggle="tooltip" data-placement="bottom" title="Search Terms" id="search_words"><span class="glyphicon glyphicon-search"></span></a></li>
<li id="nav_network"><a href="#" data-toggle="tooltip" data-placement="bottom" title="Network" id="network"><span class="glyphicon glyphicon-link"></span></a></li>
<li id="nav_time"><a href="#" data-toggle="tooltip" data-placement="bottom" title="Time Heatmap" id="time"><span class="glyphicon glyphicon-calendar"></span></a></li>
<li id="nav_all_data"><a href="#" data-toggle="tooltip" data-placement="bottom" title="Data Table" id="data_table"><span class="glyphicon glyphicon-list"></span></a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div style="margin-top: 60px;"></div>
<div class="row" id="progress_bars">
<div id="progress">
<h1>Welcome!</h1>
<p>Thank you for using Web Historian, the extension that visualizes your web use to help you understand your habits. </p><p>Web Historian needs a moment to turn the data your browser uses into data <em>you</em> can use. Your visualizations will be ready shortly!</p>
<h6>Creating your visualizations…</h6>
<div class="progress">
<div class="progress-bar" id="visit_progress" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%; min-width: 3em;"></div>
</div>
<!-- image?
<center>
<br/><br/>
<h2>Right-click for many important features.</h2></center>
<p>This animated GIF shows one of the many right-click features of Web Historian, going from the Web Visits view to the Time Heatmap view when you want to see <strong>when</strong> you visited a site. Try right-clicking in all of the visualizations to see many useful options. Often a right-click is a two-finger-tap on a trackpad. Check out other Web Historian features on <a href="http://www.webhistorian.org/" target=_blank>our website</a>.</p>
<center> <img src="images/visitsToTime-sm.gif" style="border: none; display: inline-block; padding-bottom: 4px;">
</center>
-->
</div>
</div>
<div id="visualizations">
<div id="cards"></div>
<div id="loader"></div>
<div id="title"></div>
<div id="above_visual"></div>
<div id="visual_div"></div>
</div>
<div id="below_visual"></div>
<div id="footer" style="display: none;"><hr></div>
</div>
<div class="modal fade" tabindex="-1" role="dialog" id="identifier_modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Your Identifier</h4>
</div>
<div class="modal-body" id="id-body"></div>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="back" style="display: none;">Back</button><button type="button" class="btn btn-info" id="chose_identifier">Continue…</button>
</div>
</div>
</div>
</div>
<script src="js/app/localize.js"></script>
</body>
</html>