-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
140 lines (131 loc) · 6.48 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
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Steem activity</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<link href="https://fonts.googleapis.com/css?family=Montserrat|Sansita" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="./css/main.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://cdn.steemjs.com/lib/latest/steem.min.js"></script>
</head>
<body onload="loadFollowersActivity()">
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<div id="logo navbar-brand">
<img src="./images/logo.png" class="navbar-brand"/>
<a class="navbar-brand" href="./index.html">Steem Activity</a>
</div>
</div>
<!--<ul class="nav navbar-nav">
<li class="active"><a href="#">Item</a></li>
</ul>-->
<form class="navbar-form navbar-left">
<div class="input-group">
<input id="input-account" type="text" class="form-control is_ml_p" ml_label="placeholder-account" placeholder="Account"/>
<div class="input-group-btn">
<button class="btn btn-default" type="button" onclick="searchAccount()">
<i class="glyphicon glyphicon-search"></i>
</button>
</div>
</div>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://steemit.com/steemit/@jga/steem-activity-explore-what-is-the-best-time-to-publish"><span class="is_ml" id="createdby">Created by</span> @jga</a></li>
</ul>
</div>
</nav>
<div class="container bg-white">
<div class="row bg-steem">
<div class="col-sm-12 m1">
<div class="col-sm-5 col-xs-4">
</div>
<div class="col-sm-2 col-xs-4">
<div class="col-sm-12 mtb">
<img id="profile_image" class="img-responsive img-circle" src="./images/no_photo.png"/>
</div>
</div>
<div class="col-sm-5 col-xs-4">
</div>
</div>
<div class="col-sm-12 mb">
<center><h1 class="cw" id="labelAccount"></h1></center>
</div>
</div>
<div class="row">
<div class="col-sm-12 bg-black">
<h2 id="title-activity-account" class="is_ml">Account activity </h2>
<p class="timezone"></p>
<div class="form-group col-sm-3 col-xs-12">
<label for="sel1" class="is_ml" id="number-weeks1">Number of weeks:</label>
<select class="form-control" id="sel1">
<option class="is_ml" id="last1week1">Last week</option>
<option class="is_ml" id="last2week1">Last 2 weeks</option>
<option class="is_ml" id="last3week1">Last 3 weeks</option>
<option class="is_ml" id="last4week1">Last 4 weeks</option>
</select>
</div>
</div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="a-chart0"></div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="a-chart1"></div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="a-chart2"></div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="a-chart3"></div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="a-chart4"></div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="a-chart5"></div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="a-chart6"></div>
</div>
<div class="row m1">
<div class="col-sm-12 bg-black">
<h2 id="title-activity-followers" class="is_ml">Activity of followers</h2>
<p class="timezone"></p>
<div class="form-group col-sm-3 col-xs-12">
<label for="sel2" class="is_ml" id="number-weeks2">Number of weeks:</label>
<select class="form-control" id="sel2">
<option class="is_ml" id="last1week2">Last week</option>
<option class="is_ml" id="last2week2">Last 2 weeks</option>
<option class="is_ml" id="last3week2">Last 3 weeks</option>
<option class="is_ml" id="last4week2">Last 4 weeks</option>
</select>
</div>
<div class="col-sm-12">
<div class="progress">
<div id="progress-bar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
0
</div>
</div>
</div>
</div>
<div class="col-sm-12">
<center>
<h3 class="mt" id="bestTime0"></h3> <br/>
<h4 class="mz" id="bestTime1"></h4> <br/>
<h4 class="mz" id="bestTime2"></h4> <br/>
<h4 class="mb" id="bestTime3"></h4>
</center>
</div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="f-chart0"></div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="f-chart1"></div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="f-chart2"></div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="f-chart3"></div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="f-chart4"></div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="f-chart5"></div>
<div class="col-sm-3 col-xs-12 responsive-plot" id="f-chart6"></div>
</div>
<div class="row m1">
<div class="col-sm-12 bg-black mb">
<h2 id="title-followers">Followers</h2>
</div>
<p id="followers"></p>
</div>
</div>
<div id="footer" class="container-fluid">
<span id="steemactivityby" class="is_ml"> Steem activity by <a href="https://steemit.com/@jga/">@jga</a></span><br>
<span id="seeitongithub" class="is_ml"> See it on <a href="https://github.com/joticajulian/steem-activity/">github.com</a> and <a href="https://www.steem.center/index.php?title=Steem_Ecosystem:S-Steemis">steem.center</a></span>
</div>
</body>
<script src="./js/multilanguages.js?3"></script>
<script src="./js/steem_activity.js?58"></script>
</html>