Our final assignment for this class challenged us to create a multifunctional website with an activity, in our case a Christmas personality quiz, incorporating JavaScript and JQuery. The project challenged us to work in a group and incorporate everyone’s talents collaboratively into one function website. We met all requirements for this project.

I was assigned the position of Initial Overall Design, Layout, CSS, Framework & Documentation. I coded the framework in HTML based off the wireframes we created as a group, and then styled the group member’s code for a unified look of the whole site. I also created all visuals seen on the screen, which include the logo, background image, result images, favicon, and lace trims. I also wrote the content in the results based off the characters I created.

When users land on this page, a JQuery sprinkle of snow starts to flutter on screen over the four possible outcomes of the quiz. Users advance by clicking the button on the bottom.

This is the main page of the website where the quiz takes place. At the center is the question and options for the users to select what is most like them. Once one option has been clicked, then it automatically generates another question. A progress bar is found to the left, as the user answers each of the twenty questions, the North Pole sign will travel up the flag pole. To the right of the screen is a countdown to Christmas.

When the user completes the twenty questions, one of the four options pops up – based on their choices.

Spring of 2017 I was asked along with two other students to work on a project with Professor Samuel and Adjunct Professor Adam DelMarcelle surrounding the Heroin Epidemic going on in our country. Throughout the year we worked on that project under an Arnold Grant. I was in charge of coding the website, below, that would house all of what we did in this project.

During the Design for Good class, our class tackled a Colloquium Event at Lebanon Valley College involving an interactive exhibit to walk people through the experience "to re-create the physical and mental feeling of addiction." At the close of that project, I finished up the website with all aspects included. Some of the copy was written by our group of Alexis Shriner and Daniel Bennett.

The design of the landing page was created by Adam DelMarcelle and I took his style direction for the rest of the website design. The background of all the parallax scrolls are drone pictures of Lebanon, where we were focusing our Heroin Epidemic.

In between each section of the home page, there's a statistic of the Heroin Epidemic, with source, and more images of Lebanon.

Each section of the home page shares a stylized cover image, which when clicked takes the user to its own page. First there are stories that the families affected by the epidemic have shared with us in our Days of Making. The projects section details each aspect of the WHSL project.