docs: README: animated prompt

joonas-fi · joonas-fi · commit d7181f3ea222 · 2024-10-03T10:41:11.000+03:00
diff --git a/README.md b/README.md
@@ -1,10 +1,10 @@
-⬆️ For table of contents, click the above icon
-
 ![](misc/mascot/mascot.png)
 
 ![Build status](https://github.com/function61/turbobob/workflows/Build/badge.svg)
 [![Download](https://img.shields.io/github/downloads/function61/turbobob/total.svg?style=for-the-badge)](https://github.com/function61/turbobob/releases)
 
+![](misc/readme-animated-prompt.svg)
+
 Modern, minimal container-based build/development tool to make any project´s dev easy and
 frictionless.
 
diff --git a/misc/readme-animated-prompt.svg b/misc/readme-animated-prompt.svg
@@ -0,0 +1,46 @@
+<!-- https://github.com/DenverCoder1/readme-typing-svg/ -->
+<svg xmlns='http://www.w3.org/2000/svg'
+    xmlns:xlink='http://www.w3.org/1999/xlink'
+    viewBox='0 0 435 50'
+    style='background-color: #00000000;'
+    width='435px' height='50px'>
+
+    <style>
+@font-face {
+  font-family: 'Fira Code';
+  font-style: normal;
+  font-weight: 400;
+  font-display: fallback;
+  src: url(data:font/truetype;base64,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) format('truetype');
+}
+</style>
+
+                <path id='path0'>
+                            <!-- Single line -->
+                                <animate id='d0' attributeName='d' begin='0s;d1.end'
+                    dur='6000ms' fill='remove'
+                    values='m0,25 h0 ; m0,25 h435 ; m0,25 h435 ; m0,25 h0' keyTimes='0;0.66666666666667;0.83333333333333;1' />
+                    </path>
+    <text font-family='"Fira Code", monospace' fill='#36BCF7' font-size='20'
+        dominant-baseline='auto'
+        x='0%' text-anchor='start'
+        letter-spacing='normal'>
+        <textPath xlink:href='#path0'>
+            $ bob build
+        </textPath>
+    </text>
+        <path id='path1'>
+                            <!-- Single line -->
+                                <animate id='d1' attributeName='d' begin='d0.end'
+                    dur='6000ms' fill='remove'
+                    values='m0,25 h0 ; m0,25 h435 ; m0,25 h435 ; m0,25 h0' keyTimes='0;0.66666666666667;0.83333333333333;1' />
+                    </path>
+    <text font-family='"Fira Code", monospace' fill='#36BCF7' font-size='20'
+        dominant-baseline='auto'
+        x='0%' text-anchor='start'
+        letter-spacing='normal'>
+        <textPath xlink:href='#path1'>
+            $ bob dev
+        </textPath>
+    </text>
+</svg>
