LOUIS POTEVIN
fa37f0358d
- Implemented a contact page with a form for inquiries and direct links to social profiles. - Created an index page showcasing personal profile, capabilities, featured projects, and tech stack. - Developed dynamic project detail pages with breadcrumb navigation and project-specific information. - Added a projects overview page displaying all projects in a grid layout. - Introduced global styles and typography mixins for consistent design across components.
51 lines
1.4 KiB
Plaintext
51 lines
1.4 KiB
Plaintext
---
|
|
// Persistent space background. Placed in the layout → loaded on all pages.
|
|
// Content remains 100% readable and functional even if WebGL fails (decorative).
|
|
---
|
|
|
|
<canvas id="space-canvas" class="space-canvas" aria-hidden="true"></canvas>
|
|
|
|
<style lang="scss">
|
|
.space-canvas {
|
|
position: fixed;
|
|
inset: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
z-index: 0;
|
|
display: block;
|
|
pointer-events: none;
|
|
// slight overlay tint to ground the content on top
|
|
background:
|
|
radial-gradient(
|
|
120% 80% at 50% -10%,
|
|
color-mix(in srgb, var(--nds-primary) 7%, transparent),
|
|
transparent 60%
|
|
),
|
|
var(--nds-background);
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
import { initScene, type SceneHandle } from './scene/scene';
|
|
|
|
declare global {
|
|
interface Window {
|
|
__novaScene?: SceneHandle;
|
|
}
|
|
}
|
|
|
|
const canvas = document.getElementById('space-canvas') as HTMLCanvasElement | null;
|
|
|
|
if (canvas && !window.__novaScene) {
|
|
try {
|
|
const handle = initScene(canvas);
|
|
window.__novaScene = handle;
|
|
// notify page scripts that the scene is ready
|
|
window.dispatchEvent(new CustomEvent<SceneHandle>('nova:scene-ready', { detail: handle }));
|
|
} catch (err) {
|
|
// WebGL unavailable: fail silently, the website remains fully usable.
|
|
console.warn('[nova] 3D background disabled:', err);
|
|
canvas.style.display = 'none';
|
|
}
|
|
}
|
|
</script> |