[feature] Preserve 'mastodon-settings' from localStorage on logout (#66)
This preserves the settings for the FE, things like theme, etc.
---
Retains the `mastodon-settings` object from localStorage on logout. I think this is safe to do, it doesn't appear there's any instance-specific or otherwise sensitive info in this object:
```json
{
"side_arm_reply_mode": "keep",
"media": {
"use_blurhash": true,
"letterbox": false,
"fullwidth": true,
"reveal_behind_cw": false,
"pop_in_player": true,
"pop_in_position": "right"
},
"stretch": true,
"inline_preview_cards": true,
"hicolor_privacy_icons": false,
"notifications": {
"favicon_badge": false,
"tab_badge": true
},
"confirm_missing_media_description": false,
"theme": "mastodon",
"layout": "mobile",
"preselect_on_reply": false,
"status_icons": {
"language": true,
"reply": true,
"local_only": true,
"media": true,
"visibility": true
},
"prepend_cw_re": false,
"confirm_boost_missing_media_description": false,
"tag_misleading_links": true,
"side_arm": "none",
"collapsed": {
"enabled": true,
"auto": {
"all": false,
"notifications": false,
"lengthy": true,
"reblogs": false,
"replies": false,
"media": false,
"height": 400
},
"backgrounds": {
"user_backgrounds": false,
"preview_images": false
},
"show_action_bar": true
},
"show_reply_count": false,
"confirm_before_clearing_draft": true,
"rewrite_mentions": "no",
"content_warnings": {
"auto_unfold": false,
"filter": null,
"media_outside": true,
"shared_state": true
},
"always_show_spoilers_field": true,
"show_content_type_choice": true
}
```
Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/66
Co-authored-by: Matthew Jorgensen <me@prplecake.com>
Co-committed-by: Matthew Jorgensen <me@prplecake.com>
[feature] Redesigned login page (#76)
Reworked the login page
- Simplified some of the HTML and CSS
- Removed some `aria-label`s
- Added alt text for the logo
- Added a label for the input field
- Added subtle borders to otherwise flat elements

Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/76
Co-authored-by: Zoë Bijl <code@moiety.me>
Co-committed-by: Zoë Bijl <code@moiety.me>
[feature] Nicer login.html page, with cute styling + link to source code (#19)
Fixes #9
- Cute styling, combination of Mastodon and GTS
- Short description of the project
- Error and status messages (temporarily) appear in disabled button with correct ARIA attributes
- Sufficient contrast (WCAG AAA)
Let me know if using `login.scss` both as an index file and for adding custom styling is okay. I figured this might be preferred over creating an extra folder and file.
Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/19
Co-authored-by: vyxen <vyxen@tutamail.com>
Co-committed-by: vyxen <vyxen@tutamail.com>
[bugfix] Fix blurhash losing proportion when more than one item (#17)
Fixes #14
The style changes I made in #11 didn't take hidden media in consideration. This PR fixes it.


Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/17
Co-authored-by: Thiago 'Jedi' Cerqueira <thiagoa7@gmail.com>
Co-committed-by: Thiago 'Jedi' Cerqueira <thiagoa7@gmail.com>
[Feature] Remove hardcoded limit of media (#11)
Fixes #7
The limit of upload and remote display media was hard coded to 4.
In this PR, I did the following changes:
- Status form now respects instance's upload limit config.
- Remove the limit of images shown on statuses
- Remote statuses may have more than local instance's limit
Also, I kept the 16:9 aspect ratio of the images. I can change to more complex layouts in future PRs if needed.
This works, but it needs more tests. I don't have how to change the config of my instance, so I had to test forcing duplicates on the post. Any help to validate configuration would be nice.

Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/11
Co-authored-by: Thiago 'Jedi' Cerqueira <thiagoa7@gmail.com>
Co-committed-by: Thiago 'Jedi' Cerqueira <thiagoa7@gmail.com>
[bugfix] Make the logo icon / wordmark on mobile/simple UI appear (#4)
At least for the logo-symbol-wordmark.svg, this appears to usually be added
by some ruby code in application.html.haml, but since we have a static index.html
this never gets inserted into the HTML. Rather than embedding it into the HTML,
just make the two logos pull from files in public/.
This does not update the branding of the files, just makes them appear.
Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/4
Co-authored-by: julia <midnight@trainwit.ch>
Co-committed-by: julia <midnight@trainwit.ch>