Jeg har kodet denne hjemmeside i forbindelse med en opgave i skolepraktikken. Jeg skulle lave et portfolio website, hvor man kan se de projekter jeg har arbejdet med. Jeg syndes det lød som et sjovt projekt og jeg besluttede mig for at gå “all in”. Jeg kunne rigtigt godt lide projektet og hele processen i at bringe mine idéer til virkelighed. Jeg har arbejdet på siden i 2-3 måneder, og jeg er meget tilfreds med hvordan det endte op.
Hjemmesiden bruger plain JavaScript til knapper, nav toggle, typing animation og til at indsætte header og footer automatisk på alle sider.
Hjemmesiden er bygget med statisk html kode.
Jeg bruger plain CSS til styling af hjemmesiden, grunden til at jeg ikke bruger bootstrap eller tailwind er, at jeg vil blive god til CSS, før jeg kaster mig over frameworks.
Siden er hostet med firebase hosting og opsat med node.js.
Jeg kan bruge Node.js, til at doploy koden til en live preview channel via firebase hosting. Så kan jeg teste nye versioner, før de går live.
Koden til denne hjemmeside bliver opbevaret i github, og bruger Continuous integration (CI), til automatisk at oploade koden til firebase hosting ved hjælp af github actions.
Siden bruger Swiper.js til at lave responsive sliders.
Siden bruger Highlight.js til at formatere kode som det ser ud i en kode editor
15'878 lines
1'797 lines
2'977 lines
41
20,969
33,9MB
240KB
Min hjemmeside bruger 2 farveskemaer.
Denne side bruger Font Awesome til at vise ikoner. Det bliver importet i footer-filen og kan bruges på alle sider. Det har en bundle size på 80kb.
Jeg bruger skrifttypen Bodoni URW skrifttype fra Adobe til brødtekst.
Jeg har valgt at gå med et simpelt design. Få farver, Rundede kanter og høj kontrast.
Jeg benyter JavaScripts IntersectionObserver, og css til at animere elementer, når de bliver synlige på skærmen.
Jeg bruger skrifttypen Futura PT fra Adobe til overskrifter.