-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (107 loc) · 9.2 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
<!DOCTYPE html>
<html>
<head>
<title>MacroTweet</title>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link href="http://fonts.googleapis.com/css?family=Quantico|Oxygen" rel="stylesheet" type="text/css">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="css/mine.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="mixpanel.js"></script>
</head>
<body>
<div id="content" class="container">
<div id="top" class="container">
<div class="sixteen columns id="logo">
<div id="logo_img"></div>
</div>
<div id="tabs">
<div id="analytics_tab" class="one-third column tab clickable">Analytics</div>
<div id="tweets_tab" class="one-third column tab clickable">Tweets</div>
<div id="about_tab" class="one-third column tab clickable">About</div>
</div>
</div>
<div id="page" class="container">
<div id="search_bar" class="four columns">
<input type="text" id="add_search_field" class="blurred" value="Add a search term" />
<button id="add_search_button" class="clickable"></button>
<h2 id="search_title">Monitored topics</h2>
<div id="searches"></div>
<h2 id="trending_title"><i id="trending_toggle" class="icon-chevron-down"></i> Trending topics</h2>
<div id="trending"></div>
</div>
<div id="pages" class="twelve columns">
<div id="analytics_page" class="page">
<div id="loading_div">
<canvas width="200" height="25" id="loading"></canvas>
</div>
<div id="analytics"></div>
<div id="summary">
<span id="total_tweets">0</span> tweets analyzed<br/>
<table id="per_topic_table">
<thead><td>Tweets</td><td>Topic(s)</td></thead>
<tbody id="per_topic"></tbody>
</table>
</div>
</div>
<div id="tweets_page" class="page">
<div id="tweet_filters"><h2>Only show tweets containing:</h2></div>
<div id="tweet_modes">
<span id="tweet_view_error">(waiting on Twitter) </span>
<button id="new_read_tweets" class="clickable">load <span id="new_tweet_count">0</span> new tweets</button>
<button id="tweet_mode_toggle" class="clickable">Read Mode</button>
</div>
<div id="tweets"></div>
<div id="tweets_to_top">
<a href="#" onclick="$('#content').animate({scrollTop : 0},'fast');">Return to top</a>
</div>
</div>
<div id="about_page" class="page">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=toddmedema"></script>
<!-- AddThis Button END -->
<p>MacroTweet enables you to track real-time Twitter activity on search topics you are interested in.</p>
<p>Use the Tweets page to follow conversations - use filters to only show tweets on certain topics.</p>
<p>MacroTweet is built entirely in Javascript and runs on computers, tablets and phones without a server.</p>
<p>Built by <a href="http://toddmedema.com">Todd Medema</a>
- send feedback and requests to <a href="mailto:[email protected]">[email protected]</a></p>
<p>Help support the development of MacroTweet:</p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----MIIHLwYJKoZIhvcNAQcEoIIHIDCCBxwCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYC/2TC9uTrGXvizH1wv+2QXfmEmt71ntSAVIgpGyDFAjYIwiUvm0YLxUrkEWo9IV2YPw2w/qrAin2wbL6YE2rGNapVX/3rrFDArM1qPYph+UoRFAAZrA3gTwFazBLIVmUs23KfzMSz2b9ba4qWUydppcrkObC8zVi185DoAwskBvDELMAkGBSsOAwIaBQAwgawGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIBZSvNoiEFB6AgYjAGbn7IzRIaN+eXjVKqfuJM0tNvnDKcHnCzGNpBwuqYuU6GhATQHSnDI/Pi7PTFsvVHKXMWLIrok4+bZrP37Nws0E07+KqBDnS3Yai1wwMMSMJCZ+sj8k/bsomOFMhXGuLUkHV+wT4R1SRIXcR6EwPdzYUcsHurA+9+I1qAZRm9YFYyANaWqnqoIIDhzCCA4MwggLsoAMCAQICAQAwDQYJKoZIhvcNAQEFBQAwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tMB4XDTA0MDIxMzEwMTMxNVoXDTM1MDIxMzEwMTMxNVowgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tMIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDBR07d/ETMS1ycjtkpkvjXZe9k+6CieLuLsPumsJ7QC1odNz3sJiCbs2wC0nLE0uLGaEtXynIgRqIddYCHx88pb5HTXv4SZeuv0Rqq4+axW9PLAAATU8w04qqjaSXgbGLP3NmohqM6bV9kZZwZLR/klDaQGo1u9uDb9lr4Yn+rBQIDAQABo4HuMIHrMB0GA1UdDgQWBBSWn3y7xm8XvVk/UtcKG+wQ1mSUazCBuwYDVR0jBIGzMIGwgBSWn3y7xm8XvVk/UtcKG+wQ1mSUa6GBlKSBkTCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb22CAQAwDAYDVR0TBAUwAwEB/zANBgkqhkiG9w0BAQUFAAOBgQCBXzpWmoBa5e9fo6ujionW1hUhPkOBakTr3YCDjbYfvJEiv/2P+IobhOGJr85+XHhN0v4gUkEDI8r2/rNk1m0GA8HKddvTjyGw/XqXa+LSTlDYkqI8OwR8GEYj4efEtcRpRYBxV8KxAW93YDWzFGvruKnnLbDAF6VR5w/cCMn5hzGCAZowggGWAgEBMIGUMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbQIBADAJBgUrDgMCGgUAoF0wGAYJKoZIhvcNAQkDMQsGCSqGSIb3DQEHATAcBgkqhkiG9w0BCQUxDxcNMTIxMDA0MTQzMTA3WjAjBgkqhkiG9w0BCQQxFgQUDJ8WzrOKSZKOClli8TTwPgnxyRswDQYJKoZIhvcNAQEBBQAEgYClixdCL6QvKXcm8+lfBkqey6aqLtwmNzgUr8lAYhuxusgMllROeq0HxVgKmN9+CHhfcBYfMDxJepLPmGyqi3GxzxC8SIGXKu4ZnwH4UNvnW/rsY0Y6zDqaDENkeragJCfIBhYGmlWn3fRKrm+/7JsfSMAWpffiBWGV7fpuZ7Ltiw==-----END PKCS7-----
">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.v1.82-ck.js"></script>
<script type="text/javascript" src="js/hash_table-ck.js"></script>
<script type="text/javascript" src="js/util-ck.js"></script>
<script type="text/javascript" src="js/loading-ck.js"></script>
<script type="text/javascript" src="js/UI-ck.js"></script>
<script type="text/javascript" src="js/twitter-ck.js"></script>
<script type="text/javascript" src="js/controller-ck.js"></script>
<script type="text/javascript" src="js/d3.v2-ck.js"></script>
<script type="text/javascript" src="js/tps_chart-ck.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17272933-14']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>