-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
105 lines (80 loc) · 3.75 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/popup.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>
</head>
<body>
<div class="ui grid container">
<div class="sixteen wide center aligned column">
<h3 id="title">Vote the Internet</h3>
<p id="caption">Crowdsourcing Trust</p>
</div>
<div class="border_top eight wide left floated column">
<h4 id="zen_label">Zen Mode</h4>
</div>
<div class="border_top three wide left floated column">
<div class="ui fitted toggle checkbox">
<input id="zen_switch" type="checkbox">
<label></label>
</div>
</div>
<div class="border_top five wide right floated column">
<p><span id="hour">00</span>:<span id="minute">00</span>:<span id="second">00</span></p>
</div>
<div class="elevate eleven wide column">
<a id="analytics_label" href="./analytics.html" target="_blank">View Analytics <i
class="external black icon"></i></a>
</div>
<div data-position="bottom right" data-tooltip="Time spent today in Zen mode" id="flow"
class="elevate five wide column">
<p class="make_green"><span id="hour_daily">00</span>:<span id="minute_daily">00</span>:<span
id="second_daily">00</span></p>
</div>
<!-- Add ons -->
<div class="sixteen wide column border_top">
<h4 class="ui small center aligned header">Additional Features</h4>
<a href="./clipboard.html" data-tooltip="Save any of your snippets" target="_blank">Clipboard </a>
<a href="./summarizer.html" data-tooltip="Summarize any YouTube video" target="_blank"> Summarizer</a>
</div>
<!-- Add ons -->
<div class="eight wide column border_top">
<h4 class="ui small center aligned green header">Upvotes</h4>
<h4 class="ui medium center aligned header" id="upvoteCount">0</h4>
</div>
<div class="eight wide column border_top">
<h4 class="ui small center aligned red header">Downvotes</h4>
<h4 class="ui medium center aligned header" id="downvoteCount">0</h4>
</div>
<div class="eight wide column">
<h4 class="ui small center aligned green header">Domain Upvotes</h4>
<h4 class="ui medium center aligned header" id="hostUpvotes">0</h4>
</div>
<div class="eight wide column">
<h4 class="ui small center aligned red header">Domain Downvotes</h4>
<h4 class="ui medium center aligned header" id="hostDownvotes">0</h4>
</div>
<div class="sixteen wide column">
<div id="choices">
<div class="ui buttons">
<button id="upvote" class="ui medium left floated positive button"><i
class="ui thumbs up center aligned icon"></i></button>
<div class="or"></div>
<button id="downvote" class="ui medium right floated negative button"><i
class="ui thumbs down center aligned icon"></i></button>
</div>
</div>
<div id="displayResults"></div>
</div>
<div id="socials" class="sixteen wide column">
<a href="https://www.youtube.com/watch?v=NA3KoBhlMns" target="_blank"><i class="ui red youtube icon"></i></a>
<a href="https://github.com/QasimWani" target="_blank"><i class="ui black github icon"></i></a>
<a href="https://www.linkedin.com/in/qasimwani" target="_blank"><i class="ui linkedin icon"></i></a>
<a href="mailto:[email protected]" target="_blank"><i class="ui red envelope icon"></i></a>
<a href="https://vote-the-internet.com" target="_blank"><i class="ui grey globe icon"></i></a>
</div>
</div>
<script type="text/javascript" src="popup.js"></script>
</body>
</html>