forked from jeffdonthemic/CloudSpokes-Chrome-Extension
-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
117 lines (93 loc) · 3.55 KB
/
popup.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Le styles -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/popup.js"></script>
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<table width="100%">
<tr>
<td><img src="images/cloudspokes-logo-hor.png" width="200" style="padding-bottom:10px"></td>
<td><a href="#" id="menuItemChallenges">Open Challenges</a></td>
<td><a href="#" id="menuItemLeaderboard">Current Leaderboard</a></td>
<td><a href="#" id="menuItemPayments">Payments</a></td>
<tr>
</table>
<div id="challenges">
<table id="tbl-challenges" class="table table-condensed">
<tr>
<th>Challenge</th>
<th>Closes</th>
<th>Prizes</th>
</tr>
</table>
<form class="well form-search" method="get" action="http://www.cloudspokes.com/challenges" target="_blank">
<input type="text" name="keyword" class="input-medium search-query" placeholder="Past Challenges...">
<input type="hidden" name="show" value="closed">
<button type="submit" class="btn">Search</button>
<button type="button" class="btn-primary" style="margin-left:50px" id="recently-completed">Recently Completed</button>
</form>
</div>
<div id="leaderboard">
<table id="tbl-leaderboard" class="table table-condensed">
<tr>
<th></th>
<th colspan="2">Member</th>
<th>Money</th>
</tr>
</table>
<form class="well form-search" method="get" action="http://www.cloudspokes.com/community" target="_blank">
<input type="text" name="keyword" class="input-medium search-query" placeholder="Members...">
<button type="submit" class="btn">Search</button>
</form>
</div>
<div id="payments">
<h3>Outstanding</h3>
<table id="tbl-payments-outstanding" class="table table-condensed">
<tr>
<th>ID</th>
<th>Challenge</th>
<th>Place</th>
<th>Amount</th>
<th>Reason</th>
<th>Type</th>
<th>Status</th>
<th>Ref #</th>
</tr>
</table>
<h3>Paid</h3>
<table id="tbl-payments-paid" class="table table-condensed">
<tr>
<th>ID</th>
<th>Challenge</th>
<th>Place</th>
<th>Amount</th>
<th>Reason</th>
<th>Type</th>
<th>Status</th>
<th>Ref #</th>
</tr>
</table>
</div>
<hr>
<table cellpadding="2" cellspacing="2">
<tr>
<td><a href="http://www.github.com/cloudspokes" target="_blank"><img src="images/github_64.png" width="32"></a></td>
<td><a href="http://www.twitter.com/cloudspokes" target="_blank"><img src="images/twitter_64.png" width="32"></a></td>
<td><a href="http://www.facebook.com/cloudspokes" target="_blank"><img src="images/facebook_64.png" width="32"></a></td>
<td><a href="http://www.youtube.com/cloudspokescommunity" target="_blank"><img src="images/youtube_icon.png" width="28" style="padding-left:3px;padding-top:3px"></a></td>
<td><a href="http://blog.cloudspokes.com" target="_blank"><img src="images/blogicon.png" width="25" style="padding-left:5px;padding-top:4px"></a></td>
<td><a href="http://www.cloudspokes.com/challenges/feed" target="_blank"><img src="images/rss_icon.png" width="26" style="padding-left:5px;padding-top:3px"></a></td>
</tr>
</table>
</div> <!-- /container -->
</body>
</html>