Pārlūkot izejas kodu

Swap homepage cards

Andrea Franceschini 1 gadu atpakaļ
vecāks
revīzija
4a8ec1e078
1 mainītis faili ar 12 papildinājumiem un 3 dzēšanām
  1. 12 3
      pages/index.vue

+ 12 - 3
pages/index.vue

@@ -4,15 +4,24 @@
             I do things.
         </h3>
         <div class="grid sm:grid-cols-2 gap-6 mx-auto sm:py-8 py-6 col">
-            <div class="aspect-w-16 aspect-h-9">
+            <div class="aspect-w-16 aspect-h-9 shadow-lg">
                 <a href="https://edugames.andreafranceschini.org/"><video autoplay loop muted>
                     <source src="/images/gneg.mp4" type="video/mp4" />
                     Your browser does not support the video tag.
                 </video></a>
             </div>
-            <div class="aspect-w-16 aspect-h-9">
-                <iframe ref="video" loading="lazy" data-src="https://www.youtube-nocookie.com/embed/AszBiqrvAaU" title="How to make your computer go BOOP" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+            <div class="aspect-w-16 aspect-h-9 shadow-lg">
+                <a href="https://edugames.andreafranceschini.org/cash-or-card"><figure>
+                    <picture>
+                        <source srcset="/images/cash_or_card-2x.webp" type="image/webp" />
+                        <source srcset="/images/cash_or_card.jpg 1x, /images/cash_or_card-2x.jpg 2x" type="image/jpeg" />
+                        <img class="rounded" srcset="/images/cash_or_card.jpg" alt="Circular Bells" />
+                    </picture>
+                </figure></a>
             </div>
+            <!-- <div class="aspect-w-16 aspect-h-9 shadow-lg hidden sm:block">
+                <iframe ref="video" loading="lazy" data-src="https://www.youtube-nocookie.com/embed/AszBiqrvAaU" title="How to make your computer go BOOP" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+            </div> -->
         </div>
         <h3 class="sm:text-4xl text-3xl pb-8 text-center">
             <span class="scroll-down sm:hidden">