Stuff to do:

  • Insert a layer over the image with a grad from black to transparent to make heading and link pop more
  • Be able to scale card to approx half the size, including text then stop scaling, preserving positions (like the link does at moment) while:
  • Finding a better method for positioning the title before hover (some explicit variable to change manually if necessary) to accomodate up to four lines of description. at present its all inside one div and the description seems to reserve its space
  • Be able to drop it into a grid with others like cbm (3/4 in a row – size adjusting
  • Be able to drop it into a cell of another grid layout like a bento and have the proportions scale
  • Change the aspect ratio and easily adjust the variables for scale/animation
  • Make this an etch component with controls for the variables controlling text appearance and animation