Streamer272/fnb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨ Adds photo carousel for both cities

Browse Source
This commit is contained in:
Daniel Svitan
2025-11-09 20:07:17 +01:00
parent 447d99baa4
commit ead0b92357
16 changed files with 43 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
app/pages/index.vue
View File

@@ -22,22 +22,38 @@
vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere.
Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
himenaeos.<br/><br/>
</p>
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar
vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere.
Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
himenaeos.<br/><br/>
<!-- taken from https://www.instagram.com/p/DKSO0BvssTQ -->
<h3 class="font-bold text-2xl">Bratislava</h3>
<UCarousel v-slot="{ item }" :items="examplesBa" :ui="{ item: 'basis-1/3' }" arrows autoplay loop>
<NuxtImg :src="item" width="256" class="rounded-lg"/>
</UCarousel>
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar
vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere.
Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
himenaeos.<br/><br/>
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem
placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar
vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere.
Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos
himenaeos.</p>
<!-- taken from https://www.instagram.com/p/DJrNlPvKWQR -->
<h3 class="font-bold text-2xl mt-4">Košice</h3>
<UCarousel v-slot="{ item }" :items="examplesKe" :ui="{ item: 'basis-1/3' }" arrows autoplay loop>
<NuxtImg :src="item" width="256" class="rounded-lg"/>
</UCarousel>
</template>
<script lang="ts" setup>
const examplesBa = [
"/images/ba-example-1.jpg",
"/images/ba-example-2.jpg",
"/images/ba-example-3.jpg",
"/images/ba-example-4.jpg",
"/images/ba-example-5.jpg",
"/images/ba-example-6.jpg",
"/images/ba-example-7.jpg",
];
const examplesKe = [
"/images/ke-example-1.jpg",
"/images/ke-example-2.jpg",
"/images/ke-example-3.jpg",
"/images/ke-example-4.jpg",
"/images/ke-example-5.jpg",
"/images/ke-example-6.jpg",
"/images/ke-example-7.jpg",
];
</script>