data-cards are a way of previewing and adding metadata to table columns, in a browser friendly way. This repository contains a basic example of this design pattern,
This demo is built with Lektor.
It has a few dependencies, so do
lektor deploy will deploy to the gh-pages branch, putting changes live (if you have deploy permissions).