Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
135 lines (114 sloc) 6.08 KB
<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>