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

code and style clean up; change job title wording; add more gap in footer items

Browse Source
This commit is contained in:
Michael Czechowski
2025-06-14 00:17:03 +02:00
parent 9cc970ea0b
commit bedc3f0583
5 changed files with 24 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Footer.pug
View File

@@ -18,7 +18,7 @@ footer#footer
// region Contact
h2.text-5xl.mb-4 #{footer.title}
p.mb-8.max-w-prose #{footer.content}
.flex.flex-col.items-center.space-y-12.mb-8(class="sm:flex-row sm:space-x-6 sm:space-y-0")
.flex.flex-col.items-center.space-y-12.mb-8(class="sm:flex-row sm:space-x-6 sm:space-y-0 gap-8 sm:gap-2")
+Link(footer.githubUrl, "github", "_blank", "noopener noreferrer")
+Svg
path(

26
src/components/Landingpage.pug
View File

@@ -158,7 +158,9 @@ header.bg-white.text-nls-black.relative(class="dark:text-white dark:bg-nls-black
const material = new THREE.LineBasicMaterial({
color: new THREE.Color().setHSL(hue, saturation, lightness),
transparent: true,
opacity: this.options.opacity * (1 - Math.abs(offset) / this.options.spread * 0.3),
// Add shading for depth
opacity: this.options.opacity / (splineIndex / 6) * (1 - Math.abs(offset) / this.options.spread * 0.1),
//opacity: this.options.opacity * (1 - Math.abs(offset) / this.options.spread * 0.1),
linewidth: this.options.lineWidth
});
@@ -272,6 +274,7 @@ header.bg-white.text-nls-black.relative(class="dark:text-white dark:bg-nls-black
}
resize() {
console.log('Resizing canvas and updating camera');
const width = this.canvas.clientWidth;
const height = this.canvas.clientHeight;
@@ -301,22 +304,23 @@ 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: 7, // Wider spread
segments: 17,
lineWidth: 0.1, // Thicker lines
splineCount: 21, // More lines
groupCount: 2,
spread: 1.2, // Wider spread
segments: 30,
lineWidth: 1, // Thicker lines
splineCount: 19, // More lines
groupCount: 4,
canvasExtension: 0.1,
offset: 0.1,
startOffset: -0.1, // Slight downward start
endOffset: 0.2, // Slight upward end
offset: 1,
startOffset: -0.8, // Slight downward start
endOffset: 1, // Slight upward end
offsetTransition: 'smooth', // Smooth transition
animationSpeed: 0.001, // Slower animation
animationSpeed: 0.00666, // Slower animation
hueBase: 0.55, // More blue-green
hueVariation: 0.3,
opacity: 0.7
opacity: 0.3
});
window.addEventListener('beforeunload', () => curtain.destroy());
window.addEventListener('resize', () => curtain.resize());
}
});