Space Dodge (Website)

I am working on adding an about page and a demo! I have added most the about page, and it is on my add-about-page branch. I am still working on a demo, but the about page is published! I've added a video showing it as well!

I've been trying to migrate to a different particle library but its not working. Will keep trying to though!

Yesterday I’m not sure why but you couldn’t click on the menu items on my site but it was a one-off. I tried porting to using tsparticles not @tsparticles/svelte, but it didn’t work and I couldn’t seem to figure out why. I plan to add an about page. If anyone knows any particle libraries to replicate what I have on my website right now, that’d be great! Unfortunately, @tsparticles/svelte isn’t fully compatible with Svelte 5 which I use and the PR that fixes it hasn’t been merged. I’d really appreciate any support, thank you!

I haven't done much, but I have set up security headers for the site via Cloudflare, making the site more secure. I also moved images to the static folder so they are served via my site, improving performance and security

I tried using Tailwind CSS, but I couldn't, it was too complex for me. I have changed the font to Space Grotesk from Google Fonts and moved more CSS into its specific component/file. I attached a photo of the Space Grotesk Font on my website

I have moved page-specific CSS to the relevant page and removed redundant CSS. This is purely a code update with no visual updates

I have added a minor change where now the instructions page is above contributors in the menu. Also, I added functionality which boots mobile users to the error page from the instructions page, no matter how they get there!

I have added particles using tsparticles to the website and made the routing from the start button smoother using the inbuilt goto function from Svelte. Take a look at the particles! They do move by the way.

After a lot of commits and a lot of struggle, spacedodge.space now uses the new Svelte code and is much faster and works! I have also attached a demo video!

I have ported over all pages from my website to Svelte, including the contributors page. I now use the Readable Store for the SSE connection to my backend and to simplify the code.
I am struggling with publishing it to Github Pages, but hopefully it should be done by today, I will then post a demo video!

I have added functionality to highlight the current page! (Nothing shows up for contributors as I'm still porting it from normal HTML to Svelte). It looks great with purple and the ease animation!

Finally! There was an annoying bug with this menu that kept looking like this (attached below), and it took ages to fix, but it's finally over! Now it doesn't overlap and correctly moves the text out the way, while keeping the performance of Svelte so no page reload needed!

I have fixed the bugs and added a +layout.svelte to easily add the key components to each page, reducing boilerplate and making life easier! :)

I have started the migration to the Svelte framework, and I have successfully transitioned index.html and am now working on fixing the bugs