Inspiration and What It Does
Wanting to do a little more than just create a website on Halloween, this website was made to include a little more than just information! We have a selection of fun Halloween themed games to get you in the spirit!
How we built it
Halloween was built using HTML(to build layout), CSS(to style elements), and Javascript(for interactivity)!
Challenges we ran into
Some of the challenges we ran into:
- Working out the animations. This was my second time working with scroll based animations, so it took a while to get used to creating these animations (especially the timeline one).
- Programming the games from scratch! It took a while to get all the visual aspects perfect to create a fun User Experience!
Accomplishments that we're proud of
- The Countdown Timer
- The Selection of Games in the Games Section (How many of the Trivia Questions can you get right?)
- The Animations (My favorite is the Timeline one!)
- The disappearing Witch's Hat! (Can you find it?)
What we learned
I learned to synthesize my code so it is as efficient!
For example I learned to do this:
.parent:hover .child {
/*changes that need to be made */
}
Versus creating an eventListener for the parent element to change the child.
What's next for Halloween!
Why stop at two games when you can have more? Halloween! is hoping to be able to add more games to this website! Currently a Halloween themed memory game is in the works, but I would love to hear any suggestions you may have on Halloween related games.
Citations
- All Images are royalty-free (from Pixabay) or Taken By the Creator(Me!)
- History.com was used to create the Timeline on the Second Web Page
Colors and Fonts
| Colors | Hex |
|---|---|
| Orange | #F98128 |
| Purple | #5D2586 |
| Light Orange | #FDE5D4 |
| Light-Purple | #5D258666 |
| Black | #000000 |
| White | #FFFFFF |
| Fonts |
|---|
| Creepster |
| Nosifer |
| Arial |
Log in or sign up for Devpost to join the conversation.