/The-Bonsall-Project

The Bonsall Project | @the-bonsall-project | Material Design concept with GSAP animation

Primary LanguageHTML

The-Bonsall-Project

@the-bonsall-project

Suicide Prevention and Depression Awareness Website

Material Design concept with GSAP animation

HTML CSS Javascript jQuery
Green Sock p5js

About This Repo:

The original concept was to build something modern and flashy but not overdone to be submitted as part of a hackathon. It was left an incomplete template after discovering about the passing of a good friend. The project then became his namesake dedicated to depression awareness and suicide prevention.

In Memory of John Bridger Bonsall (1989 - 2019)
In Memory of Ethan Ryan Skipper (1997 - 2021)
Features:
  • Dynamic, fluid splash screen using the GSAP animation library
  • Material Design pattern inspired layout aesthetic
  • Interactive components tooled with the P5js processing library
  • Ease of use/flow thru smooth scrolling and animation transitions
This site is build solely using HTML, CSS, and Javascript. No major frameworks have been used thus far.
The Material Design aesthetic was achieved by simply using Font Awesome and CSS styling.

Open Source and Contributing:

The Bonsall Project was created by Javier Yzaguirre and is considered free and open source to use as reference for those wanting to create their own webpage from it or contribute to this project. For guidelines on Contributing to this repo please refer to the documentation for further details.


Reporting Bugs or Issues:

If you would like to report a Bug or Issue in this repo feel free to do so under the Issues tab or contact me directly about any major concerns. Ideas for improvements or enhancements to this project are also encouraged. Please address these matters by sending a Pull Request as they will be reviewed for potential consideration.

Your contribution will be reviewed and considered for merge into Main or a separate branch.
Thank you for assisting in the development and/or advancement of this project.

Resources:

Materialize CSS
Greensock Animation Library
p5*JS Creative Coding Library
jQuery