Skip to content

Commit fcd974a

Browse files
fezcodefezcode
committed
fix: vocab entries
1 parent 53509d8 commit fcd974a

File tree

6 files changed

+18
-21
lines changed

6 files changed

+18
-21
lines changed

‎src/data/vocab/legato.jsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,16 @@ export default function Legato() {
99
<strong className="text-current">Legato</strong> is a form of musical articulation. In modern notation, it indicates that musical notes are played or sung smoothly and connected.
1010
</p>
1111

12-
<div className="border-l-2 border-blue-500/50 pl-4 py-1 italic text-gray-400 text-xs">
12+
<div className="border-l-2 border-blue-500/50 pl-4 py-1 italic opacity-70 text-xs">
1313
"Tied together, smooth, and flowing."
1414
</div>
1515

1616
<p>
1717
It is often indicated with a slur (a curved line) over or under the notes that are to be joined.
1818
</p>
1919

20-
<div className="flex flex-col gap-4 pt-4 border-t border-white/10">
21-
<div className="flex items-center gap-2 text-xs uppercase tracking-widest font-bold text-gray-500">
20+
<div className="flex flex-col gap-4 pt-4 border-t border-current/10">
21+
<div className="flex items-center gap-2 text-xs uppercase tracking-widest font-bold">
2222
<span>See also:</span>
2323
<MarkdownLink href="/vocab/staccato" className="text-orange-400 hover:underline" width={600}>Staccato</MarkdownLink>
2424
</div>

‎src/data/vocab/power-law.jsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -13,17 +13,17 @@ export default function PowerLaw() {
1313
<div className="space-y-8 my-6">
1414
<div className="border border-emerald-500/20 p-4 bg-emerald-500/[0.02]">
1515
<h4 className="text-xs font-bold text-emerald-400 uppercase tracking-widest mb-3">The "Pizza Party" Analogy</h4>
16-
<p className="text-xs text-gray-400 leading-relaxed">
16+
<p className="text-xs leading-relaxed opacity-80">
1717
Imagine a party with 100 people and 100 slices of pizza.
1818
</p>
1919
<ul className="mt-3 space-y-2 text-xs">
2020
<li className="flex gap-2">
2121
<span className="text-emerald-500 font-bold">Normal:</span>
22-
<span className="text-gray-500">Everyone gets exactly 1 slice. (Bell Curve)</span>
22+
<span className="opacity-70">Everyone gets exactly 1 slice. (Bell Curve)</span>
2323
</li>
2424
<li className="flex gap-2">
2525
<span className="text-emerald-500 font-bold">Power Law:</span>
26-
<span className="text-gray-300">1 person eats 80 slices, and the other 99 people have to share the remaining 20 slices.</span>
26+
<span>1 person eats 80 slices, and the other 99 people have to share the remaining 20 slices.</span>
2727
</li>
2828
</ul>
2929
<p className="mt-4 text-[10px] text-emerald-500/50 uppercase italic font-bold">
@@ -33,7 +33,7 @@ export default function PowerLaw() {
3333

3434
<div className="border-l-2 border-yellow-500/50 pl-4 py-1">
3535
<h4 className="text-xs font-bold text-yellow-400 uppercase tracking-widest mb-3">Key Characteristics</h4>
36-
<ul className="space-y-3 text-xs text-gray-400">
36+
<ul className="space-y-3 text-xs opacity-90">
3737
<li>
3838
<strong className="text-current block mb-1">Scale Invariance</strong>
3939
The distribution looks the same regardless of the scale at which you observe it.
@@ -51,7 +51,7 @@ export default function PowerLaw() {
5151

5252
<div className="border-l-2 border-green-500/50 pl-4 py-1">
5353
<h4 className="text-xs font-bold text-green-400 uppercase tracking-widest mb-3">Real-World Examples</h4>
54-
<ul className="space-y-3 text-xs text-gray-400">
54+
<ul className="space-y-3 text-xs opacity-90">
5555
<li><strong className="text-current">Wealth Distribution:</strong> A small percentage of the population holds the majority of the wealth.</li>
5656
<li><strong className="text-current">City Populations:</strong> A few mega-cities vs. thousands of small towns.</li>
5757
<li><strong className="text-current">Word Frequency (Zipf's Law):</strong> The most common words in a language appear significantly more often than the rest.</li>

‎src/data/vocab/staccato.jsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,16 @@ export default function Staccato() {
99
<strong className="text-current">Staccato</strong> is a form of musical articulation. In modern notation, it signifies a note of shortened duration, separated from the note that may follow by silence.
1010
</p>
1111

12-
<div className="border-l-2 border-orange-500/50 pl-4 py-1 italic text-gray-400 text-xs">
12+
<div className="border-l-2 border-orange-500/50 pl-4 py-1 italic opacity-70 text-xs">
1313
"Detached, disconnected, and sharp."
1414
</div>
1515

1616
<p>
1717
It is often indicated with a small dot above or below the note head.
1818
</p>
1919

20-
<div className="flex flex-col gap-4 pt-4 border-t border-white/10">
21-
<div className="flex items-center gap-2 text-xs uppercase tracking-widest font-bold text-gray-500">
20+
<div className="flex flex-col gap-4 pt-4 border-t border-current/10">
21+
<div className="flex items-center gap-2 text-xs uppercase tracking-widest font-bold">
2222
<span>See also:</span>
2323
<MarkdownLink href="/vocab/legato" className="text-blue-400 hover:underline" width={600} >Legato</MarkdownLink>
2424
</div>

‎src/data/vocab/tremolo.jsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,16 @@ export default function Tremolo() {
99
<strong className="text-current">Tremolo</strong> describes two main effects: a rapid reiteration of a single note (classical/acoustic) or a rapid variation in volume (electronic/audio).
1010
</p>
1111

12-
<div className="border-l-2 border-cyan-500/50 pl-4 py-1 italic text-gray-400 text-xs">
12+
<div className="border-l-2 border-cyan-500/50 pl-4 py-1 italic opacity-70 text-xs">
1313
"Amplitude modulation (AM) - The volume goes loud and soft."
1414
</div>
1515

1616
<p>
1717
Often confused with vibrato, especially in the context of guitar "tremolo arms" (which actually produce vibrato) and "vibrato channels" on amplifiers (which actually produce tremolo).
1818
</p>
1919

20-
<div className="flex flex-col gap-4 pt-4 border-t border-white/10">
21-
<div className="flex items-center gap-2 text-xs uppercase tracking-widest font-bold text-gray-500">
20+
<div className="flex flex-col gap-4 pt-4 border-t border-current/10">
21+
<div className="flex items-center gap-2 text-xs uppercase tracking-widest font-bold">
2222
<span>See also:</span>
2323
<MarkdownLink href="/vocab/vibrato" className="text-purple-400 hover:underline" width={600}>Vibrato</MarkdownLink>
2424
</div>

‎src/data/vocab/vibrato.jsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,16 @@ export default function Vibrato() {
99
<strong className="text-current">Vibrato</strong> is a musical effect consisting of a regular, pulsating change of pitch. It is used to add expression and warmth to vocal and instrumental music.
1010
</p>
1111

12-
<div className="border-l-2 border-purple-500/50 pl-4 py-1 italic text-gray-400 text-xs">
12+
<div className="border-l-2 border-purple-500/50 pl-4 py-1 italic opacity-70 text-xs">
1313
"Frequency modulation (FM) - The pitch goes up and down."
1414
</div>
1515

1616
<p>
1717
In string instruments, it is produced by rocking the finger back and forth on the string. In singing, it is a natural fluctuation of the voice.
1818
</p>
1919

20-
<div className="flex flex-col gap-4 pt-4 border-t border-white/10">
21-
<div className="flex items-center gap-2 text-xs uppercase tracking-widest font-bold text-gray-500">
20+
<div className="flex flex-col gap-4 pt-4 border-t border-current/10">
21+
<div className="flex items-center gap-2 text-xs uppercase tracking-widest font-bold">
2222
<span>See also:</span>
2323
<MarkdownLink href="/vocab/tremolo" className="text-cyan-400 hover:underline" width={600}>Tremolo</MarkdownLink>
2424
</div>

‎src/pages/luxe-views/LuxeVocabPage.jsx‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ const LuxeVocabPage = () => {
3030
return vocabEntries.filter(
3131
(entry) =>
3232
entry.title.toLowerCase().includes(query) ||
33-
entry.definition.toLowerCase().includes(query),
33+
entry.slug.toLowerCase().includes(query),
3434
);
3535
}, [vocabEntries, searchQuery]);
3636

@@ -145,9 +145,6 @@ const LuxeVocabPage = () => {
145145
<h3 className="font-playfairDisplay text-3xl text-[#1A1A1A] group-hover:italic transition-all leading-tight">
146146
{entry.title}
147147
</h3>
148-
<p className="font-outfit text-sm text-[#1A1A1A]/60 leading-relaxed line-clamp-3 italic">
149-
{entry.definition}
150-
</p>
151148
{entry.tags && (
152149
<div className="flex flex-wrap gap-2 pt-2">
153150
{entry.tags.map((tag) => (

0 commit comments

Comments
 (0)