djoser/webgpu-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

simple changes

Browse Source
This commit is contained in:
djoser
2026-07-27 16:58:50 +02:00
parent d8187860d8
commit f8b1f053a3
4 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@@ -144,7 +144,6 @@
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.15) transparent; scrollbar-color: rgba(255,255,255,0.15) transparent;
transition: opacity 0.35s ease-out;
} }
#resume-section.visible { #resume-section.visible {
opacity: 1; opacity: 1;
@@ -294,12 +293,18 @@
} }
/* --- hide/show --- */ /* --- hide/show --- */
@keyframes sceneContentFadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
#scene-content { #scene-content {
transition: opacity 0.3s ease-out; opacity: 1;
animation: sceneContentFadeIn 0.3s ease-out;
} }
#scene-content.hidden { #scene-content.hidden {
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
animation: none;
} }
/* ---------- projects section ---------- */ /* ---------- projects section ---------- */
@@ -322,7 +327,6 @@
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.15) transparent; scrollbar-color: rgba(255,255,255,0.15) transparent;
transition: opacity 0.35s ease-out;
} }
#projects-section.visible { #projects-section.visible {
opacity: 1; opacity: 1;
@@ -470,8 +474,7 @@
<button data-nav="0">Home</button> <button data-nav="0">Home</button>
<button data-nav="1">About</button> <button data-nav="1">About</button>
<button data-nav="2">Projects</button> <button data-nav="2">Projects</button>
<button data-nav="3">Contact</button> <button data-nav="3">Resume</button>
<button data-nav="4">Resume</button>
</nav> </nav>
<div id="scene-content"> <div id="scene-content">
<h1 id="scene-title"></h1> <h1 id="scene-title"></h1>

6
src/app.ts
View File

@@ -30,7 +30,7 @@ export class App {
this.input = new Input() this.input = new Input()
this.overlay = new DomOverlay(SCENES, { this.overlay = new DomOverlay(SCENES, {
onNavClick: (s) => { this.scene = s }, 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.overlay.setScene(this.scene)
this.resize() this.resize()
@@ -63,8 +63,8 @@ export class App {
private computeStemMultipliers(time: number): void { private computeStemMultipliers(time: number): void {
const sm = this.stemMultipliers const sm = this.stemMultipliers
// scene-based color identity and speed // scene-based color identity and speed
const colorBase = [0.0, 0.6, 1.2, 1.8, 2.4] const colorBase = [0.0, 0.6, 1.2, 2.4]
const speedBase = [0.0, 0.2, 0.1, 0.0, 0.15] const speedBase = [0.0, 0.2, 0.1, 0.15]
const scene = this.scene const scene = this.scene
// [0] = (camera speed, 0, color offset, twist/flash) // [0] = (camera speed, 0, color offset, twist/flash)

3
src/data/scenes/index.ts
View File

@@ -11,9 +11,8 @@ export interface SceneContent {
import { hero } from './hero' import { hero } from './hero'
import { about } from './about' import { about } from './about'
import { projects } from './projects' import { projects } from './projects'
import { contact } from './contact'
import { resume } from './resume' import { resume } from './resume'
// ---------- scene registry ---------- // ---------- scene registry ----------
export const SCENES: SceneContent[] = [hero, about, projects, contact, resume] export const SCENES: SceneContent[] = [hero, about, projects, resume]

2
src/ui/overlay.ts
View File

@@ -232,7 +232,7 @@ export class DomOverlay {
// always reset to category grid when landing on projects // always reset to category grid when landing on projects
this.showCategoryGrid() this.showCategoryGrid()
} }
} else if (scene === 4) { } else if (scene === 3) {
this.sceneContentEl.classList.add('hidden') this.sceneContentEl.classList.add('hidden')
this.resumeSectionEl.classList.add('visible') this.resumeSectionEl.classList.add('visible')
this.cycleBtnEl.style.display = 'none' this.cycleBtnEl.style.display = 'none'