Add 'before' and 'after' liquid-src visualisations
Use diagrams in README

A picture speaks 1000 words...
Horizontally align links in README example