From 3f8cb0985acdd0104393953fd58c3270ddda4c79 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 6 Jul 2023 01:15:04 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20(card)=20add=20perspective=20to?=
 =?UTF-8?q?=20cards?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/card/components/FlipCard.vue | 22 ++++++++++++++++------
 src/utils/twitter.ts                     |  9 ---------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/modules/card/components/FlipCard.vue b/src/modules/card/components/FlipCard.vue
index 2e9d587..3ab0bba 100644
--- a/src/modules/card/components/FlipCard.vue
+++ b/src/modules/card/components/FlipCard.vue
@@ -22,12 +22,11 @@ const fail = () => emit('fail')
         <hr />
         <div class="references" v-html="card.references"></div>
         <hr />
-        <div class="buttons is-centered">
-          <div class="button is-warning is-light" @click.stop="fail">
-            failed
-          </div>
-          <div class="button is-success is-light" @click.stop="success">
-            got it
+        <div class="actions">
+          <p>Did you remember this?</p>
+          <div class="buttons is-centered">
+            <div class="button is-warning" @click.stop="fail">failed</div>
+            <div class="button is-success" @click.stop="success">got it</div>
           </div>
         </div>
       </div>
@@ -44,9 +43,12 @@ $border-radius: 0.5rem;
   padding: 0 1rem;
   margin: auto;
   user-select: none;
+  transition: 0.1s;
+  perspective: 1500px;
 
   &:hover {
     cursor: pointer;
+    transform: scale(1.03);
   }
 
   .flip-card-inner {
@@ -79,4 +81,12 @@ $border-radius: 0.5rem;
     transform: rotateY(180deg);
   }
 }
+
+.actions {
+  text-align: center;
+
+  p {
+    margin-bottom: 0.5rem;
+  }
+}
 </style>
diff --git a/src/utils/twitter.ts b/src/utils/twitter.ts
index 9357011..8a99076 100644
--- a/src/utils/twitter.ts
+++ b/src/utils/twitter.ts
@@ -1,13 +1,4 @@
 // @ts-nocheck
-
-// https://github.com/rlidwka/markdown-it-regexp
-/* 
-const texte = "@[tweet](21345)";
-const regex = /@\[tweet]\((.*?)\)/;
-const resultat = regex.exec(texte)[1];
-console.log(resultat);
-*/
-
 window.twttr = (function (d, s, id) {
   let js,
     fjs = d.getElementsByTagName(s)[0],