Fixed fat-finger error, styled with border-radius

Author: Eric Hurst

app/controllers/colors_controller.rb

@@ -7,23 +7,23 @@ def index
   def create
     usernames = params[:usernames].gsub(/[@,]/,'').split(/[\s]/)
 
-    if usernames != ""
-        render :update do |page|
-          page << "if($$('result')){"
-            page.replace_html "results"
+    unless usernames.empty?
+      render :update do |page|
+        page << "if($$('result')){"
+          page.replace_html "results"
+        page << "}"
+        page.insert_html :top, "results", "<h3>Those are some nice colors!</h3>"
+      
+        usernames.each do |username|
+          @user = Twitter.user(username)
+          page << "if($('fat_finger')){"
+            page.visual_effect :fade, "fat_finger", :duration => "0.3"
           page << "}"
-          page.insert_html :top, "results", "<h3>Those are some nice colors!</h3>"
-          
-          usernames.each do |username|
-            @user = Twitter.user(username)
-            page << "if($('fat_finger')){"
-              page.visual_effect :fade, "fat_finger", :duration => "0.3"
-            page << "}"
-            page.insert_html :bottom, "results", :partial => "result"
-            page.visual_effect :highlight, "results", :startcolor => "#6CC", :endcolor => "#FFF"
-            page[:entry_form].reset
-          end
+          page.insert_html :bottom, "results", :partial => "result"
+          page.visual_effect :highlight, "results", :startcolor => "#6CC", :endcolor => "#FFF"
+          page[:entry_form].reset
         end
+      end
     else
       render :update do |page|
         page.insert_html :top, "header", "<div id='fat_finger'><h2>FAT FINGER ALERT: Hexminr requires a Twitter username</h2></div>"

app/views/colors/index.html.erb

@@ -1,8 +1,6 @@
 <% form_remote_tag :url => {:controller => "colors", :action => "create"}, :html => {:id => "entry_form"} do -%>
   <strong><%= label_tag :usernames, "Submit Twitter usernames &amp; get their color schemes back:" %></strong> <%= text_field_tag :usernames %> <%= submit_tag "Do it" %><br/>
-  <span style="color: #bbb; font-style: italic; font-size: 70%; position:relative; left:469px;">(e.g. eh hexminr rails)</span>
+  <span id="example">(e.g. eh hexminr rails)</span>
 <% end -%>
 
-<div id="results"></div>
-
-<span id="oneforty.i.1150"></span>
+<div id="results"></div>

public/stylesheets/hexminr.css

@@ -62,6 +62,13 @@ a:hover {
   text-align: center;
   padding: 1em;
   margin: 0 0 1em 0;
+  border-right: 7px solid #AAA;
+  border-bottom: 7px solid #AAA;
+  border-left: 7px solid #AAA;
+  -moz-border-radius-bottomright: 35px;
+  -moz-border-radius-bottomleft: 35px;
+  -webkit-border-bottom-left-radius: 35px;  
+  -webkit-border-bottom-right-radius: 35px;  
 }
 
 #container {
@@ -73,6 +80,14 @@ a:hover {
   margin: 2em 0;
 }
 
+span#example {
+  color: #bbb;
+  font-style: italic;
+  font-size: 70%;
+  position: relative;
+  left: 469px;
+}
+
 .result {
   padding-top: 1.35em;
   margin-bottom: 0.75em;
@@ -96,11 +111,11 @@ ul.colors li {
 }
 
 ul.colors li p {
-  text-align:center;
+  text-align: center;
 }
 
 ul.colors li p.swatch {
-  width:150px;
+  width: 150px;
   height: 150px;
 }