References

Christian Robertson [Designer] (n.d.). Roboto Mono [Font]. Retrieved from https://fonts.google.com/specimen/Roboto+Mono

Alfredo Marco Pradil, Hanken Design Co. [Designer] (n.d.). Hanken Grotesk [Font]. Retrieved from https://fonts.google.com/specimen/Hanken+Grotesk

Material Design [Designer] (n.d). Material Icons [Menu Icon]. Retrieved from https://fonts.google.com/icons?selected=Material+Symbols+Outlined:close:FILL@0;wght@400;GRAD@0;opsz@24

Coding2Go [Author] (2023). Material Icons [Menu Icon]. Retrieved from https://www.youtube.com/watch?v=U8smiWQ8Seg&t=386s

Darkroom Engineering [Creators] (2023). Lenis Scroll [JS Library]. Retrieved from https://github.com/darkroomengineering/lenis

W3Schools [Organization] (2024). HTML Forms [Reference]. Retrieved from https://www.w3schools.com/css/tryit.asp?filename=trycss_forms

Mozilla Developer Network [Organization] (2024). Form Autocomplete [Reference]. Retrieved from https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete

Bro Code [Author] (2024). JavaScript Image Slider [Tutorial]. Retrieved from https://www.youtube.com/watch?v=749ta0nvj8s

Bob Mitro [Author] (2021). One line CSS solution to prevent anchor links from scrolling behind a sticky or fixed header [Article]. Retrieved from https://getpublii.com/blog/one-line-css-solution-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header.html

W3C [Organization] (n.d.). COLORED BULLETS [Article]. Retrieved from https://www.w3.org/Style/Examples/007/color-bullets.en.html

Bro Code [Author] (2024). JavaScript Image Slider [Tutorial]. Retrieved from https://www.youtube.com/watch?v=749ta0nvj8s

Online Tutorials [Author] (2021). Change Cursor on Hover using CSS & Vanilla Javascript | Mouse Cursor Effects [Tutorial]. Retrieved from https://www.youtube.com/watch?v=nMGVwP3ww2M

The Webnuts [Author] (2022). Custom CSS Cursor Animation using HTML CSS | GSAP Tutorials [Tutorial]. Retrieved from https://www.youtube.com/watch?v=uBd0ziC6rCs&t=452s

CSS Tricks [Author] (n.d.). Hover Effect 1 [Code Example]. Retrieved from https://codepen.io/team/css-tricks/pen/gOXMLLY

Naoya [Author] (n.d.). CodePen Home Demo: CSS image hover effects [Code Example]. Retrieved from https://codepen.io/nxworld/pen/ZYNOBZ

Alligator.io [Author] (2021). How To Scale and Crop Images with CSS object-fit [Article]. Retrieved from https://www.digitalocean.com/community/tutorials/css-cropping-images-object-fit

Hugolpz [Answerer] (2013). How to add border/outline/stroke to SVG elements in CSS? [Forum]. Retrieved from https://stackoverflow.com/questions/18330344/how-to-add-border-outline-stroke-to-svg-elements-in-css

Vandesh [Answerer] (2019). How to keep the header static, always on top while scrolling? [Forum]. Retrieved from https://stackoverflow.com/questions/3593594/how-to-keep-the-header-static-always-on-top-while-scrolling/58645785#58645785

Armand [Answerer] (2020). Vertically and horizontally centering text in circle in CSS (like iphone notification badge) [Forum]. Retrieved from https://stackoverflow.com/questions/4801181/vertically-and-horizontally-centering-text-in-circle-in-css-like-iphone-notific

Necolas [Author] (2018). normalize.css [Stylesheet]. Retrieved from https://github.com/necolas/normalize.css/

Castillo et al. [Creators] (2021). Daisy 7094 [Photos]. Retrieved from https://www.sfu.ca/~mjd14/9iscourse/journal.html

Cheema et al. [Creators] (2022). Now Here, Now Always Microsite [Photos]. Retrieved from https://www.sfu.ca/~jta188/IAT235/NDTFinalProject/index.html

Click