Mawoka
53 lines
1.4 KiB
Svelte
53 lines
1.4 KiB
Svelte
<script lang="ts">
|
|
import { Swiper, SwiperSlide } from 'swiper/svelte';
|
|
import { Autoplay } from 'swiper';
|
|
import 'swiper/css';
|
|
// import 'swiper/css/autoplay';
|
|
|
|
const testimotionals = [
|
|
{
|
|
quote: `#ClassQuiz: An open source quiz platform (like Kahoot!) made by @Mawoka
|
|
and written mostly in #svelte and #python.
|
|
I like it and would use it for my house parties next time!`,
|
|
name: 'Deekshith Allamaneni',
|
|
source: 'https://twitter.com/adeekshith/status/1514973178438766596'
|
|
}
|
|
];
|
|
</script>
|
|
|
|
<div class="lg:grid lg:grid-cols-3">
|
|
<div class="lg:col-start-2">
|
|
<Swiper
|
|
centeredSlides={true}
|
|
modules={[Autoplay]}
|
|
autoplay={{
|
|
delay: 3500,
|
|
disableOnInteraction: false
|
|
}}
|
|
loop={true}
|
|
>
|
|
{#each testimotionals as testi}
|
|
<SwiperSlide>
|
|
<div class="flex justify-center">
|
|
<div class="max-w-3xl p-4 text-gray-800 rounded-lg text-white">
|
|
<div class="mb-2">
|
|
<div class="h-3 text-3xl text-left text-indigo-600">“</div>
|
|
<p
|
|
class="px-4 text-center text-gray-800 font-medium dark:text-gray-300"
|
|
>
|
|
{@html testi.quote}
|
|
</p>
|
|
<div class="h-3 text-3xl text-right text-indigo-600">”</div>
|
|
<div class="text-center">
|
|
<h5 class="font-bold text-indigo-600">{testi.name}</h5>
|
|
<a class="text-sm text-gray-500" href={testi.source}>Source</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</SwiperSlide>
|
|
{/each}
|
|
</Swiper>
|
|
</div>
|
|
</div>
|