Merge pull request #15 from yottapanda/dynamic-logo

0atman · web-flow · commit f572de239703 · 2025-06-22T10:42:07.000+01:00
Add dynamic color logo
diff --git a/docs/dynamic-logo.svg b/docs/dynamic-logo.svg
@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="80" viewBox="0 0 256 80" fill="currentColor">
+    <g clip-path="url(#clip0_4_23)">
+        <path d="M52.612 78.7824H23.33C21.9166 78.7824 20.7709 77.6368 20.7709 76.2235V68.5467H12.7969C11.3836 68.5467 10.2378 67.401 10.2378 65.9877V55.3135L1.41666 50.9172C0.0382205 50.2291 -0.424107 48.488 0.431411 47.2068L10.2378 32.4928V28.1426C10.2412 12.599 22.8433 0.000244141 38.3878 0.000244141C53.9322 0.000244141 66.5344 12.599 66.5377 28.1426C65.9063 55.9671 55.7774 51.6594 55.3571 62.1884L55.1711 76.2235C55.1617 76.9301 54.8846 77.5699 54.4215 78.0329C53.9584 78.496 53.3187 78.7824 52.612 78.7824ZM25.8891 73.6645H50.0529L50.3386 59.1231C50.0761 52.467 62.0549 50.8795 61.4196 28.3885C61.0605 15.6763 51.1058 5.11757 38.3878 5.11757C25.6698 5.11757 15.359 15.4253 15.356 28.1426V33.2605C15.3552 33.7658 15.2057 34.2598 14.9261 34.6807L6.29684 47.6213L13.9408 51.4418C14.8085 51.8754 15.3565 52.7622 15.356 53.7321V63.4288H23.33C24.7433 63.4288 25.8891 64.5744 25.8891 65.9877V73.6645Z"/>
+        <path d="M40.3721 58.2219V38.9335C40.4904 38.9335 40.6087 38.9524 40.727 38.9524C50.4958 38.9397 57.7768 29.9404 55.7494 20.3848C55.555 19.4713 54.8413 18.7576 53.9278 18.5633C45.8216 16.8321 37.8066 21.8546 35.8299 29.904C35.8064 29.8804 35.7873 29.8543 35.7637 29.8306C32.09 26.1425 26.7949 24.5718 21.7042 25.6601C20.7906 25.8544 20.0769 26.5681 19.8826 27.4816C17.8553 37.0362 25.1347 46.0349 34.9026 46.0492C35.1392 46.0492 35.3947 46.0208 35.6407 46.009V58.2219H40.3721ZM43.211 26.0788C45.3532 23.9341 48.3082 22.8043 51.3349 22.9728C51.6841 29.3127 46.4475 34.5501 40.1072 34.2023C39.9298 31.1748 41.06 28.2168 43.211 26.0788ZM27.4032 38.1931C25.2499 36.0557 24.1149 33.0987 24.2852 30.0696C30.6292 29.7121 35.8718 34.9555 35.5129 41.2991C32.4895 41.4687 29.5401 40.3385 27.4032 38.1931Z"/>
+        <path d="M104.235 24.6122C104.235 27.7406 103.191 30.1603 101.102 31.8712C99.0136 33.5821 96.1129 34.4375 92.4 34.4375H77.0625V0H91.0947C94.8366 0 97.6648 0.733233 99.5792 2.1997C101.508 3.64987 102.473 5.80069 102.473 8.65215C102.473 10.6074 101.987 12.2613 101.015 13.6137C100.058 14.9498 98.593 15.8541 96.6205 16.3267C99.1006 16.6525 100.986 17.5324 102.277 18.9663C103.582 20.3839 104.235 22.2658 104.235 24.6122ZM96.0114 9.62979C96.0114 8.08185 95.569 6.98201 94.6843 6.33024C93.8141 5.67848 92.516 5.3526 90.7901 5.3526H83.4803V13.8825H90.8336C92.6466 13.8825 93.9591 13.5322 94.7713 12.8316C95.598 12.1146 96.0114 11.0474 96.0114 9.62979ZM97.7953 24.05C97.7953 20.8238 95.7358 19.2107 91.6168 19.2107H83.4803V29.0849H91.8561C93.9156 29.0849 95.4167 28.6694 96.3595 27.8384C97.3167 26.9911 97.7953 25.7283 97.7953 24.05Z"/>
+        <path d="M130.319 34.4375L123.206 21.3615H115.678V34.4375H109.26V0H124.576C128.231 0 131.052 0.888026 133.039 2.66408C135.026 4.42384 136.019 6.95756 136.019 10.2653C136.019 12.6768 135.41 14.7624 134.192 16.5222C132.974 18.2656 131.327 19.4144 129.253 19.9684L137.542 34.4375H130.319ZM129.558 10.5586C129.558 7.25086 127.673 5.59701 123.902 5.59701H115.678V15.7645H124.076C125.874 15.7645 127.237 15.3083 128.166 14.3958C129.094 13.4833 129.558 12.2043 129.558 10.5586Z"/>
+        <path d="M163.127 34.4375L160.407 25.6387H148.724L146.005 34.4375H139.587L150.769 0H158.34L169.479 34.4375H163.127ZM154.555 5.30372L154.424 5.84142C154.279 6.42801 154.105 7.09606 153.902 7.84559C153.699 8.59512 152.452 12.7175 150.16 20.2128H158.971L155.947 10.3141L155.012 6.99015L154.555 5.30372Z"/>
+        <path d="M173.656 34.4375V0H180.074V34.4375H173.656Z"/>
+        <path d="M204.723 34.4375L191.365 7.91891C191.626 10.4934 191.756 12.5627 191.756 14.127V34.4375H186.057V0H193.388L206.942 26.7386C206.681 24.2782 206.55 22.0377 206.55 20.0173V0H212.25V34.4375H204.723Z"/>
+        <path d="M105.259 78.75V58.0667C105.259 57.5985 105.259 57.1302 105.259 56.662C105.274 56.1938 105.351 54.1836 105.489 50.6314C104.399 54.9747 103.593 58.0021 103.071 59.7136L97.2209 78.75H92.3844L86.5346 59.7136L84.0702 50.6314C84.2545 54.3773 84.3466 56.8557 84.3466 58.0667V78.75H78.3125V44.625H87.4097L93.2136 63.7098L93.7202 65.5505L94.8257 70.1279L96.2767 64.6544L102.242 44.625H111.293V78.75H105.259Z"/>
+        <path d="M140.542 78.75L137.663 70.031H125.296L122.417 78.75H115.623L127.461 44.625H135.475L147.267 78.75H140.542ZM131.468 49.8806L131.33 50.4134C131.176 50.9947 130.992 51.6567 130.777 52.3994C130.562 53.1421 129.242 57.2271 126.816 64.6544H136.143L132.942 54.8455L131.952 51.5517L131.468 49.8806Z"/>
+        <path d="M180.616 61.4332C180.616 64.9531 179.956 68.0289 178.636 70.6608C177.33 73.2764 175.473 75.2786 173.062 76.6671C170.667 78.0557 167.918 78.75 164.817 78.75H151.689V44.625H163.435C168.901 44.625 173.131 46.0782 176.125 48.9845C179.119 51.8746 180.616 56.0242 180.616 61.4332ZM173.776 61.4332C173.776 57.768 172.87 54.9747 171.058 53.0533C169.247 51.1158 166.659 50.147 163.297 50.147H158.483V73.228H164.241C167.158 73.228 169.477 72.1704 171.197 70.0553C172.916 67.9401 173.776 65.0661 173.776 61.4332Z"/>
+        <path d="M185.775 78.75V44.625H211.293V50.147H192.569V58.7206H209.889V64.2426H192.569V73.228H212.238V78.75H185.775Z"/>
+        <path d="M217.282 78.75V71.3631H223.937V78.75H217.282Z"/>
+        <path d="M242.168 54.4524C244.943 54.4524 247.384 54.9731 249.491 56.0144C251.597 57.0557 253.212 58.5458 254.335 60.4847C255.445 62.4237 256 64.6858 256 67.2711C256 71.2448 254.77 74.3627 252.31 76.6248C249.838 78.8749 246.457 80 242.168 80C237.891 80 234.555 78.8749 232.158 76.6248C229.761 74.3746 228.562 71.2448 228.562 67.2352C228.562 63.2256 229.774 60.0957 232.196 57.8456C234.618 55.5835 237.942 54.4524 242.168 54.4524ZM242.168 59.8564C239.292 59.8564 237.04 60.5027 235.412 61.7953C233.772 63.088 232.952 64.9013 232.952 67.2352C232.952 69.605 233.766 71.4363 235.393 72.7289C237.008 74.0215 239.266 74.6679 242.168 74.6679C245.094 74.6679 247.403 74.0096 249.093 72.693C250.771 71.3645 251.61 69.5572 251.61 67.2711C251.61 64.9013 250.79 63.076 249.15 61.7953C247.51 60.5027 245.183 59.8564 242.168 59.8564Z"/>
+        <path d="M255.622 33.0521L245.498 38.9228V45.1347H255.622V50.4309H228.96V37.7917C228.96 34.7756 229.647 32.4476 231.022 30.8079C232.385 29.1682 234.346 28.3483 236.907 28.3483C238.774 28.3483 240.389 28.851 241.751 29.8564C243.101 30.8618 243.991 32.2202 244.419 33.9318L255.622 27.0916V33.0521ZM237.134 33.6804C234.574 33.6804 233.293 35.2364 233.293 38.3483V45.1347H241.165V38.2047C241.165 36.7205 240.812 35.5955 240.105 34.8294C239.399 34.0634 238.408 33.6804 237.134 33.6804Z"/>
+        <path d="M251.629 11.8492C251.629 10.4728 251.421 9.13824 251.004 7.8456C250.576 6.55296 250.033 5.55356 249.377 4.8474H245.687V11.0233H241.562V0H251.364C252.815 1.34051 253.95 3.08797 254.77 5.24237C255.59 7.3848 256 9.63495 256 11.9928C256 16.1101 254.802 19.2759 252.405 21.4901C249.995 23.7044 246.583 24.8115 242.168 24.8115C237.778 24.8115 234.416 23.6984 232.082 21.4722C229.736 19.246 228.562 16.0443 228.562 11.8671C228.562 5.93058 230.877 2.1544 235.507 0.5386L237.059 5.4219C235.709 5.94853 234.687 6.77439 233.993 7.89946C233.299 9.02454 232.952 10.3471 232.952 11.8671C232.952 14.3567 233.747 16.2478 235.337 17.5404C236.926 18.833 239.203 19.4794 242.168 19.4794C245.183 19.4794 247.516 18.8151 249.169 17.4865C250.809 16.146 251.629 14.2669 251.629 11.8492Z"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_4_23">
+            <rect width="256" height="80"/>
+        </clipPath>
+    </defs>
+</svg>
+
diff --git a/src/main.rs b/src/main.rs
@@ -243,6 +243,15 @@ fn sect2() -> impl Fn(&mut String) {
                 </a>
             </li>
         </ul>
+
+        <h3 class="text-l"><b>Black</b></h3>
+        <ul class="list-disc">
+            <li>
+                <a href="dynamic-logo.svg" class="underline block lg:inline-block lg:mt-0 text-black-200 hover:text-white mr-4">
+                    dynamic-logo.svg
+                </a>
+            </li>
+        </ul>
         
         <h3 class="text-l"><b>88x31 Buttons</b></h3>
         <ul class="list-disc">
