diff --git a/mutalyzer/website/templates/homepage.html b/mutalyzer/website/templates/homepage.html index 2f1ae2caee0a55dbe6914d12ad25c2e35f1a3566..3039f827abf54f12aa4b2b7d1c0b2d8395d64ae2 100644 --- a/mutalyzer/website/templates/homepage.html +++ b/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>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 %} diff --git a/mutalyzer/website/templates/static/css/style.css b/mutalyzer/website/templates/static/css/style.css index 4a0106f73a7d482c97846478615d75d4991cb416..81552a68939211520f20faa61da6b8d1f6976c0c 100644 --- a/mutalyzer/website/templates/static/css/style.css +++ b/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; } diff --git a/mutalyzer/website/templates/static/js/interface.js b/mutalyzer/website/templates/static/js/interface.js index bc55ed80fd62f5f4bd2eb45ea755982a6d6e5b46..44c4e8c21da49b3ac5343fcc2b96fc1805d2fa22 100644 --- a/mutalyzer/website/templates/static/js/interface.js +++ b/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; }); })