arthur/website
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website.git synced 2026-01-14 20:19:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

add photos to main banner

Browse Source
This commit is contained in:
Arthur Danjou
2023-10-25 20:20:34 +02:00
parent 94f88d3bc6
commit 8bd389dbc6
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/MainPhotos.vue
View File

@@ -5,19 +5,19 @@
<template>
<div class="flex justify-center gap-5 overflow-hidden py-4 sm:gap-8">
<div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl rotate-2">
First
<NuxtImg class="w-full h-full" src="/img/nature.jpg" alt="Nature" placeholder />
</div>
<div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl -rotate-2">
Second
<NuxtImg class="w-full h-full" src="/img/nature2.jpg" alt="Nature" placeholder />
</div>
<div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl rotate-2">
Third
<NuxtImg class="w-full h-full" src="/img/nature3.jpg" alt="Nature" placeholder />
</div>
<div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl -rotate-2">
Forth
<NuxtImg class="w-full h-full" src="/img/nature4.jpg" alt="Nature" placeholder />
</div>
<div class="shadow-md relative aspect-[9/10] w-44 flex-none overflow-hidden rounded-xl bg-zinc-100 dark:bg-zinc-800 sm:w-72 sm:rounded-2xl rotate-2">
Fifth
<NuxtImg class="w-full h-full" src="/img/nature5.jpg" alt="Nature" placeholder />
</div>
</div>
</template>