alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity
Files
9ab01d3c54c63c6fa1a33cd53c149d9cc10abc60
textual/docs/images/css_stopwatch.excalidraw.svg
Will McGugan 12a8773c5c fix stopwatch example
2022-09-09 11:38:26 +01:00

16 lines
11 KiB
XML
Raw Blame History

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 586.81787109375 429.798828125" width="586.81787109375" height="429.798828125">
<!-- svg-source:excalidraw -->
<!-- payload-type:application/vnd.excalidraw+json --><!-- payload-version:2 --><!-- payload-start -->eyJ2ZXJzaW9uIjoiMSIsImVuY29kaW5nIjoiYnN0cmluZyIsImNvbXByZXNzZWQiOnRydWUsImVuY29kZWQiOiJ4nNVabVPaSlx1MDAxNP7ur2Do15ru+0tn7tyxKra3ioptbXvvXHUwMDFkJyRcdTAwMGKJXHUwMDA0gkkoYKf//W6CV1x1MDAxMkhcdTAwMDBcdTAwMTEwdZSR3c2ek93z7PPs2f25V6lUo3FfVd9WqmpkmZ5rXHUwMDA35rD6Oi7/oYLQ9Xu6XG4l30N/XHUwMDEwWElLJ4r64ds3b7pm0FFR3zMtZfxww4HphdHAdn3D8rtv3Eh1wz/jz7rZVX/0/a5cdTAwMWRcdTAwMDXG1Mi+st3IXHUwMDBmJraUp7qqXHUwMDE3hbr3v/X3SuVn8pnyLlBWZPbankpcdTAwMWVIqqZcdTAwMGViymZL634vcVx1MDAxNmIoIMZYoMdcdTAwMTZueKTtRcrW1S3ts5rWxEVVtO/21NA7XHUwMDE2NX469ulYXHUwMDFjy3Fzarblet5VNPZcdTAwMTK3Ql+/zbQujFx1MDAwMr+jrl07cmLbM+VFT1x1MDAwNf6g7fRUXHUwMDE4Zp7x+6blRuO4XGaAx9LJXHUwMDE4vK1MS0bxXGZRYCAokX5NXHUwMDAxXHUwMDExfayLn0ZIXHUwMDFhXHUwMDE0USxcdTAwMDFL1Uw8OvQ9PVx1MDAwNdqjVyD5mfrUNK1OWzvWs6dtXGKwXHUwMDAw5dM2w4f3pFxmXHUwMDE5WFx1MDAxMorTplx1MDAxZOW2nWjivcGh4CnbKlx1MDAxOXuIgOBcYlwiMp2a2GL/g53Ewb+zo+eYQf9hlKph/CXlbezo8WxcdTAwMTClXHUwMDAzKTW/70hcYsLhqHVw2r47kLiN//IuPz72lYk6M1xi/GH1sebXw39T11x1MDAwNn3bnERcdTAwMTJkXGZxyKCk+u+x3nN7XHUwMDFkXdlcdTAwMWJ43rTMtzrT4EtKf71eI+pcdFx1MDAwN4VRLzmQVFIuVo76oN5EXHUwMDA3+6f49sSun1/UXHUwMDFi38LvjXclj3pcdTAwMDZcZlx0kMBcYuC5qCfUIJBcdTAwMDFIn1x1MDAxYvUtU6NcdTAwMDfNR73ufD7YXHUwMDE5m4tyKKUgXHUwMDAwpCZrJ1F+fHB8XHUwMDEznbRDVe/Y3+9ax1x1MDAwMN7sXHUwMDBm8qM8UqMoXHUwMDE15K/zu820fr2qwZfDTsbPXGZZkFwi2CBcdTAwMDQ51uslWVx1MDAxOTWLRzmLXHUwMDFhx7ScQaDKgFx1MDAxYlqMXHUwMDFixlxmuVx03ESB2Vx1MDAwYvtmoGM1XHUwMDA3OzRcdTAwMDc7XGLPYUdKTLUzVGxcdTAwMWU7m4zD6Xz7vejKvU9iXHRkSmtm1/XGmSlLXHUwMDAyVHt6XHUwMDE1+WlHzVBpi8kqzjNtXHUwMDBmPLdcdTAwMWRcdTAwMDdw1dLvoIJMbEeu1lWPXHK6rm2nOcPSXHUwMDBlmLrP4MMqS71cdTAwMWa4bbdnep/S/q1PUyj1XHUwMDFhszQloFx1MDAxNiWArK7NXHUwMDA2x9eB88l9L8nwQvSa8uxrR7wvN0tcdTAwMTFKXHJcYjnjmo3n0EalXHUwMDAxJOSSZfTROiyV/OQhXHJcdTAwMWKQXHUwMDE0aTOsXHUwMDE3XHUwMDAyQXCONmNcdTAwMWNcdTAwMTO9XHUwMDEwXHUwMDEytnnkLWKtzk372Ox2XHUwMDFkJG/IfVxyX4bS+1xcoM02w1r5XHUwMDA2y8dakMhCXHUwMDE0SUxcdTAwMDSjLKUwlsFo8TCXlLaIlnuFQNKURlx1MDAwNZ5ccuZN01x1MDAxNsHzXHUwMDE4mqctqkHHXHUwMDA03lx1MDAwNnbKw1pcdTAwMDC8TX6N7IBunbyWMMAseaXdXFyfw7gs3mpcdTAwMTHBiVx1MDAxZXi4umiEw/OL0zBqXHUwMDFlNFx1MDAwZeyju1x1MDAxYetbYbNRblx1MDAxMmNYXHUwMDFhXFxkU1xi8ZP73NCRTuUzUffKUjaxzVU3WWJcdTAwMTZxTFDMJdr1XHUwMDFl65Pn3973/NpNo3nRO6x3ry/qh83nsNXv1e0ybs03+Fx1MDAwNG6lnEmZUodb4lbGilx1MDAxNSpcdTAwMTWIS/FcdTAwMDRwL1x1MDAxZeWSUisjJFx1MDAxN96QXHUwMDE4XHUwMDAyMvLczOFm9oKUayHL8Vx1MDAxNjC+yVxifFx1MDAxZas2VKiinfLpXHUwMDEyMprl04mD6zMpXHUwMDA1olxiazxGmmD4XHRYXHUwMDFiwfe3N7chXHTVNy1iz4LRt/7+S1x1MDAxMileKVFPJWd0jklcdTAwMTE0NiFgXHUwMDBiqZQyZnCut3VpXHUwMDAzmSy9oDNZn//z9Fx1MDAxOGmBXHUwMDAzUovgTvRsvPLAJyBv/aBkXHUwMDFjXHUwMDE1XHUwMDA1JcaQIYSfkKK47F6e1/tOjVx1MDAxZd58bvWRV8e+dVJudZck0jGlJJOGSKIy3lbNpFx0N3l0tGpcdTAwMTKdcqCXflxmdpyOeNfq1EZcdTAwMDdcdTAwMWY/yNPvZ91PZyPw1azXnq/Efpdul1x0vHyD5Vx1MDAxM3i0OOWvV1xcSVx1MDAwNZGr505cdTAwMTaPcklcdTAwMDVekvLPRTjUXHUwMDE1XHUwMDFiSEBuQuIhre+0K1x1MDAxNO00cbJriXdcdTAwMTWZwW4l3lx1MDAxMkaaz/fHXHUwMDBlrs+mhFx1MDAxNLIpZFhiqeNtdY33pbF/LZ1G4+xCkJr//cg5umy3X1x1MDAxNm58pZQ/XHUwMDA1eH5DJVxmJulz2XRcdNbWS/hTJrRdirdw1LaIs66su+tcdTAwMWL/8Iszat5/XHUwMDFlX7as9ig4eT5cdTAwMTX+Lt0uY9h8g+VjWMxcdTAwMGJvYDFGQXyOuzrkXHUwMDE3j3JJIVx1MDAxZlx1MDAxZk7kQl5cdTAwMTMs3Cq5rnYoIaTeXjOwXHJ8l4dbX+pQYlx0Sa19KFFcdTAwMDQ3XHUwMDAyiu+wXHUwMDEwTCSidHVB+/VcXFx1MDAxZHktdnvojEHD63BX9Fx1MDAwM1p2QUviREpOXHUwMDE2hUtjVuVuXHUwMDFjcFx1MDAwMOVcdTAwMDBunlFcdGBUMol3mzZBXHUwMDEw8dSmelx1MDAxN5dXhmZkOfl4XHUwMDEz+XjzVCtagLbMhZgs1DIvkndTZeLMeqjChblJKClEevlMJSCWwqrdvKOfW6dH7sWH869cdTAwMTckPGFOUHZYYS1cdTAwMTBJTnZcdTAwMTJyzWJbvlx1MDAxNIZT17xcdTAwMTbhilx0XHUwMDA0JFx1MDAxMGK3x+tcYlx1MDAwMin47nFVXHUwMDE5upFTOby6qlieXHUwMDE5hpV/9Hvp/Zmy/6mWXG5yi/ycoHHvQadWzX5f7zGj2NtcdDb1XHUwMDA0uvbDXHUwMDEwTa1Vf7hq+K74rtPeXHUwMDAzwmMoqXj6fv7a+/VcdTAwMWZcdTAwMTejLMsifQ==<!-- payload-end -->
<defs>
<style>
@font-face {
font-family: "Virgil";
src: url("https://unpkg.com/@excalidraw/excalidraw@0.12.0-32d8221/dist/excalidraw-assets/Virgil.woff2");
}
@font-face {
font-family: "Cascadia";
src: url("https://unpkg.com/@excalidraw/excalidraw@0.12.0-32d8221/dist/excalidraw-assets/Cascadia.woff2");
}
</style>
</defs>
<rect x="0" y="0" width="586.81787109375" height="429.798828125" fill="#ffffff"></rect><g stroke-linecap="round" transform="translate(10 319.080078125) rotate(0 281.197265625 50.359375)"><path d="M-0.6 -1.59 L564.18 0.08 L561.03 99.84 L-1.2 102.02" stroke="none" stroke-width="0" fill="#40c057"></path><path d="M0.5 0.45 C174.91 1.55, 350.5 1.04, 562.05 0.71 M-0.08 0.1 C132.36 1.02, 264.35 1.05, 562.63 0.18 M562.9 1.8 C562.65 21.15, 562.62 46.01, 560.96 101.51 M562.4 -0.93 C560.95 26.88, 560.63 55.25, 562.29 101.36 M562.68 100.93 C418.04 102.09, 274.31 101.56, -0.45 100.7 M562.11 101.07 C355.37 101.94, 148.82 102.06, 0.19 100.93 M-0.7 101.15 C0.71 72.2, -0.47 45.97, 0.65 0.09 M-0.52 101.35 C0.67 76.07, 1.27 51.93, -0.44 0.75" stroke="#000000" stroke-width="1" fill="none"></path></g><g stroke-linecap="round" transform="translate(20.68359375 334.970703125) rotate(0 80 33)"><path d="M-1.59 1.79 L160.08 -1.37 L159.12 64.8 L1.3 65.28" stroke="none" stroke-width="0" fill="#fa5252"></path><path d="M1.12 -1.04 C61.37 -1.35, 121.8 -1.86, 161.78 -1.3 M0.24 0.48 C34.62 0.36, 68.44 0.9, 160.45 -0.81 M161.8 0.99 C158.93 15.91, 161.71 28.46, 160.79 65.5 M159.07 -0.56 C158.98 13.15, 159.66 27.97, 160.65 65.56 M160.52 65.22 C112.32 66.57, 63.54 65.44, -0.05 67.36 M160.89 65.6 C118.4 65.23, 76.86 65.36, 0.54 65.77 M0.43 67.67 C-1.1 40.41, 0.53 14.48, 0.09 -1.18 M0.63 66.14 C-0.98 50.41, -0.83 32.91, 0.75 -0.3" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(25.68359375 356.470703125) rotate(0 75 11.5)"><text x="75" y="17" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Stop</text></g><g stroke-linecap="round" transform="translate(214.8984375 348.646484375) rotate(0 76.572265625 17.9921875)"><path d="M-0.88 -1.2 L154.45 -0.72 L153.1 36.83 L-1.68 35.63" stroke="none" stroke-width="0" fill="#ffffff"></path><path d="M-1.61 -0.86 C39.76 -1.03, 74.18 -0.33, 152.75 0.48 M0.93 0.58 C53.78 -0.88, 105.93 -0.29, 153.4 0.9 M155 -1.43 C153.77 12.08, 151.23 24.55, 153.16 34.12 M153.01 -0.1 C153.5 8.33, 152.82 18.19, 153.5 36.24 M151.62 34.86 C113.12 37.34, 72.41 36.98, -1.41 37.76 M153.69 36.47 C113.93 36.3, 74.58 37.21, -0.35 36.2 M0.98 36.63 C0.21 21, -0.94 10.26, -1.05 1.26 M-0.21 35.54 C0.88 24.38, -0.67 14.28, 0.04 -0.68" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(219.8984375 355.138671875) rotate(0 71.5 11.5)"><text x="71.5" y="17" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">00:00:00.00</text></g><g stroke-linecap="round" transform="translate(399.56982421875 81.87109375) rotate(0 80 34)"><path d="M-1.6 0.53 L160.78 -1.83 L158.46 66.27 L0.66 68.25" stroke="none" stroke-width="0" fill="#ced4da"></path><path d="M1.99 0.92 C60.83 -1.89, 121.31 0.49, 159.64 -1.75 M0.82 0.44 C39.86 -0.18, 78.75 1.26, 160.18 0.73 M159.02 -1.11 C160.53 22.4, 160.07 43.15, 158.7 67.03 M160.38 -0.18 C159.62 19.47, 159.11 39.13, 160.84 68.33 M161.53 66.51 C113.52 68.85, 64.94 66.72, 1.01 68.05 M160.4 68.65 C112.65 69.16, 64.1 68.18, -0.61 67.59 M0.4 66.47 C-0.99 41.99, 2.6 15.17, -1.14 -1.23 M0 67.71 C-0.19 53.26, 0.45 40.45, 0.78 -0.12" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(404.56982421875 104.37109375) rotate(0 75 11.5)"><text x="75" y="17" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Reset</text></g><g stroke-opacity="0.3" fill-opacity="0.3" stroke-linecap="round" transform="translate(10.04052734375 67.71484375) rotate(0 283.388671875 50.42578125)"><path d="M0.78 -1.83 L565.24 -1.73 L567.44 101.1 L-1.63 101.94" stroke="none" stroke-width="0" fill="#ced4da"></path><path d="M-0.13 -0.46 C195.85 -0.55, 392.36 -1.74, 566.37 -0.73 M0.03 -0.21 C157.33 -0.64, 315.41 -0.71, 566.86 0.22 M566.94 0.56 C565.98 34.26, 564.99 68.58, 566.53 99.61 M566.82 -0.09 C566.69 23.05, 568 46.45, 566.78 101.66 M567.4 101.03 C382.36 98.49, 197.52 99.18, -0.02 100.81 M566.91 100.88 C358.27 101.95, 149.94 102.15, 0.31 100.46 M-1.66 100.48 C1.73 63.19, -1.34 27.42, -1.9 0.92 M0.13 100.04 C0.77 63.35, 0.78 25.13, -0.8 0.26" stroke="#000000" stroke-width="1" fill="none"></path></g><g stroke-linecap="round" transform="translate(20.71630859375 83.97265625) rotate(0 80 33)"><path d="M-1.83 -1.54 L158.27 0.66 L160.25 64.37 L1.09 64.77" stroke="none" stroke-width="0" fill="#40c057"></path><path d="M-1.15 -1.02 C65.18 -0.09, 126.15 -0.76, 158.16 -0.44 M-0.53 -0.84 C62 0.08, 122.89 0.1, 160.55 0.45 M160.56 -0.3 C159.12 15.27, 158.66 32.9, 158.76 64.57 M159.91 -0.47 C159.87 23.17, 160.21 44.67, 160.81 66.26 M160.44 67.04 C98.02 68.27, 39.49 67.21, -0.09 67.35 M160.08 65.47 C104.72 65.93, 50.84 67.31, -0.98 66.58 M-0.37 67.93 C-1.06 43.75, -0.73 21.88, 0.92 1.5 M-0.82 66.76 C0.49 47, 0.07 25.64, 0.26 0.39" stroke="#000000" stroke-width="1" fill="none"></path></g><g transform="translate(25.71630859375 105.47265625) rotate(0 75 11.5)"><text x="75" y="17" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Start</text></g><g stroke-opacity="0.7" fill-opacity="0.7" stroke-linecap="round" transform="translate(214.93115234375 98.25) rotate(0 76.572265625 17.9921875)"><path d="M1.23 -0.36 C41.61 -0.25, 84.89 0.34, 154.78 0.89 M0.92 0.18 C47.72 1.5, 94.53 1.74, 152.66 -0.55 M152.63 -1.3 C152.28 10.84, 152 20.75, 153.91 35.62 M153.14 0.84 C153.44 10.96, 153.92 22.18, 153.91 35.24 M151.45 37 C95.24 36.74, 37.16 38.13, 0.8 37.28 M152.24 35.37 C101.6 35.94, 49.89 35.75, 0.2 35.22 M-1.57 34.84 C-1.17 26.27, 0.99 21.86, -0.01 -0.58 M0.3 36.76 C0.18 23.93, 0.56 13.86, -0.91 -0.77" stroke="#000000" stroke-width="1" fill="none"></path></g><g stroke-opacity="0.7" fill-opacity="0.7" transform="translate(219.93115234375 104.7421875) rotate(0 71.5 11.5)"><text x="71.5" y="17" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">00:00:00.00</text></g><g transform="translate(210.04638671875 10) rotate(0 51 12.5)"><text x="0" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" direction="ltr">Stopwatch</text></g><g transform="translate(95.25732421875 264.65625) rotate(0 179 12.5)"><text x="0" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" direction="ltr">Stopwatch with CSS class "started"</text></g></svg>
Reference in New Issue View Git Blame Copy Permalink