Clickable name checker box on homepage

mutalyzer/website/templates/homepage.html

@@ -14,9 +14,9 @@ nomenclature according to the
 
 <div class="row">
     <div class="col-md-12">
-        <div class="thumbnail thumb-home thumb-large">
+        <div class="thumbnail clickbox thumb-home thumb-large">
             <div class="caption">
-                <h3>Name Checker</h3>
+                <h3><a href="{{ url_for('.name_checker') }}">Name Checker</a></h3>
                 <p>The Name Checker takes the complete sequence variant description as input and checks whether it is correct.</p>
                 <p>Example: <code class="example-input">AB026906.1:c.274G&gt;T</code></p>
 
@@ -127,6 +127,9 @@ This project is sponsored by <a href = "http://www.sun.com">SUN Microsystems</a>
          window.location=$(this).find("a").attr("href");
          return false;
     });
+    $(".clickbox input").click(function(e){
+         e.stopPropagation();
+    });
 </script>
 
 {% endblock content %}

mutalyzer/website/templates/static/css/style.css

@@ -225,6 +225,12 @@ header.main-header {
 	height: 180px;
 }
 
+.thumb-home:hover {
+	background-color: rgba(191, 191, 191, .6);
+	border-color: rgba(191, 191, 191, 1);
+}
+
+
 .thumb-home > .caption > h3 {
 	margin-top: auto;
 }

mutalyzer/website/templates/static/js/interface.js

@@ -61,8 +61,10 @@ function clearField(form, fieldName) {
 $(document).ready(function() {
     $('.example-input').on('click', function() {
         $('.example-target').val($(this).text());
+        return false;
     });
     $('.example-input-2').on('click', function() {
         $('.example-target-2').val($(this).text());
+        return false;
     });
 })