-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathpopup.html
72 lines (72 loc) · 3.21 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
<!DOCTYPE html>
<html>
<head>
<title>PenaltyBlox Control Panel</title>
<link rel="stylesheet" href="css/popup.css" type="text/css" />
<script src="js/lib/jquery.js" type="text/javascript"></script>
<script src="js/lib/underscore.js" type="text/javascript"></script>
<script src="js/lib/backbone.js" type="text/javascript"></script>
<script src="js/store.js" type="text/javascript"></script>
<script src="js/blocked_entry.js" type="text/javascript"></script>
<script src="js/blocked_entries.js" type="text/javascript"></script>
<script src="js/settings.js" type="text/javascript"></script>
<script src="js/popup.js" type="text/javascript"></script>
</head>
<body id="penalty-box-app">
<h1>Penalty Blox</h1>
<p class="description">
When following is too much, but unfollowing is too harsh
</p>
<div id="controls">
<input id="new-blocked-entry" type="text" placeholder="name or hashtag ..." />
<button id="add-blocked-entry">Penalty Box</button>
<a id="instructions-toggle" href="#">[+] Show Instructions</a>
<p class="instructions">
Enter a twitter account or hashtag above that you want to put into the penalty box.
While the entry is penalty bloxed, any matching tweet will (hopefully) be removed from your activity stream.
</p>
<p class="instructions">
Don't worry, you are still following any penalty bloxed accounts. For hashtags don't forget to include the "#" at the beginning!
You can unbox any entries whenever you'd like. Or never.
</p>
<div id="reminder"></div>
</div>
<div id="entries" class="generic-wrapper">
<p>
Your current penalty box:
</p>
<ul id="penalty-box">
<!-- TODO: add a spinner or a loading message -->
</ul>
</div>
<div id="global-filters" class="generic-wrapper">
<ul>
<li>
<input type="checkbox" id="remove-promoted-tweets" name="remove-promoted-tweets" />
<label for="remove-promoted-tweets">Yes, remove <span class="filter-subject">promoted tweets</span> from my timeline</label>
</li>
<li>
<input type="checkbox" id="remove-moments-nav" name="remove-moments-nav" />
<label for="remove-moments-nav">Yes, remove <span class="filter-subject">Moments</span> from my header</label>
</li>
</ul>
</div>
<div id="donate">
<a class="cta" href="#" title="Like Penalty Blox? Buy me a coffee!">Like Penalty Blox? <span class="action">Buy me a coffee</span></a>
<div class="qr-code">
<div class="image-container">
<img height="128" width="128" src="images/1AYG93PW5zL7YLyGkevGvPGQHmxYpGnv6m.png" alt="1AYG93PW5zL7YLyGkevGvPGQHmxYpGnv6m" />
</div>
<div title="send bitcoin to 1AYG93PW5zL7YLyGkevGvPGQHmxYpGnv6m">1AYG93PW5zL7YLyGkevGvPGQHmxYpGnv6m</div>
</div>
</div>
<div id="connect">
<span class="bug"><strong>Found a bug?</strong> Email <span class="email">jeff@elegantbuild.com</span>
</div>
<div id="current-version">
</div>
<script type="text/template" id="blocked-entry-item-template">
<%= entry %> <span class="blocked-entry-destroy">[x]</span>
</script>
</body>
</html>