an interactive version of TSER's infographic on gender identity
HTML CSS JavaScript PHP
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
README.md
composer.json
index.html
index.php

README.md

This is an interactive version of the Gender Unicorn, which was created by Trans Student Educational Resources. The original graphic can be found here: http://www.transstudent.org/gender?gclid=CJil7-7a688CFUdafgodfM0LUw Original Design by Landyn Pan and Anna Moore

Hosted at: http://secret-harbor-95149.herokuapp.com/

This version has several additional features:

Planned Features:

  • add tool tips w definitions from TSER
  • add a link shortening API
  • make it so return sets the value on text inputs

Implemented features (as of October 27, 2016):

  • set page values from query string
  • ability to change the "other" next to the arrows
  • add fonts and colors to info text
  • separate data, create share URL that puts data in the query string
  • add a text input next to each section that says "words I use to describe this aspect of myself"
  • ability to slide markers on the arrows and select birth assignment
  • ability to select preferred pronoun(s), (she, he, they, custom)
  • ability to add optional identity words (like genderqueer, trans man, cisgender woman, gender non-conforming, etc.)
  • link to TSER
  • change the DNA icon to something else - like a baby, take it off the body