💄 (card) add perspective to cards

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="actions">
-          <div class="button is-warning is-light" @click.stop="fail">
+          <p>Did you remember this?</p>
-            failed
+          <div class="buttons is-centered">
-          </div>
+            <div class="button is-warning" @click.stop="fail">failed</div>
-          <div class="button is-success is-light" @click.stop="success">
+            <div class="button is-success" @click.stop="success">got it</div>
-            got it
           </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>

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],