Improved website looking

sferik · Sep 27, 2010 · 4cdf4e7 · 4cdf4e7
1 parent e6ce444
commit 4cdf4e7
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 7 deletions.
diff --git a/website/css/common.css b/website/css/common.css
@@ -80,7 +80,16 @@
   a {
     color: #4b1a1a;
   }
+
+  a.top {
+    text-decoration: none;
+  }
 
+  a.top:hover {
+    border-bottom:2px dotted;
+    border-bottom-color:#5c5757;
+  }
+
   a:hover {
     text-decoration: none;
   }
@@ -110,7 +119,8 @@
   }
 
   h3 {
-    font-size: 152%;
+    color: #b8111a;
+    font-size: 140%;
     margin: 10px 0;
   }
 
@@ -130,6 +140,8 @@
 
   code {
     font-size: 100%;
+    font-family: 'Monaco';
+    color: #4b1a1a;
     margin: 0;
     padding: 0;
   }
@@ -148,7 +160,7 @@
     border-width: 0 10px;
     margin: 0 auto;
     padding: 20px;
-    width: 560px;
+    width: 670px;
   }
 
   div#header {

diff --git a/website/index.html b/website/index.html
@@ -9,7 +9,8 @@
 
 <div id="wrapper">
   <div id="header">
-    <h1>Twitter</h1>
+    <h1><a href='/' class='top'>Twitter</a></h1>
+    <br>
     <p>API wrapper for Twitter and Twitter Search API's</p>
 
     <ul id="nav">
@@ -25,7 +26,7 @@ <h2>Note</h2>
     <p>The Twitter gem uses OAuth for authentication. OAuth is scary at first, but not once you try it out a little bit. Feel free to read my <a href="http://railstips.org/2009/3/29/oauth-explained-and-what-it-is-good-for">article on OAuth</a> to get past the scary part. Also, I have created an <a href="http://github.com/jnunemaker/twitter-app/">example app</a> that uses OAuth and the Twitter gem for you to peruse.</p>
 
     <h2>Install</h2>
-    <pre><code>$ sudo gem install twitter</code></pre>
+    <pre><code>$ gem install twitter</code></pre>
 
     <h2>Examples</h2>
 
@@ -43,7 +44,7 @@ <h2>Examples</h2>
 
 client.update('Heeeyyyyoooo from Twitter Gem!')</code></pre>
 
-    <h2>Search API Examples</h2>
+    <h3>Search API Examples</h3>
 
 <pre><code>#searches all tweets for httparty
 Twitter::Search.new('httparty').each do |r|
@@ -65,7 +66,7 @@ <h2>Search API Examples</h2>
 </code></pre>
 
 
-    <h2>Trends API Examples</h2>
+    <h3>Trends API Examples</h3>
 
 <pre><code>Twitter::Trends.current
 Twitter::Trends.current(:exclude => 'hashtags')
@@ -79,7 +80,7 @@ <h2>Trends API Examples</h2>
 Twitter::Trends.weekly(:date => Date.new(2009, 5, 1))
 </code></pre>
 
-    <h2>Lists Examples</h2>
+    <h3>Lists Examples</h3>
 
 <pre><code># NOT SHOWN: granting access to twitter on website
 # and using request token to generate access token
@@ -92,6 +93,9 @@ <h2>Lists Examples</h2>
 client.list_create('pengwynn', 'razorback_fans')
 </code></pre>
 
+    <p> You can check out the <a href='http://github.com/rodrigo3n/twitter/tree/master/examples/'>examples</a> directory of the Twitter Gem, there is a bunch of other examples. </p>
+    <p> Also, there is a <a href='http://github.com/jnunemaker/twitter-app'>Rails 2.3 demo app</a> from <a href='http://twitter.com/jnunemaker'>@jnunemaker</a> showing how to explore the Twitter API through the Twitter gem.</p>
+
     <!-- <h2>Command Line</h2>
 
     <p><img src="images/terminal_output.png" alt="Terminal Output" style="width:560px;" /></p>