From f0441fb641eaed4ca4b7286104b25cb2ff5579f1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Benqu=C3=A9?= Date: Mon, 6 Sep 2021 21:48:27 +0100 Subject: [PATCH] Document index.html and how to get path length --- Readme.md | 4 ++-- animation/index.html | 7 ++++--- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/Readme.md b/Readme.md index 4a27784..53e3b0b 100644 --- a/Readme.md +++ b/Readme.md @@ -59,7 +59,7 @@ To produce animations, use the [`plain_sigil.py`](./plain_sigil.py) script. ``` -3. Adjust the path length as indicated in the file comments so the animation runs draws the whole line. -4. Open [`index.html`](animation/index.html) +1. Adjust the path length as indicated in the [`index.html`](animation/index.html) file comments so the animation draws the whole line. +2. Open [`index.html`](animation/index.html) ![](animation/animation_dark.gif) \ No newline at end of file diff --git a/animation/index.html b/animation/index.html index 8b6ad47..cc90a9d 100644 --- a/animation/index.html +++ b/animation/index.html @@ -7,8 +7,8 @@ background-color: black; } .sigil { - stroke-dasharray: 3662; /* path total length: see below how to get this */ - stroke-dashoffset: 3662; + stroke-dasharray: 3662; /* 2. paste the value here */ + stroke-dashoffset: 3662; /* and here */ animation: dash 5s linear forwards; } @@ -20,7 +20,8 @@ - + +