Creepso/migu
1
0
Fork 0
mirror of https://github.com/NoCrypt/migu.git synced 2026-04-20 16:12:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(web): improve testimonials

Browse source
This commit is contained in:
ThaUnknown 2024-03-10 23:52:06 +01:00
parent 78895e05f5
commit 96609ba479
1 changed files with 27 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
web/src/lib/components/Testimonials.svelte
View file

@ -1,6 +1,6 @@
<div class='row pt-20'>
<div class='col-md-4 col-12'>
<div class='card mx-10 my-20 h-200 flex-column d-flex'>
<div class='card mx-10 my-20 h-md-200 flex-column d-flex'>
<div class='d-flex flex-row text-white align-items-center pb-5'>
<img src='/drkninja.webp' class='img-fluid rounded-circle h-50 w-50 mr-20' alt='pfp' />
<div>
@ -8,9 +8,9 @@
<p class='text-muted m-0'>@drkninja</p>
</div>
</div>
<p class='text-muted font-size-16 m-0 pt-10 overflow-hidden'>I just wanted to give you my dearest thanks for this app! It has changed the way I consume anime, and honestly it's almost entirely perfect. 9.5/10 would and have recommended.</p>
<p class='text-muted font-size-16 m-0 pt-10 truncate-3'>I just wanted to give you my dearest thanks for this app! It has changed the way I consume anime, and honestly it's almost entirely perfect. 9.5/10 would and have recommended.</p>
</div>
<div class='card mx-10 my-20 h-200 flex-column d-flex'>
<div class='card mx-10 my-20 h-md-200 flex-column d-flex mb-0'>
<div class='d-flex flex-row text-white align-items-center pb-5'>
<img src='/jomujomujomu.webp' class='img-fluid rounded-circle h-50 w-50 mr-20' alt='pfp' />
<div>
@ -18,11 +18,11 @@
<p class='text-muted m-0'>@jomujomujomu</p>
</div>
</div>
<p class='text-muted font-size-16 m-0 pt-10 overflow-hidden'>Thank you so much for this! I prefer the quality on torrents but prefer the convenience of streaming.</p>
<p class='text-muted font-size-16 m-0 pt-10 truncate-3'>Thank you so much for this! I prefer the quality on torrents but prefer the convenience of streaming.</p>
</div>
</div>
<div class='col-md-4 col-12'>
<div class='card mx-10 my-20 h-250 flex-column d-flex'>
<div class='card mx-10 my-20 h-md-250 flex-column d-flex'>
<div class='d-flex flex-row text-white align-items-center pb-5'>
<img src='/avatar_default_6.webp' class='img-fluid rounded-circle h-50 w-50 mr-20' alt='pfp' />
<div>
@ -30,9 +30,9 @@
<p class='text-muted m-0'>@Aralakh</p>
</div>
</div>
<p class='text-muted font-size-16 m-0 pt-15 overflow-hidden'>Whoa! This is my first time hearing about this app, awesome work. I love that you have the option to turn off English subs! I've been trying to find a site with current anime that doesn't have English subs or where one can turn on Japanese subs, this helps tremendously. Thank you!</p>
<p class='text-muted font-size-16 m-0 pt-15 truncate-5'>Whoa! This is my first time hearing about this app, awesome work. I love that you have the option to turn off English subs! I've been trying to find a site with current anime that doesn't have English subs or where one can turn on Japanese subs, this helps tremendously. Thank you!</p>
</div>
<div class='card mx-10 my-20 h-250 flex-column d-flex'>
<div class='card mx-10 my-20 h-md-250 flex-column d-flex mb-0'>
<div class='d-flex flex-row text-white align-items-center pb-5'>
<img src='/avatar_default_2.webp' class='img-fluid rounded-circle h-50 w-50 mr-20' alt='pfp' />
<div>
@ -40,11 +40,11 @@
<p class='text-muted m-0'>@kwokinator</p>
</div>
</div>
<p class='text-muted font-size-16 m-0 pt-15 overflow-hidden'>Great app! Having a convenient app like this might actually swing me from binge watching after every season to watching weekly because I'm just too damn lazy to keep downloading new episodes every week for multiple shows instead of one big batch.</p>
<p class='text-muted font-size-16 m-0 pt-15 truncate-5'>Great app! Having a convenient app like this might actually swing me from binge watching after every season to watching weekly because I'm just too damn lazy to keep downloading new episodes every week for multiple shows instead of one big batch.</p>
</div>
</div>
<div class='col-md-4 col-12'>
<div class='card mx-10 my-20 h-200 flex-column d-flex'>
<div class='card mx-10 my-20 h-md-200 flex-column d-flex'>
<div class='d-flex flex-row text-white align-items-center pb-5'>
<img src='/alpharights.webp' class='img-fluid rounded-circle h-50 w-50 mr-20' alt='pfp' />
<div>
@ -53,9 +53,9 @@
</p>
</div>
</div>
<p class='text-muted font-size-16 m-0 pt-10 overflow-hidden'>Much easier for me to just open the app instead of having to type it in the search bar. Really glad this was made.</p>
<p class='text-muted font-size-16 m-0 pt-10 truncate-3'>Much easier for me to just open the app instead of having to type it in the search bar. Really glad this was made.</p>
</div>
<div class='card mx-10 my-20 h-200 flex-column d-flex'>
<div class='card mx-10 my-20 h-md-200 flex-column d-flex mb-0'>
<div class='d-flex flex-row text-white align-items-center pb-5'>
<img src='/avatar_default_0.webp' class='img-fluid rounded-circle h-50 w-50 mr-20' alt='pfp' />
<div>
@ -63,7 +63,22 @@
<p class='text-muted m-0'>@jtipt</p>
</div>
</div>
<p class='text-muted font-size-16 m-0 pt-10 overflow-hidden'>This is quite an amazing app I'm liking it quite a lot. Probably gonna use this for all seasonal anime watching.</p>
<p class='text-muted font-size-16 m-0 pt-10 truncate-3'>This is quite an amazing app I'm liking it quite a lot. Probably gonna use this for all seasonal anime watching.</p>
</div>
</div>
</div>
<style>
.truncate-5 {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.truncate-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
</style>