Mainly involves:

* adding `alt` attributes to all `<img>` and `<input type="image">` elements, at least empty ones,
* adding `src` attributes to all `<img>` and `<input type="image">` elements. Uses a transparent image as a placeholder. blankcard.jpg is not needed; the card elements have backgrounds (which should be white, not off-white like name labels and speech bubbles),
* fixing duplicate `id`s (partly by deleting the old individual filter modal),

Other errors:

* `<button>` mustn't contain block elements
* boolean attributes, like `disabled`, do not take `true` and `false` as their values; they are true by existing, and if they have a value, it must be the same as the attribute name.
* `<label>` can only contain one labelable control.
* `<p>` can only contain inline elements and text.
* `<ul>` must contain `<li>` elements.
* `&` should be encoded as `&amp;`.

Side effect:
* Switching to HTML5 seems to add vertical space between lines of inline-block elements. The selection cards on the individual select screen were changed from `display: inline-block` to `float: left`.

* Refactor status icon and tooltip updating.
* Initialize tooltips once and in one place (except for the individual selection screen, where selection cards are created dynamically) by setting tooltip attributes in index.html.
* Change `updateIndividualSelectScreen()` to hiding and showing selection cards to avoid destroying the tooltip handlers.
* Move `pointer-events: none` property to .opponent-image so that opponent suggestion status tooltips work.
* Change placement of tooltips so they fit on screen.

* Ensure `event.extra` exists before adding data to it
* Properly add "slot-#" attributes to `event.tags`

This brings Sentry events on par with the traditional auto error reports.

Clear display property of $gamePlayerClothingArea instead of setting it to "block" with .show(), which would cause it to remain visible when switching to the minimal UI.

It's more efficient to just count all tags, even if they don't refer to specific characters, than filtering to only count characters.

Also use a Set object for counting.

This reverts commit dcbf6a0e, reversing
changes made to 7df99af3.

This reverts commit 6740ddeb.

Makes fetchCompressedURL() return a (jQuery) Promise.

Note that the `HUMAN_PLAYER` (0) slot of `players` is only ever assigned to once.

Use defineProperty to define Array.property.countTrue to avoid it being attached as a listener everywhere due to it being included in enumerations.

FarawayVision authored 5 years ago and FarawayVision committed 5 years ago

This primarily adds a `<z-layer>` option to `meta.xml` to allow creators to
explicitly override the usual left-right opponent layering rules if absolutely necessary.

This also adds a `<dialogue-layering>` option with possible values of `over` or `under`,
to specify if the player's dialogue box should layer over or under player poses, respectively.
(TBH, this could also be made into a State attribute.)
The default value for this option is `over`.

Finally, this also tweaks the `.opponent-image` CSS so that poses are always
horizontally centered, even if they overflow their container area.

ReformCopyright authored 5 years ago and FarawayVision committed 5 years ago

Make Clothing a class and change genericName/formalName (with genericName as the default) to just name and generic (with name as default).

Includes suggested generics for the human player's clothing and changes the position of the belt to 'waist'.

make_xml.py is changed such that if the first field of a `clothing` line starts with an lowercase letter, it interprets the line as name,generic,type,etc.; otherwise as the old format.

ReformCopyright authored 5 years ago and FarawayVision committed 5 years ago

A slight problem is that this changes the layout of the wide-screen-container class, so if other wide screens should be added, they need to adapt in the same way.

ReformCopyright authored 5 years ago and FarawayVision committed 5 years ago

Calculate font size based on screen width again, special-casing wide screens, to minimize rounding errors.

Resize fonts based on screen height, which works better with the new individual selection screen. Change font sizes on the new selection screen not to use vmin measurements, since they use the height of the window down to 1:1 aspect ratio.

This should make the @media (max-aspect-ratio: 4/3) block unnecessary.

Also adjust font sizes on the new individual select screen a bit, since they became very big when AR > 4:3.