Refactor: Convert to Single Page Application (SPA) and optimize assets #2

MohandL3G · 2026-03-13T04:23:09+02:00

MohandL3G commented

2026-03-13 04:23:09 +02:00

Transformed the website into a Single Page Application (SPA) to provide instant, reload-free transitions.
Implemented dynamic UI updates in JavaScript, including title and favicon changes based on user interaction.
Enabled Gzip compression and browser caching in nginx.conf for significantly faster load times.
Optimized images by converting heavy GIFs to animated WebP format, reducing asset sizes by ~30%.
Streamlined project structure by removing redundant HTML files and implementing event delegation in script.js.

This closes #1

- Transformed the website into a Single Page Application (SPA) to provide instant, reload-free transitions. - Implemented dynamic UI updates in JavaScript, including title and favicon changes based on user interaction. - Enabled Gzip compression and browser caching in nginx.conf for significantly faster load times. - Optimized images by converting heavy GIFs to animated WebP format, reducing asset sizes by ~30%. - Streamlined project structure by removing redundant HTML files and implementing event delegation in script.js. This closes #1

MohandL3G added 2 commits 2026-03-13 04:23:10 +02:00

Add nginx proxy, CSP, and client-side cleanup 22f80cf1c4

Add config/nginx.conf to proxy /api/webhook to the n8n webhook and inject server-side auth/header (moves secret out of the client). Add CSP and X-Content-Type-Options meta tags to index.html, yes.html, and no.html. Replace inline centering with a .centered_text CSS class and update main.css. Update script.js to use the local /api/webhook, remove client-side secret header, add safe redirect mapping, and guard event listener attachment to avoid errors when elements are missing.

Refactor: Convert to Single Page Application (SPA) and optimize assets 204a25c79f

- Transformed the website into a Single Page Application (SPA) to provide instant, reload-free transitions.
- Implemented dynamic UI updates in JavaScript, including title and favicon changes based on user interaction.
- Enabled Gzip compression and browser caching in nginx.conf for significantly faster load times.
- Optimized images by converting heavy GIFs to animated WebP format, reducing asset sizes by ~30%.
- Streamlined project structure by removing redundant HTML files and implementing event delegation in script.js.

MohandL3G merged commit 0234683ee2 into main

2026-03-13 04:23:22 +02:00

MohandL3G referenced this issue from a commit

2026-03-13 04:23:22 +02:00

Merge pull request 'Refactor: Convert to Single Page Application (SPA) and optimize assets' (#2) from features/bugfixes into main

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: MohandL3G/My-Fun-Website#2