This branch is for experimenting with [a17t](https://a17t.miles.land/) to possibly replace bootstrap in the future. Currently just working on the page structures, so none of this is actually usable in jfa-go yet.

#### todo
* [x] invites tab mockup (partially complete)
* [x] accounts tab mockup
* [x] settings tab mockup
* [x] modal implementation
* [x] modals
* [x] animations
* [x] JS to TS, utilities
* [ ] Integration with existing code

#### screenshots
##### dark
<p>
    <img src="images/dark/invites.png" alt="invites" style="width: 32%; height: auto;">
    <img src="images/dark/accounts.png" alt="accounts" style="width: 32%; height: auto;">
    <img src="images/dark/settings.png" alt="settings" style="width: 32%; height: auto;">
    <img src="images/dark/login-modal.png" alt="login modal" style="width: 32%; height: auto;">
    <img src="images/dark/modify-settings.png" alt="modify user settings modal" style="width: 32%; height: auto;">
</p>

##### light
<p>
    <img src="images/light/invites.png" alt="invites" style="width: 32%; height: auto;">
    <img src="images/light/accounts.png" alt="accounts" style="width: 32%; height: auto;">
    <img src="images/light/settings.png" alt="settings" style="width: 32%; height: auto;">
    <img src="images/light/login-modal.png" alt="login modal" style="width: 32%; height: auto;">
    <img src="images/light/modify-settings.png" alt="modify user settings modal" style="width: 32%; height: auto;">
</p>