Minimal login page improvements

2 files changed, 6 insertions, 2 deletions

diff --git a/hyperkitty/static/img/login/persona-large-disabled.png b/hyperkitty/static/img/login/persona-large-disabled.png
new file mode 100644
index 0000000..a798c4f
--- /dev/null
+++ b/hyperkitty/static/img/login/persona-large-disabled.png
diff --git a/hyperkitty/templates/login.html b/hyperkitty/templates/login.html
index e81c8b3..a62502e 100644
--- a/hyperkitty/templates/login.html
+++ b/hyperkitty/templates/login.html
@@ -18,7 +18,7 @@
 		<form method="post" action="{% url socialauth_complete "browserid" %}?next={{ next }}">
 			{% csrf_token %}
 			<input type="hidden" name="assertion" value="" />
-			<a rel="nofollow" id="browserid" href="#"><img src="{{ STATIC_URL }}img/login/persona-large.png" alt="Login using Persona" /></a>
+			<a rel="nofollow" id="browserid" href="#"><img src="{{ STATIC_URL }}img/login/persona-large-disabled.png" alt="Login using Persona" /></a>
 		</form>
 	</li>
 	<li><a title="Google" class="socialaccount_provider google" href="{% url socialauth_begin backend='google' %}"><img src="{{ STATIC_URL }}img/login/google.png" alt="Google"></a></li>
@@ -63,12 +63,16 @@
 					alert('Some error occurred');
 				}
 			});
+		}).each(function() {
+			var img = $(this).find("img");
+			img.attr("src", img.attr("src").replace(/-disabled/, ""));
 		});
 	});
 </script>
 <!-- end browserid stuff -->
 <script type="text/javascript">
-	document.getElementById('id_username').focus();
+	var username = document.getElementById('id_username');
+	if (username) { username.focus(); }
 </script>
 {% endblock additionaljs %}