A Little Bit About Me

Hi! My name is Alice (Alicia) Qin, and I'm a junior at Plymouth High School. I currently have not taken any computer courses, although I plan to next semester and during my senior year of high school. I've always loved coding, and I've taught myself how to code through online tutorials, mostly at w3schools.com.

Feel free to find me on Instagram!

Code Sources

Most of the code has been developed by myself; however, some snippets have been borrowed and adapted.

For the navigation bar, I used code from w3schools.com to create the basic layout and then edited the CSS to change the font, color, and border. I also added rounded corners at the top and included the navigation bar inside of a div tag in order to center it on the page.

To shrink the header, I found code at w3schools.com that would allow the header to shrink once the user scrolled past a certain threshold. However, I changed the code and added several equations so that the header would shrink according to the position of the scroll bar instead of at a certain threshold.

For the drop down menus on the "Forms" page, I borrowed code from w3schools.com once again for the basic expansion function and then used CSS to change the font, color, and general formatting.

Image Sources

I used photos from the following websites:

https://depositphotos.com/96662028/stock-illustration-winter-seamless-pattern-blue-swirl.html
https://towardsdatascience.com/virtual-reality-trends-2019-64003e2667ef
https://industrywired.com/virtual-reality-demonstrates-as-an-analgesic-for-local-anesthesia/
https://www.bsr.org/en/collaboration/groups/tech-against-trafficking
https://www.engadget.com/2014/02/16/morton-heiligs-sensorama-simulator/
http://www.leepvr.com/about.php
http://www.inventinginteractive.com/2010/03/18/aspen-movie-map/
https://phys.org/news/2013-04-high-performance-cave-automatic-virtual-environment.html
https://variety.com/2019/digital/news/black-friday-vr-deals-oculus-rift-quest-go-playstationvr-1203418367/
https://www.tested.com/art/makers/463385-hands-birdly-virtual-reality-flight-simulator/
https://www.digitalengineering247.com/article/virtual-reality-powerful-engineering-tool/
https://healthcare-mittelhessen.eu/trend-report-virtual-reality-digital-training-for-real-medicine?lang=en

Other References/Tools

For the icons, I used Google Drawings to design one for each page. I also used Google Drawings for splicing multiple images together for a simpler format.

For coding in general, I referenced w3schools.com several times for basic code tutorials for HTML, CSS, and Javascript.

Also, while doing my research into virtual reality, I was able to learn a lot from the STEM teachers at my school and was even able to experience what virtual reality was like for myself! (see Applications)