add gmail button

It uses the google profile openid url, which results in a nicer openid
than the o8/id url.

2 files changed, 14 insertions, 7 deletions

diff --git a/doc/style.css b/doc/style.css
index 6832194b2..171a68474 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -440,7 +440,7 @@ li.L8 { list-style: upper-alpha; }
 	float: left;
 }
 .openid_large_btn {
-	padding: 1em 1.5em;
+	padding: 1em 1.75em;
 	border: 1px solid #DDD;
 	margin: 3px;
 	float: left;
diff --git a/underlays/openid-selector/ikiwiki/openid/openid-jquery.js b/underlays/openid-selector/ikiwiki/openid/openid-jquery.js
index 59a59c084..544ba8936 100644
--- a/underlays/openid-selector/ikiwiki/openid/openid-jquery.js
+++ b/underlays/openid-selector/ikiwiki/openid/openid-jquery.js
@@ -30,18 +30,24 @@ var providers_small = {
         label: 'Enter your Livejournal username:',
         url: 'http://{username}.livejournal.com/'
     },
-    flickr: {
-	name: 'Flickr',        
-	icon: 'http://flickr.com/favicon.ico',
-	label: 'Enter your Flickr username:',
-	url: 'http://flickr.com/photos/{username}/'
-    },
     wordpress: {
         name: 'Wordpress',
 	icon: 'https://ddgw.s3.amazonaws.com/wordpress.org.ico',
         label: 'Enter your Wordpress.com username:',
         url: 'http://{username}.wordpress.com/'
     },
+    gmail: {
+	name: 'Gmail',
+	icon: 'http://mail.google.com/favicon.ico',
+	label: 'Enter your Gmail address:',
+	url: 'http://google.com/profiles/{email_username}/'
+    },
+    flickr: {
+	name: 'Flickr',
+	icon: 'http://www.flickr.com/favicon.ico',
+	label: 'Enter your Flickr username:',
+	url: 'http://flickr.com/photos/{username}/'
+    },
     myopenid: {
         name: 'MyOpenID',
 	icon: 'http://myopenid.com/favicon.ico',
@@ -172,6 +178,7 @@ var openid = {
     	var url = openid.provider_url; 
     	if (url) {
     		url = url.replace('{username}', $('#openid_username').val());
+    		url = url.replace('{email_username}', $('#openid_username').val().split('@')[0]);
     		openid.setOpenIdUrl(url);
     	}
     	if(openid.ajaxHandler) {