Vertical hovered layout
An icon rail that widens under the pointer and narrows again. The most content, the least chrome — and the one that needs the most care, because a menu that is not there until you touch it is a menu some people never find.
Cash at bank
$284,310.55
+4.1%
across 3 accounts
Income · YTD
$629,050.00
+18.2%
vs 532,100 last year
Expenses · YTD
$607,000.00
+9.6%
vs 524,236 last year
Net profit · YTD
$22,050.00
3.5% margin
before tax
How to use it
Every layout is a template in src/templates/layouts/. A page chooses one on its first line and changes nothing else:
{% extends "layouts/hovered.njk" %}
The page content below is identical to the dashboard's. Nothing in it knows which shell it is sitting in, which is the point — you can change the shell for the whole product by changing one line in each page, or by pointing base.njk somewhere else.