Skip to content

Commit 607a3bc

Browse files
committed
Update testimonials
1 parent 9991269 commit 607a3bc

File tree

4 files changed

+73
-9
lines changed

4 files changed

+73
-9
lines changed

packages/website/src/components/Testimonial.astro

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,10 @@ const Element = url ? 'a' : 'div';
99

1010
<Element
1111
href={url}
12-
class="themed-border border-border bg-background-secondary rounded-md shadow-shadow p-5 flex flex-col gap-3 text-left"
12+
class="themed-border border-border bg-background-secondary rounded-md shadow-shadow p-5 flex flex-col gap-3 text-left w-80 shrink-0 transition duration-200 hover:brightness-95 prefers-dark:hover:brightness-125"
1313
>
14-
<p class="text-sm">{quote}</p>
15-
<span class="text-xs text-foreground-secondary font-bold self-end">
16-
{author}{source ? `, ${source}` : ''}
14+
<span class="text-base font-bold">
15+
{author}{source ? `, ${source}` : ''}
1716
</span>
17+
<p class="text-sm whitespace-pre-line">{quote}</p>
1818
</Element>
Lines changed: 26 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,37 @@
11
---
22
import { testimonials } from '../data/testimonials';
33
import Testimonial from './Testimonial.astro';
4+
5+
const row1 = testimonials.filter((_, index) => index % 2 === 0);
6+
const row2 = testimonials.filter((_, index) => index % 2 !== 0);
47
---
58

6-
<section class="px-4 pb-16 md:px-8 w-full max-w-5xl mx-auto">
9+
<section class="pb-16 w-full overflow-hidden group">
710
<h3
8-
class="font-heading font-black text-2xl md:text-3xl uppercase tracking-widest text-center mb-8"
11+
class="font-heading font-black text-2xl md:text-3xl uppercase tracking-widest text-center mb-8 px-4"
912
>
1013
People love Nuclear
1114
</h3>
12-
<div class="grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6">
13-
{testimonials.map((testimonial) => <Testimonial {...testimonial} />)}
15+
<div class="flex flex-col gap-5">
16+
<div
17+
class="flex gap-5 w-fit"
18+
style="animation: marquee-scroll 30s linear infinite; animation-play-state: running;"
19+
>
20+
{row1.map((testimonial) => <Testimonial {...testimonial} />)}
21+
{row1.map((testimonial) => <Testimonial {...testimonial} />)}
22+
</div>
23+
<div
24+
class="flex gap-5 w-fit"
25+
style="animation: marquee-scroll 45s linear infinite; animation-play-state: running;"
26+
>
27+
{row2.map((testimonial) => <Testimonial {...testimonial} />)}
28+
{row2.map((testimonial) => <Testimonial {...testimonial} />)}
29+
</div>
1430
</div>
1531
</section>
32+
33+
<style>
34+
section:hover > div > div {
35+
animation-play-state: paused;
36+
}
37+
</style>

packages/website/src/data/testimonials.ts

Lines changed: 34 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,12 +12,45 @@ export const testimonials: Testimonial[] = [
1212
author: 'itismyjob',
1313
source: 'redditor',
1414
},
15+
{
16+
quote: 'Sounds illegal.',
17+
author: 'ineedyourdiscipline',
18+
url: 'https://old.reddit.com/r/privacy/comments/aggycb/nuclear_a_free_alternative_to_spotify_no_drm_100/ee68tsi/',
19+
source: 'redditor',
20+
},
1521
{
1622
quote:
1723
"I used nuclear and had a horrible experience with it. It looks bad, you wait for 1 minute to play a 3 minute song, it's slow as fuck. Probably it's because of Electron, but it is used by so many people that I started cringing.",
1824
author: 'Anonymous /g/ user',
1925
url: 'https://desuarchive.org/g/thread/80081582/#80096271',
2026
},
27+
{
28+
quote: 'Hard to tell if this is a real project or just a prank.',
29+
author: 'incone123',
30+
source: 'HN user',
31+
url: 'https://news.ycombinator.com/item?id=45117618',
32+
},
33+
{
34+
quote:
35+
"I downloaded Nuclear (the AppImage, if that matters) and booted it up. Instant 300MB RAM usage.\n\nI think I'll pass.",
36+
author: 'throwaway58576',
37+
source: 'HN user',
38+
url: 'https://news.ycombinator.com/item?id=45118538',
39+
},
40+
{
41+
quote:
42+
"Half the time trying to play a song doesn't work. Dozens and dozens of javascript errors in the console, most of which seem to be legitimate (trying to parse xml as json, type errors, and other serious stuff). Electron. That's three strikes, I'm out.",
43+
author: 'markasoftware',
44+
source: 'HN user',
45+
url: 'https://news.ycombinator.com/item?id=45120348',
46+
},
47+
{
48+
quote:
49+
"Can I add a testimonial?\nRun the thing, clicked a song, it said it can't play it, removed the thing.",
50+
author: 'kesor',
51+
source: 'HN user',
52+
url: 'https://news.ycombinator.com/item?id=45119307',
53+
},
2154
{
2255
quote:
2356
"If they aren't paying the artists this will be wiped off the face of the net in a month.",
@@ -28,7 +61,7 @@ export const testimonials: Testimonial[] = [
2861
quote: 'As a musician, fuck everything about this',
2962
author: 'Rockytriton',
3063
source: 'redditor',
31-
url: 'https://www.reddit.com/r/linux/comments/ag82rn/nuclear_a_free_alternative_to_spotify_no_drm_100/ee5q1ds/',
64+
url: 'https://old.reddit.com/r/linux/comments/ag82rn/nuclear_a_free_alternative_to_spotify_no_drm_100/ee5q1ds/',
3265
},
3366
{
3467
quote:

packages/website/src/styles/global.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -87,3 +87,12 @@
8787
background-size: cover;
8888
background-position: center;
8989
}
90+
91+
@keyframes marquee-scroll {
92+
from {
93+
transform: translateX(0);
94+
}
95+
to {
96+
transform: translateX(-50%);
97+
}
98+
}

0 commit comments

Comments
 (0)