Spaces:
Running
Running
File size: 1,185 Bytes
0326339 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
<template>
<div
class="w-full px-3 max-w-4xl mx-auto flex lg:hidden flex-col justify-center items-center"
>
<p
class="relative flex flex-row justify-center items-center mb-2 font-semibold"
>
<span>
Sponsored by
<template v-for="sponsor in randomSponsors" :key="sponsor.name">
<a
class="text-blue-500 hover:opacity-80 underline"
:href="sponsor.link"
target="_blank"
>
{{ sponsor.name }}
</a>
<span class="last:hidden mx-1">&</span>
</template>
</span>
</p>
<div
v-for="sponsor in randomSponsors"
:key="sponsor.name"
class="w-full mb-6 flex flex-col justify-center items-center"
>
<p class="mb-2 text-sm sm:text-base text-gray-600">
{{ sponsor.slogan }}
</p>
<a class="hover:opacity-80" :href="sponsor.link" target="_blank">
<img
class="w-auto max-w-full"
:src="sponsor.landingImage"
:alt="sponsor.name"
/>
</a>
</div>
</div>
</template>
<script lang="ts" setup>
import { randomSponsors } from "../helpers/sponsor";
</script>
|