leo848 / gayguessr Goto Github PK

this may be caused by rounding issues of pixels as floating-point values

This should be fairly simple now that #8 is done.

This won't be easy:

• #4
• Add gradient flags
• Actually add the flag

An identity consists of zero or more labels, which is why the term Identity for words like genderfluid, pansexual or transfeminine is inappropriate - these should be called labels instead. Changing this requires changing names in page titles, files and code.

vue router will allow to navigate to different sites based on the url of the page, directly allowing for #6 e.g. using a /map route.

The Flag.paint(ctx: CanvasRenderingContext2D) method could take an optional width and height so another flag could hold e.g. a vertical and a horizontal flag and use both in its paint implementation

In contrast to #3, this dialog should be shown before starting a new game.

This would allow one to see quick information at a glance, thus requiring #7 and, for link integration (clickable hovers), #8.

• #7
• Resolve questions: where to place hovers?
• Add component:
  • Take a child element to apply the hover to

this could e.g. involve a <FlagInput> component that would have a type prop, with options such as text, buttons, etc.

Currently, everything on the buttons is clamped to the left. This should change and the text should be in the middle, the info icon on the left and the optional checkmark on the right.
This would look much nicer, yet I have no idea how to achieve this via vuetify or css flexbox.

The best option would probably be to separate flags from their related identities and just assign them a unique id that could also be used in the metadata object.
It should include (bare minimum):

• A title (type string)

• Aliases (type string[])

• The 'main' flag (type Flag)

• Alternative designs (type Flag[])

• Further information (?:)

• Give all flags a unique id (bi -> bisexual to not conflict with bigender)

• Add an example metadata entry

As son as l an add The Texts Tell me! And maybe explain me how haha

Maybe a graph-like structure, zoomable and expandable, to show all queer-related terms in an organized way
e.g. girlflux and boyflux are under the genderflux umbrella, pan is under the bi umbrella, umbrellas of gender and sexual identities etc.

• #8

• Add a way to add alternative flags
• Setting to prefer a specific flag for an identity
• Button (on Flag? to select alternatives)

add a settings dialog to change behavior

• Add the settings dialog

Ideas for settings:

• Button colors of shown flag (boolean)
• Save settings in local storage / restore defaults
• Auto-skip to the next flag (boolean without showing additional information as in #7)