Removed dimmer and made card clickable

amiibofindr/static/app/global.js

@@ -1,5 +1,7 @@
-// Adds hover to cards for amiibos
-$('.special.card .image').dimmer({on: 'hover'});
+// Handle data-href
+$('[data-href]').on('click', function(event) {
+    location.href = $(this).attr('data-href');
+});
 
 // Enable dropdowns
 $('.dropdown').dropdown({transition: 'drop', on: 'hover'});

amiibofindr/templates/amiibo/widgets/amiibo-card.html

@@ -1,6 +1,6 @@
 {% load staticfiles thumbnail %}
-<div class="special card" data-amiibo-names="{{ amiibo.get_all_names|lower }}">
-  <div class="dimmable image">
+<div class="ui link card" data-amiibo-names="{{ amiibo.get_all_names|lower }}" data-href="{{ amiibo.get_absolute_url }}">
+  <div class="image">
     <div class="ui dimmer">
       <div class="content">
         <div class="center">
@@ -8,9 +8,9 @@
         </div>
       </div>
     </div>
-    <img src="{% thumbnail amiibo.statue 340x340 %}">
+    <img src="{% thumbnail amiibo.statue 340x340 crop %}">
   </div>
   <div class="content">
-    <a class="header">{{ amiibo.name }}</a>
+    <div class="header">{{ amiibo.name }}</div>
   </div>
 </div>