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

raulb · Oct 27, 2011 · 667e6fd · 667e6fd
1 parent bf0b85f
commit 667e6fd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/tweet/index.css b/tweet/index.css
@@ -24,6 +24,9 @@ ul {
     margin-left: 0;}
 a {
   color: #8ADEE2; }
+.demo a.num {
+  color: white;
+}
 code, .example {
   padding: .5em;
   display: block;

diff --git a/tweet/index.html b/tweet/index.html
@@ -43,7 +43,7 @@ <h2>put <a href="http://twitter.com">twitter</a> on your website with <em>tweet!
   <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 @@ <h3>Examples</h3>
   </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 @@ <h3>Examples</h3>
   </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 @@ <h3>Examples</h3>
   </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 @@ <h3>Examples</h3>
   </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 @@ <h3>Examples</h3>
   </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 @@ <h3>Examples</h3>
   </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 @@ <h3>Examples</h3>
   </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 @@ <h3>Examples</h3>
   </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({