|
|
@@ -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">
|
