This branch is for experimenting with [a17t](https://a17t.miles.land/) to replace bootstrap. Page structure is pretty much done (except setup.html), so i'm currently integrating this with the main app and existing web code.

#### todo
**general**
* [x] modal implementation
* [x] animations
* [x] utilities
* [x] CSS for light & dark

**admin**
* [x] invites tab
* [x] accounts tab
* [x] settings tab
* [x] modals
* [ ] integration with existing code

**invites**
* [x] page design
* [ ] 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>
