Lavender Saloon

• 

  Opening Page

• 

  Introduction to the Saloon

• 

  Saloon Interior pre-user playthrough

• 

  Description of the history behind the item

• 

  Saloon Interior post-user play through

• 

  congratulations project finished!

Inspiration

Our team cares greatly about queer history and one of the most forgotten parts is the way that cowboys and the Wild West was actually largely thanks to the LGBTQ+ community. "Outlaws" were anyone society rejected, including queer and trans people, so they made up a huge part of the cowboys that we now see as the ideal American picture of masculinity.

What it does

Our site takes the user through a journey of stepping through a saloon, learning why they are there, and interacting with the haunted objects in the saloon (in gray) and listening to the stories they have to tell to you, then you can open your saloon!

How we built it

We used JavaScript, CSS and HTML and the members of our team each used our own IDEs. Two of us used VIM and the other two used Visual Studio Code. We also took the time to draw and find images for our interface for users to use.

Challenges we ran into

Our biggest challenge was getting the haunted items in the room to interact with the user. We went through several iterations of it but ultimately we made it work! Unfortunately, our original plan of making each object enlarge and then tell the story didn't work but we spent the majority of our time workshopping it and debugging that function.

Accomplishments that we're proud of

The positioning of the objects and turning them from black and grey to color was something we worked hard on. We also tried our best to make the transitions smooth and visually pleasing.

What we learned

Web development is a challenging but rewarding field. It provides many obstacles throughout the development process, but ultimately you can build something beautiful and functional.

What's next for Lavender Saloon

We would love to keep working on getting the zoom-in to properly function as well as getting multiple rooms in the saloon to tell more stories. We also wanted the user to be able to create a cowboy and have other users talk to the user.

Built With

• css
• html
• javascript
• vim
• vscode