diff --git a/index.html b/index.html index 79435d1..819833a 100644 --- a/index.html +++ b/index.html @@ -144,7 +144,6 @@ color: rgba(255, 255, 255, 0.9); scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.15) transparent; - transition: opacity 0.35s ease-out; } #resume-section.visible { opacity: 1; @@ -294,12 +293,18 @@ } /* --- hide/show --- */ + @keyframes sceneContentFadeIn { + from { opacity: 0; } + to { opacity: 1; } + } #scene-content { - transition: opacity 0.3s ease-out; + opacity: 1; + animation: sceneContentFadeIn 0.3s ease-out; } #scene-content.hidden { opacity: 0; pointer-events: none; + animation: none; } /* ---------- projects section ---------- */ @@ -322,7 +327,6 @@ color: rgba(255, 255, 255, 0.9); scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.15) transparent; - transition: opacity 0.35s ease-out; } #projects-section.visible { opacity: 1; @@ -470,8 +474,7 @@ - - +

diff --git a/src/app.ts b/src/app.ts index c19ab2b..b385415 100644 --- a/src/app.ts +++ b/src/app.ts @@ -30,7 +30,7 @@ export class App { this.input = new Input() this.overlay = new DomOverlay(SCENES, { onNavClick: (s) => { this.scene = s }, - onButtonClick: () => { this.scene = (this.scene + 1) % 5 } + onButtonClick: () => { this.scene = (this.scene + 1) % 4 } }) this.overlay.setScene(this.scene) this.resize() @@ -63,8 +63,8 @@ export class App { private computeStemMultipliers(time: number): void { const sm = this.stemMultipliers // scene-based color identity and speed - const colorBase = [0.0, 0.6, 1.2, 1.8, 2.4] - const speedBase = [0.0, 0.2, 0.1, 0.0, 0.15] + const colorBase = [0.0, 0.6, 1.2, 2.4] + const speedBase = [0.0, 0.2, 0.1, 0.15] const scene = this.scene // [0] = (camera speed, 0, color offset, twist/flash) diff --git a/src/data/scenes/index.ts b/src/data/scenes/index.ts index eea1abc..7930640 100644 --- a/src/data/scenes/index.ts +++ b/src/data/scenes/index.ts @@ -11,9 +11,8 @@ export interface SceneContent { import { hero } from './hero' import { about } from './about' import { projects } from './projects' -import { contact } from './contact' import { resume } from './resume' // ---------- scene registry ---------- -export const SCENES: SceneContent[] = [hero, about, projects, contact, resume] +export const SCENES: SceneContent[] = [hero, about, projects, resume] diff --git a/src/ui/overlay.ts b/src/ui/overlay.ts index 00247b9..73cac36 100644 --- a/src/ui/overlay.ts +++ b/src/ui/overlay.ts @@ -232,7 +232,7 @@ export class DomOverlay { // always reset to category grid when landing on projects this.showCategoryGrid() } - } else if (scene === 4) { + } else if (scene === 3) { this.sceneContentEl.classList.add('hidden') this.resumeSectionEl.classList.add('visible') this.cycleBtnEl.style.display = 'none'