mirror of
https://github.com/hrfee/jfa-go.git
synced 2024-12-22 17:10:10 +00:00
Harvey Tindall
eb370d64df
the web ui has been redesigned with the a17t toolkit, which imo looks a lot better than bootstrap. This also brought a complete rework of the web code, which now makes a lot more sense hopefully. the setup page is still stuck with bootstrap, its not much of a priority but i'll rewrite it eventually.
39 lines
1.5 KiB
Markdown
39 lines
1.5 KiB
Markdown
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>
|