From 9d18d0733be9d70f8db04ef12c28919d61627f23 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Wed, 5 Dec 2018 01:24:27 +0100
Subject: [PATCH] frontend: add animation on frontpage

---
 frontend/static/css/fic.css     | 7 +++++++
 frontend/static/views/home.html | 2 +-
 frontend/static/views/tag.html  | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/static/css/fic.css b/frontend/static/css/fic.css
index 1c528392..b4547ebd 100644
--- a/frontend/static/css/fic.css
+++ b/frontend/static/css/fic.css
@@ -236,6 +236,13 @@ ul.list-inline li:not(:last-child)::after {
     content: ">"
 }
 
+.excard {
+    transition: transform 250ms;
+}
+.excard:hover {
+    transform: scale(1.07);
+}
+
 #tagsMenu + .dropdown-menu div {
     overflow-y: auto;
     max-height: calc(66vh - 100px);
diff --git a/frontend/static/views/home.html b/frontend/static/views/home.html
index 8d42f513..d23782b5 100644
--- a/frontend/static/views/home.html
+++ b/frontend/static/views/home.html
@@ -15,7 +15,7 @@
 </div>
 
 <div class="card-columns">
-  <div class="card niceborder" ng-repeat="(k,theme) in themes">
+  <div class="card niceborder excard" ng-repeat="(k,theme) in themes">
     <div class="card-img-top theme-card" ng-show="theme.image" style="background-image: url({{ theme.image }})"></div>
     <div class="card-body">
       <h5 class="card-title">
diff --git a/frontend/static/views/tag.html b/frontend/static/views/tag.html
index 69a33894..026e9079 100644
--- a/frontend/static/views/tag.html
+++ b/frontend/static/views/tag.html
@@ -1,5 +1,5 @@
 <div class="card-columns">
-  <div class="card niceborder" ng-repeat="ex in exercices">
+  <div class="card niceborder excard" ng-repeat="ex in exercices">
     <div class="card-img-top theme-card" ng-show="ex.theme.image" style="background-image: url({{ ex.theme.image }})"></div>
     <div class="card-body">
       <h6 class="card-title">