Add the more standard "Sign in with Twitter/Facebook" buttons, includ…

…ing helpers to insert them. Encapsulate the twitter and facebook auth URLs in an auth_request_path helper.

app/helpers/omnisocial/auth_helper.rb

@@ -1,11 +1,23 @@
 module Omnisocial
   module AuthHelper
-    def twitter_login_button
-      content_tag(:a, content_tag(:span, 'Sign in with Twitter'), :class => 'twitter', :href => '/auth/twitter')
+    def auth_request_path(options = {})
+      "/auth/#{options[:service]}"
+    end
+
+    def big_twitter_login_button
+      content_tag(:a, content_tag(:span, 'Sign in with Twitter'), :class => 'twitter', :href => auth_request_path(:service => 'twitter'))
     end
 
+    def big_facebook_login_button
+      content_tag(:a, content_tag(:span, 'Sign in with Facebook'), :class => 'facebook', :href => auth_request_path(:service => 'facebook'))
+    end
+
+    def twitter_login_button
+      content_tag(:a, content_tag(:img, :src => '/images/omnisocial/signin_twitter.png', :alt => 'Sign in with Twitter'), :href => auth_request_path(:service => 'twitter'))
+    end
+
     def facebook_login_button
-      content_tag(:a, content_tag(:span, 'Sign in with Facebook'), :class => 'facebook', :href => '/auth/facebook')
+      content_tag(:a, content_tag(:img, :src => '/images/omnisocial/signin_facebook.png', :alt => 'Sign in with Facebook'), :href => auth_request_path(:service => 'facebook'))
     end
   end
 end

app/views/omnisocial/auth/new.html.erb

@@ -18,6 +18,6 @@
       It&#8217;ll only take a second and your information will be perfectly safe. We don't get access to your password and <em>we won't post or tweet anything from your account</em> without your explicit permission.
     </p>
   </div>
-  <%= twitter_login_button %>
-  <%= facebook_login_button %>
+  <%= big_twitter_login_button %>
+  <%= big_facebook_login_button %>
 </div>

lib/generators/omnisocial/omnisocial_generator.rb

@@ -32,8 +32,10 @@ def copy_initializer
 
       def copy_assets
         copy_file 'assets/stylesheets/omnisocial.css',  'public/stylesheets/omnisocial.css'
-        copy_file 'assets/images/twitter.gif',          'public/images/twitter.gif'
-        copy_file 'assets/images/facebook.png',         'public/images/facebook.png'
+        copy_file 'assets/images/twitter.gif',          'public/images/omnisocial/twitter.gif'
+        copy_file 'assets/images/facebook.png',         'public/images/omnisocial/facebook.png'
+        copy_file 'assets/images/signin_twitter.png',   'public/images/omnisocial/signin_twitter.png'
+        copy_file 'assets/images/signin_facebook.png',  'public/images/omnisocial/signin_facebook.png'
       end
 
       def show_readme

lib/generators/omnisocial/templates/assets/stylesheets/omnisocial.css

@@ -41,14 +41,14 @@
     margin-right: 40px;
     width: 450px; }
   #oauth .twitter {
-    background: url(/images/twitter.gif) center center no-repeat;
+    background: url(/images/omnisocial/twitter.gif) center center no-repeat;
     float: left;
     height: 255px;
     width: 200px; }
     #oauth .twitter span {
       margin: 240px 0 0 25px; }
   #oauth .facebook {
-    background: url(/images/facebook.png) center center no-repeat;
+    background: url(/images/omnisocial/facebook.png) center center no-repeat;
     float: left;
     margin-left: 40px;
     height: 255px;