libretech/M6C9.de
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Activity

increase readability of landingpage

Browse Source
This commit is contained in:
Michael Czechowski
2025-06-14 00:42:29 +02:00
parent b7e7f49983
commit e816dc1801
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/Landingpage.pug
View File

@@ -2,9 +2,9 @@ header.bg-white.text-nls-black.relative(class="dark:text-white dark:bg-nls-black
.teaser.p-8.flex.flex-col.items-center.justify-center(class="sm:p-20")
.max-w-3xl.mb-8.relative(class="w-4/5 min-h-[90vh]")
.peer.absolute.bottom-0.left-0.right-0.z-40.text-center.max-w-3xl.center.py-8
h2.tracking-widest.text-xl.font-semibold.opacity-80.transition(class="sm:text-2xl peer-hover:opacity-100", itemprop="name")= landingpage.name
h2.tracking-widest.text-xl.font-semibold.opacity-100.transition(class="sm:text-2xl peer-hover:opacity-100", itemprop="name")= landingpage.name
h1.tracking-normal.text-md.mb-16.opacity-80.transition(class="sm:text-lg peer-hover:opacity-100", itemprop="jobTitle")
h1.tracking-normal.text-md.mb-16.opacity-95.transition(class="sm:text-lg peer-hover:opacity-100", itemprop="jobTitle")
| #{landingpage.jobTitle[0]}
|
wbr
@@ -47,8 +47,8 @@ header.bg-white.text-nls-black.relative(class="dark:text-white dark:bg-nls-black
canvasExtension: 1.0, // How far beyond canvas borders (-1.0 means 50% extra on each side)
// Wave complexity
waveFrequencies: [4, 8, 16], // Multiple harmonics
waveAmplitudes: [0.4, 0.25, 0.15], // Corresponding amplitudes
waveFrequencies: [1, 2, 3, 5, 8, 13], // Multiple harmonics
waveAmplitudes: [0.4, 0.25, 0.15, 0.1, 0.02, 0.001], // Corresponding amplitudes
...options
};
@@ -304,17 +304,17 @@ header.bg-white.text-nls-black.relative(class="dark:text-white dark:bg-nls-black
const canvas = document.getElementById('aurora-canvas');
if (canvas) {
const curtain = new GuillocheCurtain(canvas, {
spread: 1.2, // Wider spread
segments: 30,
lineWidth: 1, // Thicker lines
splineCount: 19, // More lines
groupCount: 4,
canvasExtension: 0.1,
offset: 1,
startOffset: -0.8, // Slight downward start
endOffset: 1, // Slight upward end
offsetTransition: 'smooth', // Smooth transition
animationSpeed: 0.00666, // Slower animation
spread: 7, // Wider spread
segments: 222,
lineWidth: 2, // Thicker lines
splineCount: 12, // More lines
groupCount: 2,
canvasExtension: 0.3,
offset: 0.4,
startOffset: -0.6, // Slight downward start
endOffset: 0.4, // Slight upward end
offsetTransition: 'sine', // Smooth transition
animationSpeed: 0.001, // Slower animation
hueBase: 0.55, // More blue-green
hueVariation: 0.3,
opacity: 0.3