<svg>

DITA + Markdown

⬇︎ ⬇︎ ⬇︎

PDF + HTML

File management		Visual grammar

Reuse/Collaboration		Usability

Shared assets		Local assets
Curated		Ad hoc
Team-owned		Writer-owned

SVG from text: mermaid.js

Interactivity with JS + CSS

document.getElementById("ID").classList.toggle('class',  true|false);

Stroke animation: Vivus

L10n

Localisation

Bacon
Lettuce
Tomato

Bacon
Lettuce
Tomato

text-anchor:start

text-anchor:start >> text-anchor:middle

Try it: l1on_text-anchor_fix.xsl


  _____          _          _              _        
 |  __ \        (_)        | |            (_)       
 | |  | |  ____  _    ___  | | __  _   _   _    ___ 
 | |  | | |_  / | |  / _ \ | |/ / | | | | | |  / _ \
 | |__| |  / /  | | |  __/ |   <  | |_| | | | |  __/
 |_____/  /___| |_|  \_, | |_|\_\  \__,_| | |  \_, |
                       |/                _/ |    |/ 
                                        |__/