New spinner challenge (CSS) #4873
NicolasCARPi
started this conversation in
Ideas
Replies: 4 comments 7 replies
-
There is also https://codepen.io/Colt4D5/pen/gOERrVO from https://www.reddit.com/user/Bridge4_Kal/ |
Beta Was this translation helpful? Give feedback.
0 replies
-
https://codepen.io/Quaasar/pen/KKELdye with accelerated spin. |
Beta Was this translation helpful? Give feedback.
4 replies
-
another idea I was working on https://codepen.io/Quaasar/pen/ExMzyOY |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hello!
Currently in eLabFTW there is a spinner during initial page load that looks like that:
GitHub has this:
So I want to create a challenge for all web designers out there capable of creating amazing CSS only animations, to change the current loader in eLabFTW to something more visually pleasing.
The challenge
How to win
Rules of engagement
#29AEB9
as primary color (see colors used in app). The application is useful to the scientific community. So don't make a car or a train, but make a test tube filling up or an erlenmeyer shattering or I don't know, but it must make sense in the context of the application: an electronic notebook for labs.For reference, the current code is here:
elabftw/src/scss/_animations.scss
Lines 9 to 30 in f67d2d4
Prizes
Prizes will be awarded to the winners:
Selection Process
We can probably use the existing "upvote" feature of discussions. If needed, a specific poll will be created.
Voters are virtually all GitHub users but realistically members of the eLabFTW community.
Final decision is taken by @NicolasCARPi, regardless of the votes, in true dictatorship fashion.
Deadline
All submissions must be done before February 29th 2024.
Beta Was this translation helpful? Give feedback.
All reactions