From 91c4e58ada5244b2257ab76707c75ec4aa5fc46c Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Thu, 20 Jan 2022 22:40:55 -0800
Subject: [PATCH 01/15] add speed

---
 src/demo/index.php           | 3 +++
 src/demo/js/script.js        | 3 ++-
 src/models/RendererModel.php | 5 +++++
 src/templates/main.php       | 2 +-
 src/views/RendererView.php   | 1 +
 5 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/demo/index.php b/src/demo/index.php
index c77bd120..4a9e5895 100644
--- a/src/demo/index.php
+++ b/src/demo/index.php
@@ -65,6 +65,9 @@ function gtag() { dataLayer.push(arguments); }
                 <label for="size">Font size</label>
                 <input class="param" type="number" id="size" name="size" placeholder="20" value="20">
 
+                <label for="speed">Font size</label>
+                <input class="param" type="number" id="speed" name="speed" placeholder="5" value="5">
+
                 <label for="center">Horizontally Centered</label>
                 <select class="param" id="center" name="center" value="false">
                     <option>false</option>
diff --git a/src/demo/js/script.js b/src/demo/js/script.js
index 1e8fed45..203ddab4 100644
--- a/src/demo/js/script.js
+++ b/src/demo/js/script.js
@@ -8,7 +8,8 @@ let preview = {
     vCenter: "false",
     multiline: "false",
     width: "400",
-    height: "50"
+    height: "50",
+    speed: "5"
   },
   dummyText: [
     "The five boxing wizards jump quickly",
diff --git a/src/models/RendererModel.php b/src/models/RendererModel.php
index 7996226a..1b4d7671 100644
--- a/src/models/RendererModel.php
+++ b/src/models/RendererModel.php
@@ -32,6 +32,9 @@ class RendererModel
     /** @var bool $multiline True = wrap to new lines, False = retype on same line */
     public $multiline;
 
+    /** @var int $speed print speed (seconds) */
+    public $speed;
+
     /** @var string $fontCSS CSS required for displaying the selected font */
     public $fontCSS;
 
@@ -51,6 +54,7 @@ class RendererModel
         "width" => "400",
         "height" => "50",
         "multiline" => "false",
+        "speed" => "5"
     );
 
     /**
@@ -73,6 +77,7 @@ public function __construct($template, $params, $database)
         $this->width = $this->checkNumber($params["width"] ?? $this->DEFAULTS["width"], "Width");
         $this->height = $this->checkNumber($params["height"] ?? $this->DEFAULTS["height"], "Height");
         $this->multiline = $this->checkBoolean($params["multiline"] ?? $this->DEFAULTS["multiline"]);
+        $this->speed = $this->checkNumber($params["speed"] ?? $this->DEFAULTS["speed"], "speed");
         $this->fontCSS = $this->fetchFontCSS($this->font);
     }
 
diff --git a/src/templates/main.php b/src/templates/main.php
index 99c2cca0..bff9ed94 100644
--- a/src/templates/main.php
+++ b/src/templates/main.php
@@ -14,7 +14,7 @@
             values='m0,<?php echo $height / 2 ?> h0 ; m0,<?php echo $height / 2 ?> h<?php echo $width ?> ; m0,<?php echo $height / 2 ?> h0' keyTimes='0;0.8;1' />
 <?php else: ?>
     <?php $lineHeight = $size + 5;?>
-    <animate id='d<?php echo $i ?>' attributeName='d' dur='<?php echo 5 * ($i + 1) ?>s' fill="freeze"
+    <animate id='d<?php echo $i ?>' attributeName='d' dur='<?php echo $speed * ($i + 1) ?>s' fill="freeze"
             begin='0s;<?php echo "d" . (count($lines) - 1) ?>.end' keyTimes="0;<?php echo $i / ($i + 1); ?>;1"
             values='m0,<?php echo ($i + 1) * $lineHeight ?> h0 ; m0,<?php echo ($i + 1) * $lineHeight ?> h0 ; m0,<?php echo ($i + 1) * $lineHeight ?> h<?php echo $width ?>' />
 <?php endif;?>
diff --git a/src/views/RendererView.php b/src/views/RendererView.php
index f45d76c9..9a128c48 100644
--- a/src/views/RendererView.php
+++ b/src/views/RendererView.php
@@ -37,6 +37,7 @@ public function render()
             "height" => $this->model->height,
             "multiline" => $this->model->multiline,
             "fontCSS" => $this->model->fontCSS,
+            "speed" => $this->model->speed,
         ));
         // render SVG with output buffering
         ob_start();

From e6cb35548c8bdec05af31ed148dbfdf5ac3356b5 Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Thu, 20 Jan 2022 22:44:00 -0800
Subject: [PATCH 02/15] Update speed for work for both multilines

---
 src/demo/index.php     | 2 +-
 src/templates/main.php | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/demo/index.php b/src/demo/index.php
index 4a9e5895..af7fb562 100644
--- a/src/demo/index.php
+++ b/src/demo/index.php
@@ -65,7 +65,7 @@ function gtag() { dataLayer.push(arguments); }
                 <label for="size">Font size</label>
                 <input class="param" type="number" id="size" name="size" placeholder="20" value="20">
 
-                <label for="speed">Font size</label>
+                <label for="speed">Print speed</label>
                 <input class="param" type="number" id="speed" name="speed" placeholder="5" value="5">
 
                 <label for="center">Horizontally Centered</label>
diff --git a/src/templates/main.php b/src/templates/main.php
index bff9ed94..d11e17ec 100644
--- a/src/templates/main.php
+++ b/src/templates/main.php
@@ -10,7 +10,7 @@
 <?php for ($i = 0; $i < count($lines); ++$i): ?>
     <path id='path<?php echo $i ?>'>
 <?php if (!$multiline): ?>
-        <animate id='d<?php echo $i ?>' attributeName='d' begin='<?php echo ($i == 0 ? "0s;" : "") . $previousId ?>.end' dur='5s'
+        <animate id='d<?php echo $i ?>' attributeName='d' begin='<?php echo ($i == 0 ? "0s;" : "") . $previousId ?>.end' dur='<?php echo $speed * ($i + 1) ?>s'
             values='m0,<?php echo $height / 2 ?> h0 ; m0,<?php echo $height / 2 ?> h<?php echo $width ?> ; m0,<?php echo $height / 2 ?> h0' keyTimes='0;0.8;1' />
 <?php else: ?>
     <?php $lineHeight = $size + 5;?>

From c12d9cd094c7e9cac6a3e739baaa5568aec5abd3 Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Thu, 20 Jan 2022 22:49:56 -0800
Subject: [PATCH 03/15] Update Calculation

---
 src/templates/main.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/templates/main.php b/src/templates/main.php
index d11e17ec..6b972391 100644
--- a/src/templates/main.php
+++ b/src/templates/main.php
@@ -10,11 +10,11 @@
 <?php for ($i = 0; $i < count($lines); ++$i): ?>
     <path id='path<?php echo $i ?>'>
 <?php if (!$multiline): ?>
-        <animate id='d<?php echo $i ?>' attributeName='d' begin='<?php echo ($i == 0 ? "0s;" : "") . $previousId ?>.end' dur='<?php echo $speed * ($i + 1) ?>s'
+        <animate id='d<?php echo $i ?>' attributeName='d' begin='<?php echo ($i == 0 ? "0s;" : "") . $previousId ?>.end' dur='<?php echo 50 / $speed ?>s'
             values='m0,<?php echo $height / 2 ?> h0 ; m0,<?php echo $height / 2 ?> h<?php echo $width ?> ; m0,<?php echo $height / 2 ?> h0' keyTimes='0;0.8;1' />
 <?php else: ?>
     <?php $lineHeight = $size + 5;?>
-    <animate id='d<?php echo $i ?>' attributeName='d' dur='<?php echo $speed * ($i + 1) ?>s' fill="freeze"
+    <animate id='d<?php echo $i ?>' attributeName='d' dur='<?php echo 50 / $speed ?>s' fill="freeze"
             begin='0s;<?php echo "d" . (count($lines) - 1) ?>.end' keyTimes="0;<?php echo $i / ($i + 1); ?>;1"
             values='m0,<?php echo ($i + 1) * $lineHeight ?> h0 ; m0,<?php echo ($i + 1) * $lineHeight ?> h0 ; m0,<?php echo ($i + 1) * $lineHeight ?> h<?php echo $width ?>' />
 <?php endif;?>

From c35e872ad86d6bed1e488bdcddadcc39408d3da4 Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Thu, 20 Jan 2022 22:58:35 -0800
Subject: [PATCH 04/15] Fix timing for multiline

---
 src/templates/main.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/templates/main.php b/src/templates/main.php
index 6b972391..9bfa2b36 100644
--- a/src/templates/main.php
+++ b/src/templates/main.php
@@ -15,7 +15,7 @@
 <?php else: ?>
     <?php $lineHeight = $size + 5;?>
     <animate id='d<?php echo $i ?>' attributeName='d' dur='<?php echo 50 / $speed ?>s' fill="freeze"
-            begin='0s;<?php echo "d" . (count($lines) - 1) ?>.end' keyTimes="0;<?php echo $i / ($i + 1); ?>;1"
+            begin='<?php echo $speed ?>s;<?php echo "d" . (count($lines) - 1) ?>.end' keyTimes="0;<?php echo $i / ($i + 1); ?>;1"
             values='m0,<?php echo ($i + 1) * $lineHeight ?> h0 ; m0,<?php echo ($i + 1) * $lineHeight ?> h0 ; m0,<?php echo ($i + 1) * $lineHeight ?> h<?php echo $width ?>' />
 <?php endif;?>
     </path>

From 2f4ef6f63669ade863659fec7b6728ed164d7717 Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Thu, 20 Jan 2022 23:11:49 -0800
Subject: [PATCH 05/15] Update Default Speed Value to be equivalent of 5s

---
 src/demo/index.php           | 2 +-
 src/models/RendererModel.php | 2 +-
 src/templates/main.php       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/demo/index.php b/src/demo/index.php
index af7fb562..874ed991 100644
--- a/src/demo/index.php
+++ b/src/demo/index.php
@@ -66,7 +66,7 @@ function gtag() { dataLayer.push(arguments); }
                 <input class="param" type="number" id="size" name="size" placeholder="20" value="20">
 
                 <label for="speed">Print speed</label>
-                <input class="param" type="number" id="speed" name="speed" placeholder="5" value="5">
+                <input class="param" type="number" id="speed" name="speed" placeholder="10" value="10">
 
                 <label for="center">Horizontally Centered</label>
                 <select class="param" id="center" name="center" value="false">
diff --git a/src/models/RendererModel.php b/src/models/RendererModel.php
index 1b4d7671..26166566 100644
--- a/src/models/RendererModel.php
+++ b/src/models/RendererModel.php
@@ -54,7 +54,7 @@ class RendererModel
         "width" => "400",
         "height" => "50",
         "multiline" => "false",
-        "speed" => "5"
+        "speed" => "10"
     );
 
     /**
diff --git a/src/templates/main.php b/src/templates/main.php
index 9bfa2b36..6b972391 100644
--- a/src/templates/main.php
+++ b/src/templates/main.php
@@ -15,7 +15,7 @@
 <?php else: ?>
     <?php $lineHeight = $size + 5;?>
     <animate id='d<?php echo $i ?>' attributeName='d' dur='<?php echo 50 / $speed ?>s' fill="freeze"
-            begin='<?php echo $speed ?>s;<?php echo "d" . (count($lines) - 1) ?>.end' keyTimes="0;<?php echo $i / ($i + 1); ?>;1"
+            begin='0s;<?php echo "d" . (count($lines) - 1) ?>.end' keyTimes="0;<?php echo $i / ($i + 1); ?>;1"
             values='m0,<?php echo ($i + 1) * $lineHeight ?> h0 ; m0,<?php echo ($i + 1) * $lineHeight ?> h0 ; m0,<?php echo ($i + 1) * $lineHeight ?> h<?php echo $width ?>' />
 <?php endif;?>
     </path>

From 3973999cfc2b3bad494944d932fa688087f2be1f Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Thu, 20 Jan 2022 23:39:30 -0800
Subject: [PATCH 06/15] Update Readme documentation

---
 README.md | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index e64ce015..f212725d 100644
--- a/README.md
+++ b/README.md
@@ -59,17 +59,18 @@ Feel free to [open a PR](https://github.com/DenverCoder1/readme-typing-svg/issue
 
 ## 🔧 Options
 
-|  Parameter  |                                 Details                                       |  Type   |               Example               |
-| :---------: | :----------------------------------------------------------------------:      | :-----: | :---------------------------------: |
-|   `lines`   |      Text to display with lines separated by `;` and `+` for spaces           | string  | `First+line;Second+line;Third+line` |
-|  `center`   |   `true` to center text or `false` for left aligned (default: `false`)        | boolean |          `true` or `false`          |
-|  `vCenter`  | `true` to center vertically or `false`(default) to align above the center     | boolean |          `true` or `false`          |
-|  `height`   |            Height of the output SVG in pixels (default: `50`)                 | integer |         Any positive number         |
-|   `width`   |            Width of the output SVG in pixels (default: `400`)                 | integer |         Any positive number         |
-|   `font`    |                    Font family (default: `monospace`)                         | string  |     Any font from Google Fonts      |
-|   `size`    |                   Font size in pixels (default: `20`)                         | integer |         Any positive number         |
-|   `color`   |                  Color of the text (default: `36BCF7`)                        | string  |  Hex code without # (eg. `00ff00`)  |
-| `multiline` | `true` to wrap lines or `false` to retype on one line (default: `false`)      | boolean |          `true` or `false`          |
+|  Parameter  |                                 Details                                                   |  Type   |               Example               |
+| :---------: | :---------------------------------------------------------------------------------------: | :-----: | :---------------------------------: |
+|   `lines`   |      Text to display with lines separated by `;` and `+` for spaces                       | string  | `First+line;Second+line;Third+line` |
+|  `center`   |   `true` to center text or `false` for left aligned (default: `false`)                    | boolean |          `true` or `false`          |
+|  `vCenter`  | `true` to center vertically or `false`(default) to align above the center                 | boolean |          `true` or `false`          |
+|  `height`   |            Height of the output SVG in pixels (default: `50`)                             | integer |         Any positive number         |
+|   `width`   |            Width of the output SVG in pixels (default: `400`)                             | integer |         Any positive number         |
+|   `font`    |                    Font family (default: `monospace`)                                     | string  |     Any font from Google Fonts      |
+|   `size`    |                   Font size in pixels (default: `20`)                                     | integer |         Any positive number         |
+|   `color`   |                  Color of the text (default: `36BCF7`)                                    | string  |  Hex code without # (eg. `00ff00`)  |
+| `multiline` | `true` to wrap lines or `false` to retype on one line (default: `false`)                  | boolean |          `true` or `false`          |
+|   `speed`   | Speed of the printing of output SVG in seconds calculated by 50/`speed`. (default: `10`)  | integer |         Any positive number         |
 
 ## 📤 Deploying it on your own
 

From 4f38532a532ce01aec36c5ab2d9f882df57c99c1 Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Thu, 20 Jan 2022 23:42:34 -0800
Subject: [PATCH 07/15] Update comment for clarity slightly

---
 src/models/RendererModel.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/models/RendererModel.php b/src/models/RendererModel.php
index 26166566..a6313e20 100644
--- a/src/models/RendererModel.php
+++ b/src/models/RendererModel.php
@@ -32,7 +32,7 @@ class RendererModel
     /** @var bool $multiline True = wrap to new lines, False = retype on same line */
     public $multiline;
 
-    /** @var int $speed print speed (seconds) */
+    /** @var int $speed print speed (50 / $speed seconds) */
     public $speed;
 
     /** @var string $fontCSS CSS required for displaying the selected font */

From 37d767f1798e8fa7b199ba4061cd40eb1e9e936c Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Fri, 21 Jan 2022 10:32:53 -0800
Subject: [PATCH 08/15] Update src/demo/js/script.js

---
 src/demo/js/script.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/demo/js/script.js b/src/demo/js/script.js
index 203ddab4..2b855c79 100644
--- a/src/demo/js/script.js
+++ b/src/demo/js/script.js
@@ -9,7 +9,7 @@ let preview = {
     multiline: "false",
     width: "400",
     height: "50",
-    speed: "5"
+    speed: "10"
   },
   dummyText: [
     "The five boxing wizards jump quickly",

From 9be13ca32d1c254b35eb4413273cc609a34b04d8 Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Fri, 21 Jan 2022 10:33:10 -0800
Subject: [PATCH 09/15] Update src/templates/main.php

---
 src/templates/main.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/templates/main.php b/src/templates/main.php
index 6b972391..8ee8b8d1 100644
--- a/src/templates/main.php
+++ b/src/templates/main.php
@@ -14,7 +14,7 @@
             values='m0,<?php echo $height / 2 ?> h0 ; m0,<?php echo $height / 2 ?> h<?php echo $width ?> ; m0,<?php echo $height / 2 ?> h0' keyTimes='0;0.8;1' />
 <?php else: ?>
     <?php $lineHeight = $size + 5;?>
-    <animate id='d<?php echo $i ?>' attributeName='d' dur='<?php echo 50 / $speed ?>s' fill="freeze"
+    <animate id='d<?php echo $i ?>' attributeName='d' dur='<?php echo (50 / $speed) * ($i + 1) ?>s' fill="freeze"
             begin='0s;<?php echo "d" . (count($lines) - 1) ?>.end' keyTimes="0;<?php echo $i / ($i + 1); ?>;1"
             values='m0,<?php echo ($i + 1) * $lineHeight ?> h0 ; m0,<?php echo ($i + 1) * $lineHeight ?> h0 ; m0,<?php echo ($i + 1) * $lineHeight ?> h<?php echo $width ?>' />
 <?php endif;?>

From 7e76a7f4350130450f5945a71e3581201b5a3f90 Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Fri, 21 Jan 2022 12:16:26 -0800
Subject: [PATCH 10/15] Switch speed to duration

---
 src/demo/index.php           | 4 ++--
 src/demo/js/script.js        | 2 +-
 src/models/RendererModel.php | 8 ++++----
 src/templates/main.php       | 4 ++--
 src/views/RendererView.php   | 2 +-
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/demo/index.php b/src/demo/index.php
index 874ed991..5cc3cf58 100644
--- a/src/demo/index.php
+++ b/src/demo/index.php
@@ -65,8 +65,8 @@ function gtag() { dataLayer.push(arguments); }
                 <label for="size">Font size</label>
                 <input class="param" type="number" id="size" name="size" placeholder="20" value="20">
 
-                <label for="speed">Print speed</label>
-                <input class="param" type="number" id="speed" name="speed" placeholder="10" value="10">
+                <label for="duration">Print duration</label>
+                <input class="param" type="number" id="duration" name="duration" placeholder="5000" value="5000">
 
                 <label for="center">Horizontally Centered</label>
                 <select class="param" id="center" name="center" value="false">
diff --git a/src/demo/js/script.js b/src/demo/js/script.js
index 2b855c79..2ce95996 100644
--- a/src/demo/js/script.js
+++ b/src/demo/js/script.js
@@ -9,7 +9,7 @@ let preview = {
     multiline: "false",
     width: "400",
     height: "50",
-    speed: "10"
+    duration: "5000"
   },
   dummyText: [
     "The five boxing wizards jump quickly",
diff --git a/src/models/RendererModel.php b/src/models/RendererModel.php
index a6313e20..33c83e97 100644
--- a/src/models/RendererModel.php
+++ b/src/models/RendererModel.php
@@ -32,8 +32,8 @@ class RendererModel
     /** @var bool $multiline True = wrap to new lines, False = retype on same line */
     public $multiline;
 
-    /** @var int $speed print speed (50 / $speed seconds) */
-    public $speed;
+    /** @var int $duration print duration in milliseconds */
+    public $duration;
 
     /** @var string $fontCSS CSS required for displaying the selected font */
     public $fontCSS;
@@ -54,7 +54,7 @@ class RendererModel
         "width" => "400",
         "height" => "50",
         "multiline" => "false",
-        "speed" => "10"
+        "duration" => "5000"
     );
 
     /**
@@ -77,7 +77,7 @@ public function __construct($template, $params, $database)
         $this->width = $this->checkNumber($params["width"] ?? $this->DEFAULTS["width"], "Width");
         $this->height = $this->checkNumber($params["height"] ?? $this->DEFAULTS["height"], "Height");
         $this->multiline = $this->checkBoolean($params["multiline"] ?? $this->DEFAULTS["multiline"]);
-        $this->speed = $this->checkNumber($params["speed"] ?? $this->DEFAULTS["speed"], "speed");
+        $this->duration = $this->checkNumber($params["duration"] ?? $this->DEFAULTS["duration"], "duration");
         $this->fontCSS = $this->fetchFontCSS($this->font);
     }
 
diff --git a/src/templates/main.php b/src/templates/main.php
index 8ee8b8d1..d3e7d605 100644
--- a/src/templates/main.php
+++ b/src/templates/main.php
@@ -10,11 +10,11 @@
 <?php for ($i = 0; $i < count($lines); ++$i): ?>
     <path id='path<?php echo $i ?>'>
 <?php if (!$multiline): ?>
-        <animate id='d<?php echo $i ?>' attributeName='d' begin='<?php echo ($i == 0 ? "0s;" : "") . $previousId ?>.end' dur='<?php echo 50 / $speed ?>s'
+        <animate id='d<?php echo $i ?>' attributeName='d' begin='<?php echo ($i == 0 ? "0s;" : "") . $previousId ?>.end' dur='<?php echo $duration ?>ms'
             values='m0,<?php echo $height / 2 ?> h0 ; m0,<?php echo $height / 2 ?> h<?php echo $width ?> ; m0,<?php echo $height / 2 ?> h0' keyTimes='0;0.8;1' />
 <?php else: ?>
     <?php $lineHeight = $size + 5;?>
-    <animate id='d<?php echo $i ?>' attributeName='d' dur='<?php echo (50 / $speed) * ($i + 1) ?>s' fill="freeze"
+    <animate id='d<?php echo $i ?>' attributeName='d' dur='<?php echo $duration * ($i + 1) ?>ms' fill="freeze"
             begin='0s;<?php echo "d" . (count($lines) - 1) ?>.end' keyTimes="0;<?php echo $i / ($i + 1); ?>;1"
             values='m0,<?php echo ($i + 1) * $lineHeight ?> h0 ; m0,<?php echo ($i + 1) * $lineHeight ?> h0 ; m0,<?php echo ($i + 1) * $lineHeight ?> h<?php echo $width ?>' />
 <?php endif;?>
diff --git a/src/views/RendererView.php b/src/views/RendererView.php
index 9a128c48..9f12cf8a 100644
--- a/src/views/RendererView.php
+++ b/src/views/RendererView.php
@@ -37,7 +37,7 @@ public function render()
             "height" => $this->model->height,
             "multiline" => $this->model->multiline,
             "fontCSS" => $this->model->fontCSS,
-            "speed" => $this->model->speed,
+            "duration" => $this->model->duration,
         ));
         // render SVG with output buffering
         ob_start();

From 6d3f63fdf5b6135a88b32ad96df5da21d8c175ed Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Fri, 21 Jan 2022 12:18:49 -0800
Subject: [PATCH 11/15] Update Readme for duration instead of speed

---
 README.md | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index f212725d..a4707ca1 100644
--- a/README.md
+++ b/README.md
@@ -59,18 +59,18 @@ Feel free to [open a PR](https://github.com/DenverCoder1/readme-typing-svg/issue
 
 ## 🔧 Options
 
-|  Parameter  |                                 Details                                                   |  Type   |               Example               |
-| :---------: | :---------------------------------------------------------------------------------------: | :-----: | :---------------------------------: |
-|   `lines`   |      Text to display with lines separated by `;` and `+` for spaces                       | string  | `First+line;Second+line;Third+line` |
-|  `center`   |   `true` to center text or `false` for left aligned (default: `false`)                    | boolean |          `true` or `false`          |
-|  `vCenter`  | `true` to center vertically or `false`(default) to align above the center                 | boolean |          `true` or `false`          |
-|  `height`   |            Height of the output SVG in pixels (default: `50`)                             | integer |         Any positive number         |
-|   `width`   |            Width of the output SVG in pixels (default: `400`)                             | integer |         Any positive number         |
-|   `font`    |                    Font family (default: `monospace`)                                     | string  |     Any font from Google Fonts      |
-|   `size`    |                   Font size in pixels (default: `20`)                                     | integer |         Any positive number         |
-|   `color`   |                  Color of the text (default: `36BCF7`)                                    | string  |  Hex code without # (eg. `00ff00`)  |
-| `multiline` | `true` to wrap lines or `false` to retype on one line (default: `false`)                  | boolean |          `true` or `false`          |
-|   `speed`   | Speed of the printing of output SVG in seconds calculated by 50/`speed`. (default: `10`)  | integer |         Any positive number         |
+|  Parameter  |                                 Details                                      |  Type   |               Example               |
+| :---------: | :--------------------------------------------------------------------------: | :-----: | :---------------------------------: |
+|   `lines`   |      Text to display with lines separated by `;` and `+` for spaces          | string  | `First+line;Second+line;Third+line` |
+|  `center`   |   `true` to center text or `false` for left aligned (default: `false`)       | boolean |          `true` or `false`          |
+|  `vCenter`  | `true` to center vertically or `false`(default) to align above the center    | boolean |          `true` or `false`          |
+|  `height`   |            Height of the output SVG in pixels (default: `50`)                | integer |         Any positive number         |
+|   `width`   |            Width of the output SVG in pixels (default: `400`)                | integer |         Any positive number         |
+|   `font`    |                    Font family (default: `monospace`)                        | string  |     Any font from Google Fonts      |
+|   `size`    |                   Font size in pixels (default: `20`)                        | integer |         Any positive number         |
+|   `color`   |                  Color of the text (default: `36BCF7`)                       | string  |  Hex code without # (eg. `00ff00`)  |
+| `multiline` | `true` to wrap lines or `false` to retype on one line (default: `false`)     | boolean |          `true` or `false`          |
+|  `duration` | Duration of the printing of output SVG in milliseconds (default: `5000`)     | integer |         Any positive number         |
 
 ## 📤 Deploying it on your own
 

From ccb325802d433aaae8bf1fd6c63cefe43928f9b4 Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Fri, 21 Jan 2022 12:23:33 -0800
Subject: [PATCH 12/15] Update phpunit-ci-coverage.yml

---
 .github/workflows/phpunit-ci-coverage.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/workflows/phpunit-ci-coverage.yml b/.github/workflows/phpunit-ci-coverage.yml
index c3661ded..ef4b8acf 100644
--- a/.github/workflows/phpunit-ci-coverage.yml
+++ b/.github/workflows/phpunit-ci-coverage.yml
@@ -6,6 +6,7 @@ on:
   push:
     branches:
       - main
+      - test
 
 jobs:
   build-test:

From 4c3393c5139fe90466af51e88156ac462c058aba Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Fri, 21 Jan 2022 12:26:00 -0800
Subject: [PATCH 13/15] Try updating Tests

---
 tests/RendererTest.php | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/tests/RendererTest.php b/tests/RendererTest.php
index eee3777a..7ef314f9 100644
--- a/tests/RendererTest.php
+++ b/tests/RendererTest.php
@@ -29,6 +29,7 @@ public function testCardRender(): void
             "vCenter" => "true",
             "width" => "380",
             "height" => "50",
+            "duration" => "5000ms",
         );
         $controller = new RendererController($params, self::$database);
         $this->assertEquals(file_get_contents("tests/svg/test_normal.svg"), $controller->render());
@@ -48,6 +49,7 @@ public function testMultilineCardRender(): void
             "width" => "380",
             "height" => "200",
             "multiline" => "true",
+            "duration" => "5000ms",
         );
         $controller = new RendererController($params, self::$database);
         $this->assertEquals(file_get_contents("tests/svg/test_multiline.svg"), $controller->render());
@@ -64,6 +66,7 @@ public function testErrorCardRender(): void
             "vCenter" => "true",
             "width" => "380",
             "height" => "50",
+            "duration" => "5000ms",
         );
         $controller = new RendererController($params, self::$database);
         $this->assertEquals(file_get_contents("tests/svg/test_missing_lines.svg"), $controller->render());
@@ -77,6 +80,7 @@ public function testLoadingGoogleFont(): void
         $params = array(
             "lines" => "text",
             "font" => "Roboto",
+            "duration" => "5000ms",
         );
         $controller = new RendererController($params, self::$database);
         $expected = preg_replace("/\/\*(.*?)\*\//", "", file_get_contents("tests/svg/test_fonts.svg"));
@@ -123,6 +127,7 @@ public function testLineTrimming(): void
             "vCenter" => "true",
             "width" => "380",
             "height" => "50",
+            "duration" => "5000ms",
         );
         $controller = new RendererController($params, self::$database);
         $this->assertEquals(file_get_contents("tests/svg/test_normal.svg"), $controller->render());
@@ -143,6 +148,7 @@ public function testNormalVerticalAlignment(): void
             "center" => "true",
             "width" => "380",
             "height" => "50",
+            "duration" => "5000ms",
         );
         $controller = new RendererController($params, self::$database);
         $this->assertEquals(file_get_contents("tests/svg/test_normal_vertical_alignment.svg"), $controller->render());

From 3e4a513a0a83d1560efb6964dd23697f9f72776b Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Fri, 21 Jan 2022 12:29:23 -0800
Subject: [PATCH 14/15] Update Test svgs

---
 tests/RendererTest.php                       | 6 ------
 tests/svg/test_fonts.svg                     | 2 +-
 tests/svg/test_multiline.svg                 | 8 ++++----
 tests/svg/test_normal.svg                    | 8 ++++----
 tests/svg/test_normal_vertical_alignment.svg | 8 ++++----
 5 files changed, 13 insertions(+), 19 deletions(-)

diff --git a/tests/RendererTest.php b/tests/RendererTest.php
index 7ef314f9..eee3777a 100644
--- a/tests/RendererTest.php
+++ b/tests/RendererTest.php
@@ -29,7 +29,6 @@ public function testCardRender(): void
             "vCenter" => "true",
             "width" => "380",
             "height" => "50",
-            "duration" => "5000ms",
         );
         $controller = new RendererController($params, self::$database);
         $this->assertEquals(file_get_contents("tests/svg/test_normal.svg"), $controller->render());
@@ -49,7 +48,6 @@ public function testMultilineCardRender(): void
             "width" => "380",
             "height" => "200",
             "multiline" => "true",
-            "duration" => "5000ms",
         );
         $controller = new RendererController($params, self::$database);
         $this->assertEquals(file_get_contents("tests/svg/test_multiline.svg"), $controller->render());
@@ -66,7 +64,6 @@ public function testErrorCardRender(): void
             "vCenter" => "true",
             "width" => "380",
             "height" => "50",
-            "duration" => "5000ms",
         );
         $controller = new RendererController($params, self::$database);
         $this->assertEquals(file_get_contents("tests/svg/test_missing_lines.svg"), $controller->render());
@@ -80,7 +77,6 @@ public function testLoadingGoogleFont(): void
         $params = array(
             "lines" => "text",
             "font" => "Roboto",
-            "duration" => "5000ms",
         );
         $controller = new RendererController($params, self::$database);
         $expected = preg_replace("/\/\*(.*?)\*\//", "", file_get_contents("tests/svg/test_fonts.svg"));
@@ -127,7 +123,6 @@ public function testLineTrimming(): void
             "vCenter" => "true",
             "width" => "380",
             "height" => "50",
-            "duration" => "5000ms",
         );
         $controller = new RendererController($params, self::$database);
         $this->assertEquals(file_get_contents("tests/svg/test_normal.svg"), $controller->render());
@@ -148,7 +143,6 @@ public function testNormalVerticalAlignment(): void
             "center" => "true",
             "width" => "380",
             "height" => "50",
-            "duration" => "5000ms",
         );
         $controller = new RendererController($params, self::$database);
         $this->assertEquals(file_get_contents("tests/svg/test_normal_vertical_alignment.svg"), $controller->render());
diff --git a/tests/svg/test_fonts.svg b/tests/svg/test_fonts.svg
index 2829e952..fa2e2900 100644
--- a/tests/svg/test_fonts.svg
+++ b/tests/svg/test_fonts.svg
@@ -15,7 +15,7 @@
 	</style>
 	
     <path id='path0'>
-        <animate id='d0' attributeName='d' begin='0s;d0.end' dur='5s'
+        <animate id='d0' attributeName='d' begin='0s;d0.end' dur='5000ms'
             values='m0,25 h0 ; m0,25 h400 ; m0,25 h0' keyTimes='0;0.8;1' />
     </path>
     <text font-family='"Roboto", monospace' fill='#36BCF7' font-size='20'
diff --git a/tests/svg/test_multiline.svg b/tests/svg/test_multiline.svg
index 38fe46b6..50bee13d 100644
--- a/tests/svg/test_multiline.svg
+++ b/tests/svg/test_multiline.svg
@@ -6,7 +6,7 @@
 
     
     <path id='path0'>
-        <animate id='d0' attributeName='d' dur='5s' fill="freeze"
+        <animate id='d0' attributeName='d' dur='5000ms' fill="freeze"
             begin='0s;d3.end' keyTimes="0;0;1"
             values='m0,25 h0 ; m0,25 h0 ; m0,25 h380' />
     </path>
@@ -19,7 +19,7 @@
     </text>
 
     <path id='path1'>
-        <animate id='d1' attributeName='d' dur='10s' fill="freeze"
+        <animate id='d1' attributeName='d' dur='10000ms' fill="freeze"
             begin='0s;d3.end' keyTimes="0;0.5;1"
             values='m0,50 h0 ; m0,50 h0 ; m0,50 h380' />
     </path>
@@ -32,7 +32,7 @@
     </text>
 
     <path id='path2'>
-        <animate id='d2' attributeName='d' dur='15s' fill="freeze"
+        <animate id='d2' attributeName='d' dur='15000ms' fill="freeze"
             begin='0s;d3.end' keyTimes="0;0.66666666666667;1"
             values='m0,75 h0 ; m0,75 h0 ; m0,75 h380' />
     </path>
@@ -45,7 +45,7 @@
     </text>
 
     <path id='path3'>
-        <animate id='d3' attributeName='d' dur='20s' fill="freeze"
+        <animate id='d3' attributeName='d' dur='20000ms' fill="freeze"
             begin='0s;d3.end' keyTimes="0;0.75;1"
             values='m0,100 h0 ; m0,100 h0 ; m0,100 h380' />
     </path>
diff --git a/tests/svg/test_normal.svg b/tests/svg/test_normal.svg
index 405b153e..139e7ba6 100644
--- a/tests/svg/test_normal.svg
+++ b/tests/svg/test_normal.svg
@@ -6,7 +6,7 @@
 
     
     <path id='path0'>
-        <animate id='d0' attributeName='d' begin='0s;d3.end' dur='5s'
+        <animate id='d0' attributeName='d' begin='0s;d3.end' dur='5000ms'
             values='m0,25 h0 ; m0,25 h380 ; m0,25 h0' keyTimes='0;0.8;1' />
     </path>
     <text font-family='"monospace", monospace' fill='#36BCF7' font-size='20'
@@ -18,7 +18,7 @@
     </text>
 
     <path id='path1'>
-        <animate id='d1' attributeName='d' begin='d0.end' dur='5s'
+        <animate id='d1' attributeName='d' begin='d0.end' dur='5000ms'
             values='m0,25 h0 ; m0,25 h380 ; m0,25 h0' keyTimes='0;0.8;1' />
     </path>
     <text font-family='"monospace", monospace' fill='#36BCF7' font-size='20'
@@ -30,7 +30,7 @@
     </text>
 
     <path id='path2'>
-        <animate id='d2' attributeName='d' begin='d1.end' dur='5s'
+        <animate id='d2' attributeName='d' begin='d1.end' dur='5000ms'
             values='m0,25 h0 ; m0,25 h380 ; m0,25 h0' keyTimes='0;0.8;1' />
     </path>
     <text font-family='"monospace", monospace' fill='#36BCF7' font-size='20'
@@ -42,7 +42,7 @@
     </text>
 
     <path id='path3'>
-        <animate id='d3' attributeName='d' begin='d2.end' dur='5s'
+        <animate id='d3' attributeName='d' begin='d2.end' dur='5000ms'
             values='m0,25 h0 ; m0,25 h380 ; m0,25 h0' keyTimes='0;0.8;1' />
     </path>
     <text font-family='"monospace", monospace' fill='#36BCF7' font-size='20'
diff --git a/tests/svg/test_normal_vertical_alignment.svg b/tests/svg/test_normal_vertical_alignment.svg
index 8b1da9b3..fd83af50 100644
--- a/tests/svg/test_normal_vertical_alignment.svg
+++ b/tests/svg/test_normal_vertical_alignment.svg
@@ -6,7 +6,7 @@
 
     
     <path id='path0'>
-        <animate id='d0' attributeName='d' begin='0s;d3.end' dur='5s'
+        <animate id='d0' attributeName='d' begin='0s;d3.end' dur='5000ms'
             values='m0,25 h0 ; m0,25 h380 ; m0,25 h0' keyTimes='0;0.8;1' />
     </path>
     <text font-family='"monospace", monospace' fill='#36BCF7' font-size='20'
@@ -18,7 +18,7 @@
     </text>
 
     <path id='path1'>
-        <animate id='d1' attributeName='d' begin='d0.end' dur='5s'
+        <animate id='d1' attributeName='d' begin='d0.end' dur='5000ms'
             values='m0,25 h0 ; m0,25 h380 ; m0,25 h0' keyTimes='0;0.8;1' />
     </path>
     <text font-family='"monospace", monospace' fill='#36BCF7' font-size='20'
@@ -30,7 +30,7 @@
     </text>
 
     <path id='path2'>
-        <animate id='d2' attributeName='d' begin='d1.end' dur='5s'
+        <animate id='d2' attributeName='d' begin='d1.end' dur='5000ms'
             values='m0,25 h0 ; m0,25 h380 ; m0,25 h0' keyTimes='0;0.8;1' />
     </path>
     <text font-family='"monospace", monospace' fill='#36BCF7' font-size='20'
@@ -42,7 +42,7 @@
     </text>
 
     <path id='path3'>
-        <animate id='d3' attributeName='d' begin='d2.end' dur='5s'
+        <animate id='d3' attributeName='d' begin='d2.end' dur='5000ms'
             values='m0,25 h0 ; m0,25 h380 ; m0,25 h0' keyTimes='0;0.8;1' />
     </path>
     <text font-family='"monospace", monospace' fill='#36BCF7' font-size='20'

From a6f0ac9e66148820dcfef0275508ea8d26017020 Mon Sep 17 00:00:00 2001
From: Benjamin Michaelis <benjamin@michaelis.net>
Date: Fri, 21 Jan 2022 14:52:44 -0800
Subject: [PATCH 15/15] Implement Suggestions

---
 .github/workflows/phpunit-ci-coverage.yml | 1 -
 README.md                                 | 2 +-
 src/demo/index.php                        | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/phpunit-ci-coverage.yml b/.github/workflows/phpunit-ci-coverage.yml
index ef4b8acf..c3661ded 100644
--- a/.github/workflows/phpunit-ci-coverage.yml
+++ b/.github/workflows/phpunit-ci-coverage.yml
@@ -6,7 +6,6 @@ on:
   push:
     branches:
       - main
-      - test
 
 jobs:
   build-test:
diff --git a/README.md b/README.md
index a4707ca1..ebc09dfc 100644
--- a/README.md
+++ b/README.md
@@ -70,7 +70,7 @@ Feel free to [open a PR](https://github.com/DenverCoder1/readme-typing-svg/issue
 |   `size`    |                   Font size in pixels (default: `20`)                        | integer |         Any positive number         |
 |   `color`   |                  Color of the text (default: `36BCF7`)                       | string  |  Hex code without # (eg. `00ff00`)  |
 | `multiline` | `true` to wrap lines or `false` to retype on one line (default: `false`)     | boolean |          `true` or `false`          |
-|  `duration` | Duration of the printing of output SVG in milliseconds (default: `5000`)     | integer |         Any positive number         |
+|  `duration` | Duration of the printing of a single line in milliseconds (default: `5000`)  | integer |         Any positive number         |
 
 ## 📤 Deploying it on your own
 
diff --git a/src/demo/index.php b/src/demo/index.php
index 5cc3cf58..9026ef9b 100644
--- a/src/demo/index.php
+++ b/src/demo/index.php
@@ -65,7 +65,7 @@ function gtag() { dataLayer.push(arguments); }
                 <label for="size">Font size</label>
                 <input class="param" type="number" id="size" name="size" placeholder="20" value="20">
 
-                <label for="duration">Print duration</label>
+                <label for="duration">Print duration (ms per line)</label>
                 <input class="param" type="number" id="duration" name="duration" placeholder="5000" value="5000">
 
                 <label for="center">Horizontally Centered</label>