Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
138 lines (132 sloc) 7.84 KB
<?xml version='1.0' encoding='utf-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<title>Tweet! Put Twitter on your site with this simple, unobtrusive jQuery widget</title>
<link href="index.css" media="all" rel="stylesheet" type="text/css"/>
<link href="jquery.tweet.css" media="all" rel="stylesheet" type="text/css"/>
<link href="jquery.tweet.query.css" media="all" rel="stylesheet" type="text/css"/>
<script language="javascript" src="" type="text/javascript"></script>
<script language="javascript" src="jquery.tweet.js" type="text/javascript"></script>
<script type='text/javascript'>
jQuery(document).ready(function($) {
join_text: "auto",
username: "seaofclouds",
avatar_size: 48,
count: 3,
auto_join_text_default: "we said,",
auto_join_text_ed: "we",
auto_join_text_ing: "we were",
auto_join_text_reply: "we replied",
auto_join_text_url: "we were checking out",
loading_text: "loading tweets..."
join_text: "auto",
method: "favorites/TomK32",
avatar_size: 40,
count: 3,
avatar_size: 32,
count: 4,
query: "",
loading_text: "searching twitter..."
<div class='container'>
<h2>put <a href="">twitter</a> on your website with <em>tweet!</em>, an unobtrusive javascript plugin for jquery.</h2>
<p>displaying three tweets from the <a href="">seaofclouds twitter feed</a>, or check the script in action at <a href=""></a></p>
<div id="tweet" class="tweets"></div>
<p>displaying the last three favorites of TomK32</p>
<div id="favorites" class="tweets"></div>
<p>displaying four tweets from the query "<a href=""></a>".</p>
<div id="query" class="tweets"></div>
<li>small size and fast download time</li>
<li>will not slow down or pause your page while tweets are loading</li>
<li>display up to 100 tweets, as permitted by the twitter search api</li>
<li>display tweets from a twitter search, or from your own feed</li>
<li>optional verb tense matching, for human readable tweets</li>
<li>optionally display your avatar</li>
<li>optionally display tweets from multiple accounts!</li>
<li>automatic linking of @replies to users&#8217; twitter page</li>
<li>automatic linking of URLs</li>
<li>automatic linking of <a href=";tag=hashtags">#hashtags</a>, to a twitter search of all your tags</li>
<li>converts &lt;3 to a css styleable <tt class='heart'>♥</tt> (we ♥ hearts)</li>
<li>makes awesome text, AWESOME text with AWESOMEIZER</li>
<li>customize the style with your own stylesheet or with other jquery plugins</li>
<li>compatible with most jquery versions, including jquery 1.2.6 and the latest, 1.3.x</li>
<li>display upto 20 of your last favorites</li>
<div class='download'>
<a href="">
<img border="0" width="90" src=""></a>
<a href="">
<img border="0" width="90" src=""></a>
<p><strong>1.</strong> <a href="">Get JQuery</a>. In these examples, we use <a href="">Google's AJAX Libraries API</a>.
<p><strong>2.</strong> include jQuery and jquery.tweet.js files in your template's <span class="code">&lt;head&gt;</span>.</p>
&lt;script language=&quot;javascript&quot; src=&quot;; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br />
&lt;script language=&quot;javascript&quot; src=&quot;/tweet/jquery.tweet.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
<p><strong>3.</strong> Also in <span class="code">&lt;head&gt;</span>, Initialize tweet! on page load with your Username and other options</p>
&lt;script type=&apos;text/javascript&apos;&gt;<br />
&nbsp; &nbsp; $(document).ready(function(){<br />
&nbsp; &nbsp; &nbsp; &nbsp; $(".tweet").tweet({<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; username: "seaofclouds",<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; join_text: "auto",<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; avatar_size: 32,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; count: 3,<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; auto_join_text_default: "we said,", <br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; auto_join_text_ed: "we",<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; auto_join_text_ing: "we were",<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; auto_join_text_reply: "we replied to",<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; auto_join_text_url: "we were checking out",<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; loading_text: "loading tweets..."<br />
&nbsp; &nbsp; &nbsp; &nbsp; });<br />
&nbsp; &nbsp; });<br />
<p><strong>4.</strong> In <span class="code">&lt;body&gt;</span>, include a placeholder for your tweets. They'll get loaded in via JSON. How fancy!</p>
&lt;div class=&quot;tweet&quot;&gt;&lt;/div&gt;
<p><strong>5.</strong> Style with our stylesheet in <span class="code">&lt;head&gt;</span>, or modify as you like!</p>
&lt;link href=&quot;jquery.tweet.css&quot; media=&quot;all&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;
<p>Bring your code slinging skills to <a href="">Github</a> and help us develop new features for tweet!</p>
git clone git://
<a href=""><img style="position: absolute; top: 0; right: 0; border: 0;" src="" alt="Fork me on GitHub" /></a>
<strong>Report bugs</strong> in our <a href="">lighthouse tracker</a>
<h3>Licensed under the MIT</h3>
<a href=""></a>
<div class='twoot'>
<h3>If you like Tweet, check out <a href="">Twoot</a>!</h3>
<p><a href="">Twoot</a> is a miniature Twitter client based on Tweet that allows you to post tweets and see what your friends are up to. Thanks, <a href="">Peter Krantz</a>!</p>
<p class='copyright'>something nifty from <a href="">seaofclouds</a><span class="trade">&trade;</span> | <a href="">contribute</a></p>