Team Simren and Julia - Neurodiversity For Parents

• 

  Title Page - Neurodiversity For Parents

• 

  Defining Neurodiversity

• 

  Perceiving Neurodiversity

• 

  Information Dropdowns

• 

  Resources for Neurodiversity

• 

  Feedback Form

• 

  HTML Code

• 

  CSS Code

• 

  JavaScript Code

Inspiration

Simren's close friend is dyslexic, which inspired her to learn about neurological conditions and their impact. Julia has friends who suffer from mental disorders and lack a support system from their parents, so she strives to make a change. Our combined experiences with neurodivergent individuals inspired us to immerse ourselves in the concept of neurodiversity.

What it does

Neurodiversity For Parents seeks to educate parents whose children are diagnosed with neurological difficulties. The site provides easily accessible and concise information on the types and impact of neurological conditions on individuals. The goal of the site is to spread awareness about neurodiversity and drive home the point that neurodivergencies are simply variations of the human brain and shouldn't be shunned as differences.

How we built it

We designed the layout using HTML and styled it using CSS. We used JavaScript to perform button actions. We coded collaboratively on Atom. We used icons from FontAwesome, images from Google Images Search, fonts from Google Fonts, and forms from Google Forms. We used information from Exceptionalindividuals.com to gain knowledge about neurodiversity and linked external resources on the site.

Challenges we ran into

Styling using CSS was challenging as the more layers you add, the more complex CSS styling becomes. In one particular instance, we were trying to execute a full page header and a full page split screen directly underneath. However, no amount of playing around with CSS position, padding, margin, and height was working to display them correctly. We overcame the challenge by creating new

elements which we used to contain and simplify the styling. We also had trouble with performing an automatic on-off scroll function with a button. We overcame this challenge by nesting two functions in JavaScript, which enabled and disabled button action accordingly.

Accomplishments that we're proud of

We are proud of the dropdown buttons that provide information about types of neurodivergencies, as they were tedious to execute, requiring over 100 lines of CSS. We are proud that we highlighted the strengths of neurodivergent individuals, as they are so often overlooked. We are proud of the color scheme, in which images, text, and stylistic elements render easy on the eyes. We are proud of the JavaScript button actions as they required much debugging and trial-and-error before perfecting the functions.

What we learned

We learned a great deal about the various types of neurological conditions and their impacts through our research using dozens of resources as we were collecting information to display on the webpage. We learned how to perform button actions in JavaScript and debug JavaScript code using the Chrome Inspector to discern the precise location of the bug. We learned how to embed Google Forms into HTML code since we didn't have the ability to store HTML form data in a server.

What's next for Neurodiversity For Parents

We hope to add features such as more dropdown buttons with information on types of neurodivergencies we didn't cover as well as a real-time chat box. We hope to create a webpage that provides advice and guidance on how to foster neurodiversity in families, schools, workplaces, friend groups, etc. to work towards building a community where individuals of different mental abilities are treated equitably.

Built With

• atom
• css
• fontawesome
• googlefonts
• html
• javascript