selfsigned.github.io's Introduction

selfsigned.github.io

My portfolio/resume website

Stack

SvelteKit (The best) Web Framework
Threlte Awesome Svelte bindings around three.js
Tailwind Makes writing CSS fun and fast
DaisyUI Great components and theming for tailwind, why reinvent the wheel?
Github Pages Hosting for cheapskates
AWS Minimal 'backend' via API Gateway and Lambda, much needed vendor lock-in

Misc Libraries

Unplugins-icons Vite icon extension that works with SSR!
V86 The future of the web, X86 emulation
svelte-scroller Beats calculating element sections positions by hand
Theatre.js Integrated with threlte, motion design editor tool
Three-inspect Cool scene inspector for Three.js/Threlte, bloats the package size though

Infrastructre

The portfolio is deployed directly on github pages via a github action. SvelteKit is set to use the adapter-static

Schema

TODO

AWS Deployment

The API is deployed to the eu-north-1 region by tofu. More specifically the github action runner gets an aws role via the the github iDP and uses it to deploy infrastructure changes. The SITE_API_ENDPOINT variable is then exported and used when building the app to query the api gateway.

selfsigned.github.io's People

Contributors

Stargazers

Watchers

selfsigned.github.io's Issues

Screen flash and crammed contact section

The screen flashes on mobile because it constantly has to redraw thanks to the dynamic viewport sizes, using viewport units better should hopefully fix it.
Contact section should have some breathing room:
Navbar elements could be closer together on mobile

Theme flashes when loading the website

Investigate the right approach to apply the theme from the local storage before stuff is rendered, might prove challenging or only be a matter of passing the theme data to the topmost parent.

Recommend Projects