Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add social.vivaldi.net #138

Merged
merged 1 commit into from
Oct 30, 2024
Merged

Add social.vivaldi.net #138

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 4 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -143,6 +143,7 @@ The following instances have enabled Mastodon Bird UI for their users, based on
| [convo.casa](https://convo.casa) | Site theme | Mastodon Bird UI | 5000+ | No |
| [social.kryta.app](https://social.kryta.app) | Custom CSS | Mastodon Bird UI | <100 | Yes |
| [everythingbagel.social](https://everythingbagel.social) | Site theme | Bagel UI | 5 | Yes |
| [social.vivaldi.net](https://social.vivaldi.net) | Site theme | Mastodon Bird UI | 6700+ | No |

## Installation for Mastodon instance admins

Expand Down Expand Up @@ -235,7 +236,7 @@ rm -rfv public/packs
yarn install
RAILS_ENV=production bundle exec rails assets:precompile
sudo systemctl restart mastodon-web mastodon-sidekiq mastodon-streaming
sudo systemctl restart postgresql
sudo systemctl restart postgresql
```

And you're done!
Expand Down Expand Up @@ -312,12 +313,12 @@ There is support for threads available for the nightly version since ([see PR #2

### Micro-interactions

There are two micro-interaction animations in this UI, both are inspired by the Twitter's original UI animation. The star is originally a work of
There are two micro-interaction animations in this UI, both are inspired by the Twitter's original UI animation. The star is originally a work of
a Twitter designer [Brian Waddington](https://dribbble.com/shots/1884504-Twitter-Fav). The heart is by Twitter design team. Both animations have been completely re-created by me, frame by frame. The star animation itself contains 100 hand made frames.

| Twitter likes | Twitter fave star (2015) | Boost animation |
| ------------- | ------------- |------------ |
| <img width="70%" src="https://user-images.githubusercontent.com/1534150/230135110-6391e061-10c9-4819-af8b-7144b31dac93.gif" alt="heart" /> | <img src="https://user-images.githubusercontent.com/1534150/230135096-4d1ac9b2-290b-41da-a136-985e908868fa.gif" alt="star"> | <img src="https://github.com/ronilaukkarinen/mastodon-bird-ui/assets/1534150/ef02d2b8-14bc-4dbc-9b48-112c723c71cb" alt="boost"> |
| <img width="70%" src="https://user-images.githubusercontent.com/1534150/230135110-6391e061-10c9-4819-af8b-7144b31dac93.gif" alt="heart" /> | <img src="https://user-images.githubusercontent.com/1534150/230135096-4d1ac9b2-290b-41da-a136-985e908868fa.gif" alt="star"> | <img src="https://github.com/ronilaukkarinen/mastodon-bird-ui/assets/1534150/ef02d2b8-14bc-4dbc-9b48-112c723c71cb" alt="boost"> |

If you like the heart, just remove everything between `Star animation micro-interactions start (depends on the heart icon above)` and `Star animation micro-interactions end`.

Expand Down
Loading