Permalink
Browse files

Mark up the examples with numbers, for easy linking from github issues

  • Loading branch information...
1 parent bf0b85f commit 667e6fd711abe182c80761030140fdf660aef162 @purcell purcell committed Oct 27, 2011
Showing with 12 additions and 9 deletions.
  1. +3 −0 tweet/index.css
  2. +9 −9 tweet/index.html
View
@@ -24,6 +24,9 @@ ul {
margin-left: 0;}
a {
color: #8ADEE2; }
+.demo a.num {
+ color: white;
+}
code, .example {
padding: .5em;
display: block;
View
@@ -43,7 +43,7 @@
<h3>Examples</h3>
<div class="demo">
- <p>Displaying three tweets from the <a href="http://twitter.com/seaofclouds">seaofclouds twitter feed</a>:</p>
+ <p><a name="1" class="num">#1</a> - Displaying three tweets from the <a href="http://twitter.com/seaofclouds">seaofclouds twitter feed</a>:</p>
<pre class="code">
jQuery(function($){
$(".tweet").tweet({
@@ -64,7 +64,7 @@
</div>
<div class="demo">
- <p>Displaying up to four tweets with the query "<a href="http://search.twitter.com/search?q=tweet.seaofclouds.com">tweet.seaofclouds.com</a>":</p>
+ <p><a name="2" class="num">#2</a> - Displaying up to four tweets with the query "<a href="http://search.twitter.com/search?q=tweet.seaofclouds.com">tweet.seaofclouds.com</a>":</p>
<pre class="code">
jQuery(function($){
$("#query").tweet({
@@ -79,7 +79,7 @@
</div>
<div class="demo">
- <p>Displaying up to three links with the search query "<a href="http://search.twitter.com/search?q=from%3Aseaofclouds%20http">from:seaofclouds http</a>":</p>
+ <p><a name="3" class="num">#3</a> - Displaying up to three links with the search query "<a href="http://search.twitter.com/search?q=from%3Aseaofclouds%20http">from:seaofclouds http</a>":</p>
<pre class="code">
jQuery(function($){
$("#userandquery").tweet({
@@ -93,7 +93,7 @@
</div>
<div class="demo">
- <p>Displaying four tweets from the two users "seaofclouds" and "laughingsquid", refreshing every 60 seconds:</p>
+ <p><a name="4" class="num">#4</a> - Displaying four tweets from the two users "seaofclouds" and "laughingsquid", refreshing every 60 seconds:</p>
<p><small><em>(Note that it's more reliable to display multiple users' tweets by using a list - see below)</em></small></p>
<pre class="code">
jQuery(function($){
@@ -110,7 +110,7 @@
</div>
<div class="demo">
- <p>Displaying tweets from users on the 'team' list of 'twitter':</p>
+ <p><a name="5" class="num">#5</a> - Displaying tweets from users on the 'team' list of 'twitter':</p>
<pre class="code">
jQuery(function($){
$("#list").tweet({
@@ -126,7 +126,7 @@
</div>
<div class="demo">
- <p>Displaying the user sanityinc's favorite tweets, and using a handler
+ <p><a name="6" class="num">#6</a> - Displaying the user sanityinc's favorite tweets, and using a handler
for tweet's "loaded" event to make links open in a new window:</p>
<pre class="code">
jQuery(function($){
@@ -143,7 +143,7 @@
</div>
<div class="demo">
- <p>Fetch 20 tweets, but filter out @replies, and display only 3:</p>
+ <p><a name="7" class="num">#7</a> - Fetch 20 tweets, but filter out @replies, and display only 3:</p>
<pre class="code">
jQuery(function($){
$("#filter").tweet({
@@ -159,7 +159,7 @@
</div>
<div class="demo">
- <p>Customize the layout to eliminate the date stamps and avatars, add an action (aka "web intent") link,
+ <p><a name="8" class="num">#8</a> - Customize the layout to eliminate the date stamps and avatars, add an action (aka "web intent") link,
and make it open in a popup window:</p>
<pre class="code">
jQuery(function($){
@@ -181,7 +181,7 @@
</div>
<div class="demo">
- <p>Adding a message when no tweets matching '<span class="rnd">somerandomstring</span>' are found:</p>
+ <p><a name="9" class="num">#9</a> - Adding a message when no tweets matching '<span class="rnd">somerandomstring</span>' are found:</p>
<pre class="code">
jQuery(function($){
$("#empty").tweet({

0 comments on commit 667e6fd

Please sign in to comment.