CITATIONS

All references used thus far during the creation of our pattern library for CLIQ.

images

orange keycap set image

Retrieved from kbdfans.com

clear resin processor keycap set image

Retrieved from drop.com

keycap banner image (clearkeycaps2)

Retrieved from lindesign.studio

keycap banner image (lindesign-hero)

Retrieved from drop.com

keycap banner image (cyrillic-beige)

Retrieved from kbdfans.com

keycap banner image (clearkeycaps2)

Retrieved from geekhack.org

keycap banner image (clearkeycaps2)

Retrieved from geekhack.org

keycap banner image (clearkeycaps2)

Retrieved from geekhack.org

keycap banner image (clearkeycaps2)

Retrieved from geekhack.org

keycap banner image (lindesign-hero)

Retrieved from grabcad.com

keycap banner image (cyrillic-beige)

Retrieved from kbdfans.com

keycap banner image (clearkeycaps2)

Retrieved from geekhack.org

keycap banner image (lindesign-hero)

Retrieved from geekhack.org

keycap banner image (cyrillic-beige)

Retrieved from geekhack.org

keycap banner image (clearkeycaps2)

Retrieved from geekhack.org

keycap banner image (lindesign-hero)

Retrieved from geekhack.org

keycap banner image (cyrillic-beige)

Retrieved from kbdfans.com

keycap banner image (clearkeycaps2)

Retrieved from geekhack.org

white minimal2 keycap image

Retrieved from geekhack.org

keycap banner image (cyrillic-beige)

Retrieved from geekhack.org

keycap banner image (clearkeycaps2)

Retrieved from geekhack.org

keycap banner image (lindesign-hero)

Retrieved from geekhack.org

gold keyboard plate image

Retrieved from geekhack.org

Knob dial for the Paragon75

Retrieved from geekhack.org

GMK Iceberg keycaps on SP-111

Retrieved from geekhack.org

Paragon75 Keyboard

Retrieved from geekhack.org

GMK Iceberg keycap set

Retrieved from geekhack.org

Instagram white icon

Retrieved from iconify.design

Github white icon

Retrieved from iconify.design

Twitter white icon

Retrieved from iconify.design

Twitch white icon

Retrieved from iconify.design

Keycap profile guide

Retrieved from pinterest.ca

Keyboard size guide

Retrieved from wooting.n1

typefaces

Moon (light). Retrieved from https://www.dafontfree.io/moon-font-free/”> https://www.dafontfree.io/moon-font-free/

Mulish (w400, w600, w700). Retrieved from https://fonts.google.com/specimen/Mulish”> https://fonts.google.com/specimen/Mulish

code referenced

Code formatting in HTML. Retrieved from http://web.simmons.edu/~grabiner/comm244/weekfour/code-test.html

Importing font faces tutorial. Retrieved from https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

JS filtering tutorial. Retrieved from https://www.w3schools.com/howto/howto_js_filter_elements.asp

Scroll to close nav tutorial. Retrieved from https://stackoverflow.com/questions/31223341/detecting-scroll-direction

JS mobile nav open and close tutorial. Modified from Paul's in lecture code :)

inspirations

Body copy dialogue/tone inspiration. Retrieved from https://www.aritzia.com/en/clothing

Cherry MX Switch info & icon inspiration. Retrieved from https://www.cherrymx.de/en/mx-original/mx-blue.html