-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (114 loc) · 6.08 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
<html>
<head>
<title>Tuna - ashafa.com</title>
<style>
*{margin: 0; padding: 0;}
body {
margin: 10px;
font-family: 'Lucida Grande', sans-serif;
text-align: center;
}
h1 {
margin: 15px 0;
}
h1,h2,h3,h4 {
font-weight: normal;
margin-bottom: 10px;
}
a {
color: #3a5489;
}
p {
margin: 0 0 10px 0;
}
p.img {
margin: 0 0 20px 0;
}
em{
color: #bbb;
font-size:70%;
display: block;
margin-top: 8px;
}
img {
padding:0;
}
#wrapper {
text-align: center;
}
#container {
margin: 0 auto;
text-align: left;
width: 640px;
}
.icon {
position: relative;
top:20px;
background: #ebebeb url(http://ashafa.com/tuna/green.png) no-repeat 5px 10px;
padding:5px 8px 5px 18px;
border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
text-decoration: none;
color:#777;
}
.disclaimer {
margin-top: 60px;
font-size: 80%;
font-style: italic;
color: #999;
}
.disclaimer a {
color: #999;
}
.greasemonkey, .ff-greasemonkey {
display: none;
}
.chrome .bookmarklet {
display: none;
}
.chrome .greasemonkey {
display: inline;
}
.ff3 .ff-greasemonkey {
display: inline;
}
</style>
<script type="text/javascript">
/*
CSS Browser Selector v0.3.5 (Feb 05, 2010)
Rafael Lima (http://rafael.adm.br)
http://rafael.adm.br/css_browser_selector
License: http://creativecommons.org/licenses/by/2.5/
Contributors: http://rafael.adm.br/css_browser_selector#contributors
*/
function css_browser_selector(u){var ua = u.toLowerCase(),is=function(t){return ua.indexOf(t)>-1;},g='gecko',w='webkit',s='safari',o='opera',h=document.documentElement,b=[(!(/opera|webtv/i.test(ua))&&/msie\s(\d)/.test(ua))?('ie ie'+RegExp.$1):is('firefox/2')?g+' ff2':is('firefox/3.5')?g+' ff3 ff3_5':is('firefox/3')?g+' ff3':is('gecko/')?g:is('opera')?o+(/version\/(\d+)/.test(ua)?' '+o+RegExp.$1:(/opera(\s|\/)(\d+)/.test(ua)?' '+o+RegExp.$2:'')):is('konqueror')?'konqueror':is('chrome')?w+' chrome':is('iron')?w+' iron':is('applewebkit/')?w+' '+s+(/version\/(\d+)/.test(ua)?' '+s+RegExp.$1:''):is('mozilla/')?g:'',is('j2me')?'mobile':is('iphone')?'iphone':is('ipod')?'ipod':is('mac')?'mac':is('darwin')?'mac':is('webtv')?'webtv':is('win')?'win':is('freebsd')?'freebsd':(is('x11')||is('linux'))?'linux':'','js']; c = b.join(' '); h.className += ' '+c; return c;}; css_browser_selector(navigator.userAgent); </script>
</head>
<body>
<div id="wrapper">
<div id="container">
<h1>Tuna</h1>
<p>Do you use twitter? Is <a href="http://twitter.com">twitter.com</a> your favorite web based twitter client? Do you hate looking for or typing twitter usernames only to have it misspelled? If you answered 'yes' to any of these questions then I've got a treat for you.</p>
<p>Tuna is a browser <a class="bookmarklet" href="http://en.wikipedia.org/wiki/Bookmarklet">bookmarklet</a><span class="greasemonkey">extension</span> that unobtrusively provides twitter screen name auto complete functionality for status text input on twitter.com.</p>
<div class="bookmarklet">
<p>To start using Tuna, drag the icon below to your 'Bookmarks Toolbar' to create the bookmarklet. When you are on twitter.com, all you need to do is click on the 'tuna' bookmarklet. <span class="ff-greasemonkey">If you have the <a href="https://addons.mozilla.org/en-US/firefox/addon/748">Greasemonkey Firefox add-on</a> installed (recommended). You can install Tuna by simply <a href="http://ashafa.com/tuna/tuna.user.js">clicking here</a>.</span></p>
<a class="icon" href="javascript:(function(){document.body.appendChild(document.createElement('script')).src='http://ashafa.com/tuna/tuna.js?nocache='+new Date().getTime();})();">tuna</a>
<br /><br /><em>icon</em>
</div>
<div class="greasemonkey">
<p>To start using Tuna, simply click on the icon below to install the browser extension.</p>
<a class="icon" href="http://ashafa.com/tuna/tuna.user.js?nocache=v">tuna</a>
<br /><br /><em>icon</em>
</div>
<p style="margin-top:20px;">Tuna uses screen names of users in your activity stream for autocomplete candidates, and will remember screen names of users it has come come across while you are on twitter.com by storing them locally in your browser using <a href="http://www.w3.org/TR/webstorage/">HTML5 Web Storage</a>. <span class="bookmarklet">Unfortunately, using bookmarklets has a certain drawback. Clicking on links that reload pages on twitter.com, such as the twitter logo or the 'following'/'followers' links has the effect of disabling Tuna . You would then have to click on the 'tuna' bookmarklet to re-enable Tuna.</span> <span class="ff-greasemonkey">This can be solved by installing the <a href="https://addons.mozilla.org/en-US/firefox/addon/748">Greasemonkey Firefox add-on</a>. Once installled, <a href="http://ashafa.com/tuna/tuna.user.js">click here to install Tuna</a>.</span></p>
<p>Tuna does not save, collect, or send any information to any remote servers. All data is stored locally in your browser. Tuna is open sourced and resides on <a href="http://github.com/tashafa/Tuna">github</a>.</p>
<p>If you would like to make any suggestions, feedback, or show some support you can follow me on twitter <a href="http://twitter.com/ashafa">here</a>.</p>
<br /><br />
<h2>Features:</h2>
<h3>Autocomplete twitter user names</h3>
<p class="img"><img src="screenie.png" style="border: 3px solid #eee" /></p>
<h3>Expand shortened urls/preview media</h3>
<p class="img"><img src="screenie-2.png" style="border: 3px solid #eee" /></p>
<p class="disclaimer"><a href="http://ashafa.com/tuna">Tuna</a> is not affiliated with <a href="http://twitter.com/">Twitter</a> in any way, shape, or form.</p>
</div>
</div>
</body>
</html>