Difference between revisions of "User:Rayanth/FrontpageNotes"
From EVE University Wiki
| Line 5: | Line 5: | ||
* Determine sizes (and zoom) levels of Agency cards in-game both before and after mouse-hover | * Determine sizes (and zoom) levels of Agency cards in-game both before and after mouse-hover | ||
* Determine expand (& zoom) timings from in-game | * Determine expand (& zoom) timings from in-game | ||
| + | ** Initial mouse-over to Begin border expansion: 75ms | ||
| + | ** Begin border expansion to end border expansion: 100ms | ||
| + | ** End border expansion to end image zooming: ~ 2.8s | ||
* replicate expand (& zoom) behavior in CSS on-wiki | * replicate expand (& zoom) behavior in CSS on-wiki | ||
** Animations on ::hover, with keyframes for timing? | ** Animations on ::hover, with keyframes for timing? | ||
Revision as of 21:16, 18 July 2021
Project: Replace front page with Agency-like interface, CSS card system
First steps:
- Determine sizes (and zoom) levels of Agency cards in-game both before and after mouse-hover
- Determine expand (& zoom) timings from in-game
- Initial mouse-over to Begin border expansion: 75ms
- Begin border expansion to end border expansion: 100ms
- End border expansion to end image zooming: ~ 2.8s
- replicate expand (& zoom) behavior in CSS on-wiki
- Animations on ::hover, with keyframes for timing?
Decide which size cards to use on the wiki
Templatize the cards so they can be used more easily
- Template variables:
- Image
- Title
- Detail Text
- Page-link
