User:Rayanth/FrontpageNotes

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