About the creators:

Mariam Mahmoud

My name is Mariam Mahmoud, and I am a senior at Huron High School. I am the Historian for my school's Business Professionals of America chapter where I compete in website design, the Huron Tutoring Committee Co-Leader for National Honor Society, an editor and business manager for my school's yearbook, the website manager for the computer science club, and I also have a job. In school, I really love math and anything technology related and enjoy being around my friends and learning anything I possibly can.

Outside of school, I love to spend time with my friends and family, watch Netflix, sleep, and work on my website design skills. As a career, I hope to go into the field of computer science although I'm not sure which area I want to specialize in, yet.

Sonali Narayan

My name is Sonali Narayan, and I am a senior at Huron High School. I am the co-founder of an organization called CS Buttons where people can buy buttons of their own design to help support the mental health cause. I am also an editor for my school's yearbook. I really enjoy my art classes at school and love anything to do with art.

Outside of school, I love to dance, box, work on my CS Buttons business, and enhance my artistic abilities. I hope to soon be an art major and get a job working somewhere in Detroit.

Classes we have taken:

Mariam: Web Page Design I and II, Programming in Visual Basic, Computer Science SL, and currently taking Computer Science HL

Sonali: none

HTML code used from other websites and how we altered it:

To make the cards on the "Home" and "Week's Journal" pages, we referenced w3schools.org for an idea on how to fit the image properly in the card. This code was altered on the homepage to not include any text and just a picture and was given a greyscale hover effect. The code on the "Week's Journal page was altered to make the cards horizontal and the images to alternately float left and right. All responsive design for the cards was written by Mariam.

The code for the autoscroll on the "Week's Journal" page was taken from Design Shack. The code for the autoscroll itself was not altered, but we applied it the links on this page and formatted the links ourselves.

The code for the hamburger style menu on resized windows and mobile devices was taken from w3schools.org. It was altered to to not include the home page link in the navigation bar and have the links drop down in the center. The size of the hamburger icon was increased, colors were changed, hover effects were changed, and margins were added to the menu.

All other code for this website was written by Mariam.

Software used:

The compiler "Brackets" was used to code this website.

Procreate was used to create the day 1-7 images on the "Week's Journal" page.

The video on the "Home" page was filmed by Sonali and edited using "Giphy".

Sources of information:

Information on the homepage about technology addiction is taken from addiction.com.

The Twitter timeline on the homepage was taken from Twitter Publish.

*All images were taken by Mariam and Sonali. No template was used in the creation of this site.