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'