Inspiration

I was inspired to create this project due to hearing others say it's overwhelming to learn about LGBTQ+ terms. I wanted to create a site that allows others to get a quick rundown of identities, pronouns, and sexual orientations and provide resources to learn more. I was also tired of people hating on the LGBTQ+ community, spreading misinformation, or using the wrong terms when speaking on LGBTQ+ issues. I wanted to create a website that made others feel safe while educating themselves.

What it does

The site shows information on 18 gender identities, 6 pronouns, and 18 sexual orientations. For each gender and sexuality, a video plays and tells the user they are valid. All sections for genders, pronouns, and sexualities also contain a maze with 4 pride flag themes that I created, as well as links to sources for them to learn more.

How we built it

I used HTML and CSS to create the site. I created a maze in Unity and C#, then used simmer.io to deploy the Unity game to the webpages. I used the art program, FireAlpaca, to animate a template of the video, then spent the time to color each frame for all 36 videos.

Challenges we ran into

I ran into the challenge of creating differentiation between certain terms as I found that many were considered umbrella terms. I tried my best to link sources that highlight the differences and ensure the description I wrote was unique for each. I also hesitated on including the sexuality, skoliosexuality, as it is a bit controversial. I got through this by including reasoning why it is debated on and linked resources to learn more and what alternative terms to use.

Accomplishments that we're proud of

I'm proud of the amount of information I was able to include while also making each page dedicated to different identities. Given more time, I would have liked to include more terms, and possibly another tab dedicated to common terms used in the LGBTQ+ community.

What we learned

I learned a lot about different identities throughout this project, as I had to research around half of the terms. I also learned more on web design as I have only ever made basic layouts for websites and used minimum CSS.

What's next for Navigation&Validation

I definitely hope to add more information and maybe multiple new tabs. I would also like to learn how to make the site friendlier on different screens as it is only made for desktop browsers that are fullscreened. I was also thinking of adding surveys or quizzes, and more games to each section as a fun passtime like the maze.

Built With

Share this project:

Updates