style(sponsors): redesign sponsor logos with improved layout and sizing

mrleeio · claude · mrleeio · commit 89a36c99d51d · 2025-10-04T18:57:26.000-07:00
- Convert sponsor logos to individual HTML includes with centered square viewBoxes - Replace inline SVG with modular logo components for better maintainability - Stack logos vertically above company names for cleaner presentation - Implement relative sizing (5em height) for consistent visual weight - Add proper spacing with container margins (my-5) and increased gaps (g-5) - Fix logo colors to use text-body instead of link color - Reduce company name text size (fs-6) for better hierarchy - Reposition sponsors section below carousel and stats for improved page flow - Remove old sponsor logo SVG files (clio_logo.svg, ne_logo.svg) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/_includes/sponsor_logos/clio.html b/_includes/sponsor_logos/clio.html
@@ -0,0 +1,13 @@
+<svg viewBox="0 0 1000 1000" style="height: 5em; width: auto;" fill="currentColor">
+  <g transform="translate(71, 71)">
+    <path d="M765.88,165.87l83.86-117.38l-104.5,93.29C667.27,57.55,555.82,4.76,432,4.76C196.32,4.76,5.29,195.8,5.29,431.49
+      c0,235.68,191.03,426.73,426.71,426.73c235.68,0,426.75-191.05,426.75-426.73C858.75,331.04,823.95,238.77,765.88,165.87z
+      M728.92,572.46c0,86.13-69.81,155.95-155.95,155.95H291.03c-86.12,0-155.96-69.83-155.96-155.95V290.53
+      c0-86.15,69.84-155.97,155.96-155.97h281.94c47.6,0,90.14,21.38,118.75,54.99L430.34,422.89L253.3,302.52l128.16,246.82
+      c0.8,1.35,1.96,2.56,2.88,3.87c0.5,0.68,0.97,1.34,1.52,2.01c1.26,1.69,2.3,3.48,3.78,5.07c1.23,1.32,2.68,2.32,4.03,3.52
+      c0.02,0.05,0.06,0.08,0.06,0.08c0.08,0.07,0.13,0.09,0.15,0.13c16.29,14.63,38.13,19.59,58.35,14.58c0.19-0.04,0.39-0.09,0.59-0.15
+      c3.64-0.93,7.19-2.19,10.66-3.78c0.56-0.24,1.10-0.52,1.62-0.78c3.05-1.5,5.97-3.23,8.81-5.25c0.89-0.61,1.72-1.3,2.6-1.98
+      c1.41-1.10,2.92-1.98,4.24-3.23c1.02-0.94,1.76-2.06,2.68-3.04c0.44-0.46,0.95-0.79,1.39-1.25l1.41-1.92
+      c1.8-2.19,3.47-4.43,4.95-6.79l226.69-317.33c7.06,17.79,11.06,37.14,11.06,57.44V572.46z"/>
+  </g>
+</svg>
diff --git a/_includes/sponsor_logos/gen_ii_fund.html b/_includes/sponsor_logos/gen_ii_fund.html
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 200 200" style="height: 5em; width: auto;" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <text x="100" y="110" font-family="Arial, sans-serif" font-size="48" font-weight="bold" text-anchor="middle">GEN II</text>
+</svg>
diff --git a/_includes/sponsor_logos/github.html b/_includes/sponsor_logos/github.html
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 100 100" style="height: 5em; width: auto;" className={className}>
+  <g transform="translate(50, 50) scale(4) translate(-12, -12)">
+    <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+  </g>
+</svg>
diff --git a/_includes/sponsor_logos/netsign.html b/_includes/sponsor_logos/netsign.html
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="logo-alt" viewBox="0 0 100 100" style="height: 5em; width: auto;" class="Logo">
+  <title id="logo-alt">Netsign</title>
+  <g fill="none" fill-rule="evenodd" transform="translate(17, 27.5)">
+    <g stroke="currentColor" stroke-width="2">
+      <path
+        d="M50.73 18.193V5.196a2.328 2.328 0 0 0-2.327-2.329h-.58a2.323 2.323 0 0 0-2.326 2.325v23.464a.581.581 0 0 1-.978.425l-5.323-4.968c-1.609-1.502-3.804-1.212-4.972.657l-.224.36 11.622 14.68 2.11 3.971h14.41L63.51 40.1c.076-.213 1.4-4.087 1.672-5.08.46-1.674.812-3.31 1.026-4.838.214-1.525.214-1.953.214-2.561">
+      </path>
+      <path
+        d="M55.958 24.578v-7.654c0-1.174-1.041-2.126-2.325-2.126h-.58c-1.285 0-2.326.949-2.326 2.122v6.897M61.19 25.72v-5.85c0-1.174-1.042-2.126-2.326-2.126h-.58c-1.285 0-2.326.949-2.326 2.123V24.79M66.422 27.62V22.14c0-1.175-1.042-2.126-2.326-2.126h-.58c-1.285 0-2.326.949-2.326 2.122v3.583M16.693 27.455v12.997a2.328 2.328 0 0 0 2.326 2.33h.58a2.323 2.323 0 0 0 2.326-2.326V16.992c0-.508.606-.772.978-.425l5.323 4.968c1.61 1.502 3.804 1.212 4.972-.657l.224-.359L21.8 5.84l-2.11-3.972H5.28L3.912 5.55c-.076.213-1.399 4.087-1.672 5.08-.459 1.674-.812 3.31-1.026 4.838C1 16.992 1 17.42 1 18.03">
+      </path>
+      <path
+        d="M14.37 15.137h-.58c-1.285 0-2.326.949-2.326 2.122v11.466c0 1.174 1.042 2.126 2.326 2.126h.58c1.285 0 2.326-.95 2.326-2.122V17.263c0-1.174-1.042-2.126-2.326-2.126Z">
+      </path>
+      <path
+        d="M9.138 14.137h-.58c-1.286 0-2.326.949-2.326 2.122v9.52c0 1.174 1.042 2.126 2.326 2.126h.58c1.285 0 2.326-.95 2.326-2.123v-9.519c0-1.174-1.042-2.126-2.326-2.126Z">
+      </path>
+      <path
+        d="M3.907 14.137h-.58C2.04 14.137 1 15.086 1 16.259V23.508c0 1.175 1.042 2.126 2.326 2.126h.58c1.285 0 2.326-.95 2.326-2.122V16.263c0-1.174-1.042-2.126-2.326-2.126Z">
+      </path>
+    </g>
+  </g>
+</svg>
diff --git a/_includes/sponsor_logos/ruby_central.html b/_includes/sponsor_logos/ruby_central.html
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 200 200" style="height: 5em; width: auto;" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(-67, -51.5)">
+    <path d="M153.228 118.287H180.834C185.806 118.287 190.545 120.399 193.869 124.097L209.984 142.023C215.776 148.467 215.991 158.176 210.489 164.87L180.571 201.269C174.425 208.747 163.38 209.827 155.902 203.68C155.022 202.957 154.214 202.15 153.491 201.269L123.573 164.87C118.071 158.176 118.286 148.467 124.078 142.023L140.194 124.097C143.518 120.399 148.256 118.287 153.228 118.287ZM153.228 131.919C152.123 131.919 151.07 132.388 150.331 133.21L134.216 151.137C132.929 152.569 132.881 154.726 134.104 156.214L164.022 192.614C164.183 192.809 164.362 192.989 164.558 193.149C166.22 194.515 168.674 194.275 170.04 192.614L199.958 156.214C201.181 154.726 201.133 152.569 199.846 151.137L183.731 133.21C182.992 132.388 181.939 131.919 180.834 131.919H153.228Z"/>
+  </g>
+</svg>
diff --git a/_includes/sponsor_logos/zayzoon.html b/_includes/sponsor_logos/zayzoon.html
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 200 200" style="height: 5em; width: auto;" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <g transform="translate(0, 1.65) scale(1)">
+    <polygon points="135.08 77.98 64.53 118.72 64.54 118.72 135.09 77.99 135.08 77.98" opacity="0"/>
+    <polygon points="135.08 77.98 135.09 77.99 64.54 118.72 96.81 137.35 199.62 77.99 135.08 40.73 135.08 77.98 135.08 77.98"/>
+    <polygon points="64.54 0 64.54 37.26 102.82 59.36 135.08 40.73 64.54 0" opacity="0.7"/>
+    <polygon points="64.54 155.98 135.08 196.71 135.08 159.45 96.81 137.35 64.54 155.98" opacity="0.8"/>
+    <polygon points="64.54 118.72 64.53 118.72 135.08 77.98 102.82 59.36 0 118.72 64.54 155.98 64.54 118.72 64.54 118.72"/>
+    <polygon points="64.54 118.72 64.54 118.72 64.54 155.98 64.54 155.98 96.81 137.35 64.54 118.72" opacity="0.6"/>
+    <polygon points="135.08 77.98 135.08 40.73 135.08 40.73 102.82 59.36 135.08 77.98 135.08 77.98" opacity="0.5"/>
+  </g>
+</svg>
diff --git a/assets/images/sponsors/clio.svg b/assets/images/sponsors/clio.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(0.282285,0,0,0.282285,131.007,378.197)">
+        <path d="M765.88,165.87L849.74,48.49L745.24,141.78C667.27,57.55 555.82,4.76 432,4.76C196.32,4.76 5.29,195.8 5.29,431.49C5.29,667.17 196.32,858.22 432,858.22C667.68,858.22 858.75,667.17 858.75,431.49C858.75,331.04 823.95,238.77 765.88,165.87ZM728.92,572.46C728.92,658.59 659.11,728.41 572.97,728.41L291.03,728.41C204.91,728.41 135.07,658.58 135.07,572.46L135.07,290.53C135.07,204.38 204.91,134.56 291.03,134.56L572.97,134.56C620.57,134.56 663.11,155.94 691.72,189.55L430.34,422.89L253.3,302.52L381.46,549.34C382.26,550.69 383.42,551.9 384.34,553.21C384.84,553.89 385.31,554.55 385.86,555.22C387.12,556.91 388.16,558.7 389.64,560.29C390.87,561.61 392.32,562.61 393.67,563.81C393.69,563.86 393.73,563.89 393.73,563.89C393.81,563.96 393.86,563.98 393.88,564.02C410.17,578.65 432.01,583.61 452.23,578.6C452.42,578.56 452.62,578.51 452.82,578.45C456.46,577.52 460.01,576.26 463.48,574.67C464.04,574.43 464.58,574.15 465.1,573.89C468.15,572.39 471.07,570.66 473.91,568.64C474.8,568.03 475.63,567.34 476.51,566.66C477.92,565.56 479.43,564.68 480.75,563.43C481.77,562.49 482.51,561.37 483.43,560.39C483.87,559.93 484.38,559.6 484.82,559.14L486.23,557.22C488.03,555.03 489.7,552.79 491.18,550.43L717.87,233.1C724.93,250.89 728.93,270.24 728.93,290.54L728.93,572.46L728.92,572.46Z" style="fill-rule:nonzero;"/>
+        <g>
+            <g id="Logotype_3_">
+                <path d="M1417.86,737.37C1223.22,737.37 1092.43,614.06 1092.43,430.56C1092.43,249.9 1226.26,123.75 1417.86,123.75C1544.21,123.75 1609.57,172.03 1626.19,186.39L1587.1,286.96C1561.94,266.22 1500.9,229.86 1426.19,229.86C1306.38,229.86 1225.88,309.45 1225.88,427.89C1225.88,543.97 1308.24,625.04 1426.19,625.04C1511.35,625.04 1565.97,591.52 1594.91,566.42L1637.07,660.91C1583.21,711.64 1509.49,737.37 1417.86,737.37Z" style="fill-rule:nonzero;"/>
+                <rect x="1696.72" y="132.62" width="129.73" height="594.09"/>
+                <path d="M1924.01,726.71L1924.01,307.41L2053.75,307.41L2053.75,726.71L1924.01,726.71ZM1988.87,238.73C1943.29,238.73 1913.84,213.38 1913.84,174.15C1913.84,135.51 1944,109.55 1988.87,109.55C2033.74,109.55 2063.9,135.5 2063.9,174.15C2063.9,213.37 2034.45,238.73 1988.87,238.73Z" style="fill-rule:nonzero;"/>
+                <path d="M2365.85,736.46C2219.84,736.46 2121.75,648.83 2121.75,518.38C2121.75,387.42 2219.85,299.41 2365.85,299.41C2511.31,299.41 2609.04,387.42 2609.04,518.38C2609.04,648.83 2511.31,736.46 2365.85,736.46ZM2365.85,393.11C2298.53,393.11 2253.31,442.38 2253.31,515.73C2253.31,589.06 2298.53,638.35 2365.85,638.35C2433.17,638.35 2478.39,589.06 2478.39,515.73C2478.39,442.38 2433.17,393.11 2365.85,393.11Z" style="fill-rule:nonzero;"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/assets/images/sponsors/clio_logo.svg b/assets/images/sponsors/clio_logo.svg
diff --git a/assets/images/sponsors/github.svg b/assets/images/sponsors/github.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(2.04062,0,0,2.04062,-236.648,-344.009)">
+        <g>
+            <g transform="matrix(1,0,0,1,72.9915,364.603)">
+                <path d="M177.281,41.988L147.014,41.988C146.233,41.988 145.6,42.622 145.6,43.403L145.6,58.201C145.6,58.982 146.233,59.618 147.014,59.618L158.821,59.618L158.821,78.003C158.821,78.003 156.17,78.907 148.84,78.907C140.193,78.907 128.113,75.747 128.113,49.183C128.113,22.614 140.692,19.118 152.501,19.118C162.724,19.118 167.127,20.918 169.93,21.785C170.811,22.055 171.625,21.178 171.625,20.397L175.001,6.099C175.001,5.733 174.877,5.293 174.461,4.994C173.323,4.182 166.38,0.297 148.84,0.297C128.634,0.297 107.908,8.894 107.908,50.219C107.908,91.545 131.638,97.704 151.635,97.704C168.192,97.704 178.236,90.628 178.236,90.628C178.65,90.4 178.695,89.821 178.695,89.556L178.695,43.403C178.695,42.622 178.062,41.988 177.281,41.988Z" style="fill:rgb(14,13,13);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(1,0,0,1,72.9915,364.603)">
+                <path d="M333.265,5.249C333.265,4.462 332.641,3.826 331.859,3.826L314.817,3.826C314.039,3.826 313.406,4.462 313.406,5.249C313.406,5.253 313.411,38.183 313.411,38.183L286.846,38.183L286.846,5.249C286.846,4.462 286.22,3.826 285.44,3.826L268.399,3.826C267.624,3.826 266.991,4.462 266.991,5.249L266.991,94.427C266.991,95.213 267.624,95.853 268.399,95.853L285.44,95.853C286.22,95.853 286.846,95.213 286.846,94.427L286.846,56.282L313.411,56.282C313.411,56.282 313.364,94.424 313.364,94.427C313.364,95.213 313.996,95.853 314.776,95.853L331.858,95.853C332.639,95.853 333.263,95.213 333.265,94.427L333.265,5.249Z" style="fill:rgb(14,13,13);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(1,0,0,1,72.9915,364.603)">
+                <path d="M208.222,93.564L208.222,34.45C208.222,33.669 207.591,33.03 206.812,33.03L189.823,33.03C189.044,33.03 188.347,33.833 188.347,34.615L188.347,93.592C188.347,95.325 189.427,95.84 190.824,95.84L206.13,95.84C207.81,95.84 208.222,95.016 208.222,93.564Z" style="fill:rgb(14,13,13);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(1,0,0,1,72.9915,364.603)">
+                <path d="M398.032,33.164L381.121,33.164C380.346,33.164 379.714,33.803 379.714,34.59L379.714,78.316C379.714,78.316 375.417,81.46 369.319,81.46C363.222,81.46 361.604,78.693 361.604,72.722L361.604,34.59C361.604,33.803 360.974,33.164 360.197,33.164L343.033,33.164C342.259,33.164 341.624,33.803 341.624,34.59L341.624,75.609C341.624,93.344 351.508,97.683 365.105,97.683C376.261,97.683 385.255,91.52 385.255,91.52C385.255,91.52 385.683,94.768 385.877,95.153C386.07,95.537 386.575,95.925 387.121,95.925L398.04,95.877C398.814,95.877 399.449,95.237 399.449,94.453L399.443,34.59C399.443,33.803 398.812,33.164 398.032,33.164Z" style="fill:rgb(14,13,13);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(1,0,0,1,72.9915,364.603)">
+                <path d="M437.584,81.406C431.718,81.227 427.739,78.565 427.739,78.565L427.739,50.325C427.739,50.325 431.664,47.919 436.48,47.489C442.57,46.943 448.438,48.783 448.438,63.31C448.438,78.63 445.79,81.653 437.584,81.406ZM444.254,31.161C434.649,31.161 428.116,35.446 428.116,35.446L428.116,5.249C428.116,4.462 427.486,3.826 426.71,3.826L409.619,3.826C408.842,3.826 408.211,4.462 408.211,5.249L408.211,94.427C408.211,95.213 408.842,95.853 409.621,95.853L421.479,95.853C422.013,95.853 422.417,95.578 422.716,95.096C423.011,94.617 423.436,90.984 423.436,90.984C423.436,90.984 430.424,97.607 443.653,97.607C459.185,97.607 468.092,89.729 468.092,62.241C468.092,34.753 453.866,31.161 444.254,31.161Z" style="fill:rgb(14,13,13);fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(1,0,0,1,72.9915,364.603)">
+                <path d="M257.202,33.022L244.418,33.022C244.418,33.022 244.399,16.137 244.399,16.133C244.399,15.494 244.069,15.174 243.33,15.174L225.91,15.174C225.232,15.174 224.869,15.473 224.869,16.123L224.869,33.576C224.869,33.576 216.139,35.683 215.548,35.853C214.961,36.024 214.528,36.566 214.528,37.213L214.528,48.18C214.528,48.968 215.158,49.604 215.937,49.604L224.869,49.604L224.869,75.989C224.869,95.585 238.615,97.51 247.89,97.51C252.129,97.51 257.199,96.149 258.036,95.84C258.542,95.654 258.836,95.13 258.836,94.561L258.851,82.497C258.851,81.71 258.186,81.073 257.437,81.073C256.691,81.073 254.787,81.376 252.825,81.376C246.545,81.376 244.418,78.457 244.418,74.678C244.418,70.901 244.417,49.604 244.417,49.604L257.202,49.604C257.98,49.604 258.612,48.968 258.612,48.18L258.612,34.443C258.612,33.656 257.98,33.022 257.202,33.022Z" style="fill:rgb(14,13,13);fill-rule:nonzero;"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/assets/images/sponsors/ne_logo.svg b/assets/images/sponsors/ne_logo.svg
diff --git a/assets/images/sponsors/zayzoon.svg b/assets/images/sponsors/zayzoon.svg
diff --git a/index.html b/index.html

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<svg viewBox="0 0 200 200" style="height: 5em; width: auto;" fill="currentColor" xmlns="http://www.w3.org/2000/svg">`
	`2`	`+ <text x="100" y="110" font-family="Arial, sans-serif" font-size="48" font-weight="bold" text-anchor="middle">GEN II</text>`
	`3`	`+</svg>`