justin/hpe-branding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial mirror of the HPE Design System

Browse Source 
Readable mirror of https://design-system.hpe.design, sourced from
github.com/grommet/hpe-design-system (Apache-2.0) at commit 567c4d5
(2026-07-16).

The upstream site is a client-rendered Next.js export with no sitemap; it
returns a 1.5 KB empty shell to curl. This repo is the same guidance in plain
Markdown with every value resolved, plus the assets checked in.

Docs: scope and authority model, brand foundations with resolved color and
spacing tables, the design token tiers and version map, UI copy rules,
accessibility conformance and the responsibility split, the component and
template inventory, and an adoption/review checklist.

Assets: 452 SVG icons, 5 HPE and Aruba word-marks, 282 documentation graphics.

HOWTO-mirror-the-design-system.md is a verified runbook for rebuilding this
from scratch against a newer upstream.

Colors were resolved programmatically, not transcribed: token JSON stores
references, not values.

Apache-2.0 upstream. Note that it covers copyright, not trademark; Brand
Central remains authoritative for the HPE marks.
This commit is contained in:
claude
2026-07-30 08:34:50 -04:00
commit 0730557624
752 changed files with 8423 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/site-images/extendImages/extend-preview-chomp.svg
+14
View File
@@ -0,0 +1,14 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M173.012 137.012C150.362 159.663 113.638 159.663 90.9878 137.012C68.3374 114.362 68.3374 77.6382 90.9878 54.9878C113.638 32.3374 150.362 32.3374 173.012 54.9878L131.476 97.9756L173.012 137.012Z" fill="#FEC901"/>
<circle cx="191.976" cy="95.9756" r="12" fill="#A2423D"/>
<circle cx="239.976" cy="95.9756" r="12" fill="#FF8300"/>
<circle cx="287.976" cy="95.9756" r="12" fill="#7630EA"/>
<circle cx="335.976" cy="95.9756" r="12" fill="#00E8CF"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="336" height="192" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 688 B

assets/site-images/extendImages/extend-preview-designer-guidance-invert.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M189.792 62.0415C194.831 62.0415 198.917 66.1269 198.917 71.1665V90.9373C198.917 94.9093 196.798 97.4928 194.149 99.1326C191.721 100.636 188.605 101.502 186.064 102.228C183.283 103.022 181.074 103.678 179.511 104.646C178.168 105.477 177.625 106.316 177.625 107.667V119.833C177.625 124.873 173.54 128.958 168.5 128.958C163.46 128.958 159.375 124.873 159.375 119.833V107.667C159.375 106.316 158.832 105.477 157.489 104.646C155.926 103.678 153.718 103.022 150.936 102.228C148.395 101.502 145.279 100.636 142.851 99.1326C140.202 97.4928 138.083 94.9093 138.083 90.9373V71.1665C138.083 66.1269 142.169 62.0415 147.208 62.0415H189.792ZM144.167 90.9373C144.167 92.2882 144.71 93.1267 146.053 93.9582C147.616 94.9259 149.824 95.5814 152.606 96.3761C155.146 97.1021 158.262 97.9679 160.691 99.4712C163.34 101.111 165.458 103.695 165.458 107.667V119.833C165.458 121.513 166.82 122.875 168.5 122.875C170.18 122.875 171.542 121.513 171.542 119.833V107.667C171.542 103.695 173.66 101.111 176.309 99.4712C178.738 97.9679 181.854 97.1021 184.395 96.3761C187.176 95.5814 189.384 94.9259 190.947 93.9582C192.29 93.1267 192.833 92.2882 192.833 90.9373V89.4165H144.167V90.9373ZM147.208 68.1248C145.529 68.1248 144.167 69.4866 144.167 71.1665V83.3332H192.833V71.1665C192.833 69.4866 191.472 68.1248 189.792 68.1248H185.229V77.2498C185.229 78.9297 183.867 80.2915 182.188 80.2915C180.508 80.2915 179.146 78.9297 179.146 77.2498V68.1248H177.625V71.1665C177.625 72.8464 176.263 74.2082 174.583 74.2082C172.904 74.2082 171.542 72.8464 171.542 71.1665V68.1248H147.208Z" fill="#E6E8E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

assets/site-images/extendImages/extend-preview-designer-guidance.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M189.792 62.0417C194.831 62.0417 198.917 66.1271 198.917 71.1667V90.9375C198.917 94.9095 196.798 97.493 194.149 99.1328C191.721 100.636 188.605 101.502 186.064 102.228C183.283 103.023 181.075 103.678 179.511 104.646C178.168 105.477 177.625 106.316 177.625 107.667V119.833C177.625 124.873 173.54 128.958 168.5 128.958C163.461 128.958 159.375 124.873 159.375 119.833V107.667C159.375 106.316 158.832 105.477 157.489 104.646C155.926 103.678 153.718 103.023 150.936 102.228C148.395 101.502 145.28 100.636 142.851 99.1328C140.202 97.493 138.083 94.9095 138.083 90.9375V71.1667C138.083 66.1271 142.169 62.0417 147.208 62.0417H189.792ZM144.167 90.9375C144.167 92.2884 144.71 93.1269 146.053 93.9584C147.616 94.9261 149.824 95.5816 152.606 96.3763C155.147 97.1022 158.262 97.9681 160.691 99.4714C163.34 101.111 165.458 103.695 165.458 107.667V119.833C165.458 121.513 166.82 122.875 168.5 122.875C170.18 122.875 171.542 121.513 171.542 119.833V107.667C171.542 103.695 173.66 101.111 176.309 99.4714C178.738 97.9681 181.854 97.1022 184.395 96.3763C187.176 95.5816 189.384 94.9261 190.947 93.9584C192.29 93.1269 192.833 92.2884 192.833 90.9375V89.4167H144.167V90.9375ZM147.208 68.125C145.529 68.125 144.167 69.4868 144.167 71.1667V83.3334H192.833V71.1667C192.833 69.4868 191.472 68.125 189.792 68.125H185.229V77.25C185.229 78.9299 183.868 80.2917 182.188 80.2917C180.508 80.2917 179.146 78.9299 179.146 77.25V68.125H177.625V71.1667C177.625 72.8466 176.263 74.2084 174.583 74.2084C172.904 74.2084 171.542 72.8466 171.542 71.1667V68.125H147.208Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

assets/site-images/extendImages/extend-preview-designer.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="165" cy="110" r="30" fill="#FF8300"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M178 137C178 137 177.5 137.5 176 138C174.5 138.5 174 138.5 174 138.5C158.04 111.34 156.431 110.385 154.831 106.268C152.432 100.092 160.499 60.5608 161.373 55.6016C162.247 50.6424 162.906 48.9359 166.23 47.8297C169.555 46.7235 174.09 51.7738 176.46 56.3458C178.831 60.9178 170.871 67.3399 168.429 73.8015C166.801 78.1093 163.575 87.9124 158.75 103.211L178 137Z" fill="#7630EA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M196.385 39.234C199.271 37.5661 199.019 33.9497 199.333 32.7765C200.673 27.7719 205.853 25.7342 209.678 26.0275C213.502 26.3208 214.291 27.0207 215.808 28.2137C216.054 28.4077 216.124 28.897 216.018 29.6817L207.324 34.7063C206.691 35.0723 206.441 35.8612 206.748 36.5257L207.944 39.1181C208.266 39.8144 209.083 40.1276 209.787 39.8243L219 35.854C219.718 36.2506 220.068 36.6214 220.051 36.9665C219.906 39.76 219.526 41.7666 217.324 44.8505C214.983 48.1296 209.882 48.9591 205.898 47.4795C204.647 47.0153 201.702 44.8889 198.649 46.2679C195.597 47.6469 147.753 75.106 146.31 75.9399C144.867 76.7738 142.53 76.3912 141.531 74.6579C140.531 72.9246 140.913 70.5851 142.933 69.4176C144.953 68.2501 193.499 40.9019 196.385 39.234ZM143.297 71.7247C143.024 72.7447 143.629 73.7932 144.649 74.0665C145.669 74.3398 146.717 73.7345 146.991 72.7145C147.264 71.6944 146.659 70.646 145.639 70.3727C144.619 70.0994 143.57 70.7047 143.297 71.7247Z" fill="#999999"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M188.241 56.6708C184.371 63.2466 176.496 66.2447 172.039 67.4014C167.582 68.5581 163.3 70.9092 162.249 63.7427C160.039 48.6685 164.835 46.9507 174.832 42.8881C180.211 40.7022 182.612 44.6112 185.105 48.1832C187.245 51.2501 190.029 53.6332 188.241 56.6708Z" fill="#9454FF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

assets/site-images/extendImages/extend-preview-developer-guidance-invert.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M180.539 65.9565L162.289 126.79L156.461 125.043L174.711 64.21L180.539 65.9565Z" fill="#E6E8E9"/>
<path d="M155.442 82.4421L142.384 95.4999L155.442 108.558L151.141 112.859L133.782 95.4999L151.141 78.141L155.442 82.4421Z" fill="#E6E8E9"/>
<path d="M203.218 95.4999L185.859 112.859L181.558 108.558L194.616 95.4999L181.558 82.4421L185.859 78.141L203.218 95.4999Z" fill="#E6E8E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 493 B

assets/site-images/extendImages/extend-preview-developer-guidance.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M180.539 65.9566L162.289 126.79L156.461 125.043L174.711 64.21L180.539 65.9566Z" fill="#3E4550"/>
<path d="M155.442 82.4422L142.384 95.5L155.442 108.558L151.141 112.859L133.782 95.5L151.141 78.1411L155.442 82.4422Z" fill="#3E4550"/>
<path d="M203.218 95.5L185.859 112.859L181.558 108.558L194.616 95.5L181.558 82.4422L185.859 78.1411L203.218 95.5Z" fill="#3E4550"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 480 B

assets/site-images/extendImages/extend-preview-grommet-invert.svg
+20
View File
@@ -0,0 +1,20 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="336" height="192" fill="#552B9D"/>
<path d="M214.068 37.871C219.532 42.2723 222.647 49.6385 217.775 55.6234C212.904 61.6083 201.852 65.1973 195.796 60.3182C189.739 55.4391 190.97 43.9394 195.842 37.9545C200.714 31.9696 208.605 33.4697 214.068 37.871Z" fill="#885BDF"/>
<path d="M117.869 56.1079C112.989 50.1043 116.079 42.7401 121.521 38.35C126.963 33.9599 134.836 32.4803 139.716 38.484C141.521 40.7043 142.831 43.6781 143.46 46.7906C162.504 40.5518 198.569 43.1156 203.623 54.482C207.214 62.5581 209.516 88.4036 210.957 114.086C211.55 124.652 211.997 142.789 212.329 152.051C212.954 169.527 212.847 191.92 212.847 191.92H123.46C123.46 191.92 123.017 169.527 123.641 152.051C123.971 142.789 124.417 124.652 125.009 114.086C126.11 94.4462 127.713 74.7109 130.013 62.8998C125.341 62.1265 120.624 59.4964 117.869 56.1079Z" fill="#9060EB"/>
<path d="M201.314 191.92C199.994 173.31 185.501 164.876 168.007 164.876C150.561 164.876 136.381 173.419 134.994 191.92H201.314Z" fill="#6CF5AA"/>
<path d="M165.381 168.518C161.785 167.061 158.899 164.992 156.724 162.312C159.783 163.559 164.354 164.475 170.438 165.062C179.564 165.942 178.207 173.37 165.381 168.518Z" fill="#6CF5AA"/>
<path d="M203.444 54.5373C206.617 61.6577 209.272 85.5989 210.834 113.04C212.396 140.481 212.847 191.92 212.847 191.92H188.05C188.57 182.884 188.189 174.551 186.258 168.676C181.032 152.771 174.932 152.332 168.336 146.95C161.739 141.568 188.258 150.96 186.258 122.449C190.342 105.25 179.255 93.1624 176.408 86.7999C171.73 76.3415 184.562 71.9074 184.562 64.7596C184.562 56.5396 187.611 45.8354 168.336 43.4675C193.716 44.4292 201.329 49.793 203.444 54.5373Z" fill="black" fill-opacity="0.05"/>
<path d="M212.904 177.909C213.011 171.823 213.982 165.78 215.818 159.779C211.185 162.671 208.818 167.008 208.717 172.789C208.565 181.461 212.744 187.038 212.904 177.909Z" fill="#885BDF"/>
<path d="M189.275 82.9704C185.06 87.1675 187.871 94.7815 184.367 91.2918C180.862 87.8021 180.856 82.1498 184.354 78.667C187.852 75.1842 193.528 75.1898 197.033 78.6796C200.538 82.1693 193.49 78.7732 189.275 82.9704Z" fill="#7A52C7"/>
<path d="M147.56 88.7701C151.775 84.573 148.964 76.959 152.468 80.4487C155.973 83.9384 155.979 89.5907 152.481 93.0735C148.983 96.5562 143.307 96.5506 139.802 93.0609C136.297 89.5712 143.344 92.9672 147.56 88.7701Z" fill="#976AEB"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M145.082 92.0692C141.738 92.0692 139.027 89.4163 139.027 86.1438C139.027 82.8714 141.738 80.2185 145.082 80.2185C148.426 80.2185 151.137 82.8714 151.137 86.1438C151.137 89.4163 148.426 92.0692 145.082 92.0692ZM168.293 101.945C166.275 101.945 161.229 99.052 161.229 95.7795C161.229 92.507 164.949 92.0693 168.293 92.0693C171.637 92.0693 175.357 92.507 175.357 95.7795C175.357 99.052 170.312 101.945 168.293 101.945ZM185.449 86.1439C185.449 89.4164 188.16 92.0692 191.504 92.0692C194.848 92.0692 197.559 89.4164 197.559 86.1439C197.559 82.8714 194.848 80.2186 191.504 80.2186C188.16 80.2186 185.449 82.8714 185.449 86.1439Z" fill="#333333"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M189.252 82.9556C188.411 82.9556 187.729 83.6237 187.729 84.4478C187.729 85.2719 188.411 85.94 189.252 85.94C190.093 85.94 190.774 85.2719 190.774 84.4478C190.774 83.6237 190.093 82.9556 189.252 82.9556ZM141.728 84.4478C141.728 83.6237 142.41 82.9556 143.251 82.9556C144.092 82.9556 144.773 83.6237 144.773 84.4478C144.773 85.272 144.092 85.9401 143.251 85.9401C142.41 85.9401 141.728 85.272 141.728 84.4478ZM166.025 96.0606C164.644 96.0606 163.525 95.6085 163.525 95.0508C163.525 94.4931 164.644 94.041 166.025 94.041C167.406 94.041 168.525 94.4931 168.525 95.0508C168.525 95.6085 167.406 96.0606 166.025 96.0606Z" fill="white" fill-opacity="0.3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M194.599 71.6066L195.816 72.3819C193.068 71.9266 190.832 71.577 189.106 71.3329L188.211 71.2895C182.747 71.0256 178.892 71.0063 178.892 71.0063C178.715 71.0048 178.563 70.8631 178.552 70.682L178.125 63.7405C178.062 63.2809 177.917 62.4936 177.692 61.3787L182.413 63.864L182.439 63.8681L181.993 62.9364L185.527 64.3715L185.528 64.389C186.582 64.5818 187.707 64.8034 188.869 65.0558C194.541 66.2874 199.234 67.6653 199.234 67.6653C199.405 67.7145 199.506 67.8939 199.46 68.0657L198.552 71.4957C198.507 71.6676 198.326 71.7993 198.151 71.7901C198.151 71.7901 196.767 71.717 194.599 71.6066ZM135.806 68.0465L134.653 67.7907L138.084 66.9759C139.898 66.4639 142.735 65.7012 145.893 64.9903C146.861 64.7725 147.802 64.5786 148.693 64.4068L148.143 63.8296H151.708L150.219 62.8806H155.401C155.896 62.8806 156.08 63.1201 156.134 63.4424C156.154 63.4828 156.164 63.5299 156.161 63.5812L156.153 63.7419C156.152 63.7709 156.151 63.8002 156.15 63.8296C156.15 63.8394 156.149 63.8493 156.147 63.8592L155.793 70.8111C155.784 70.9859 155.633 71.1295 155.456 71.1298C155.456 71.1298 151.787 71.1232 146.566 71.3552C141.345 71.5872 137.084 71.7974 137.084 71.7974C136.907 71.8061 136.728 71.6737 136.685 71.5018L135.806 68.0465ZM162.626 133.564C162.626 134.124 163.083 134.577 163.647 134.577H172.716C173.28 134.577 173.737 134.124 173.737 133.564C173.737 133.005 173.28 132.552 172.716 132.552H163.647C163.083 132.552 162.626 133.005 162.626 133.564Z" fill="#6D49B2"/>
<path d="M167.64 126.892C186.407 126.892 201.622 120.572 201.622 112.636C201.622 104.699 186.407 110.235 167.64 110.235C148.872 110.235 133.658 104.699 133.658 112.636C133.658 120.572 148.872 126.892 167.64 126.892Z" fill="#8F2E2E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M189.816 113.652C191.04 113.652 192.02 110.164 192.509 108.357C190.55 108.357 187.122 108.808 187.122 108.808C187.133 108.846 187.145 108.884 187.157 108.924C187.658 110.542 188.62 113.652 189.816 113.652ZM148.918 108.808C148.918 108.808 145.489 108.357 143.53 108.357C144.02 110.164 144.999 113.389 146.224 113.389C147.448 113.389 148.428 110.39 148.918 108.808Z" fill="white"/>
<path d="M168.779 112.139C180.627 112.139 190.231 114.513 190.231 118.904C190.231 124.92 180.627 126.135 168.779 126.135C156.931 126.135 147.327 126.025 147.327 118.904C147.327 114.513 156.931 112.139 168.779 112.139Z" fill="#7F2828"/>
<path d="M157.578 112.888C161.702 112.398 166.705 113.129 167.41 115.315C168.114 117.5 166.47 118.169 166.486 119.66C166.502 121.151 167.499 121.975 168.585 121.975C169.636 121.975 170.634 121.151 170.65 119.66C170.666 118.169 169.021 117.5 169.726 115.315C170.431 113.129 176.554 112.376 179.98 112.888L177.855 111.383H159.232L157.578 112.888Z" fill="#8F2E2E"/>
<path d="M181.119 125.614C181.121 125.332 179.57 124.158 174.733 123.265C171.342 122.64 169.703 124.101 168.998 124.101C168.293 124.101 166.514 122.64 163.124 123.265C158.286 124.158 156.439 125.63 156.439 125.614C165.855 126.508 171.127 127.085 181.119 125.614Z" fill="#AE3939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M190.388 112.245C191.18 112.245 191.813 109.683 192.13 108.357C190.863 108.357 188.646 108.688 188.646 108.688C188.654 108.716 188.662 108.744 188.669 108.773C188.993 109.961 189.615 112.245 190.388 112.245ZM148.927 108.829C148.927 108.829 148.43 108.702 147.185 108.605C147.35 109.296 147.199 110.535 147.074 111.563C146.959 112.508 146.865 113.274 147.059 113.274C147.462 113.274 148.61 109.989 148.927 108.829Z" fill="black" fill-opacity="0.05"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

assets/site-images/extendImages/extend-preview-grommet.svg
+20
View File
@@ -0,0 +1,20 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="336" height="192" fill="#FEC901"/>
<path d="M214.635 37.871C220.098 42.2723 223.214 49.6385 218.342 55.6234C213.47 61.6083 202.419 65.1973 196.362 60.3182C190.306 55.4391 191.537 43.9394 196.409 37.9545C201.281 31.9696 209.171 33.4697 214.635 37.871Z" fill="#885BDF"/>
<path d="M118.436 56.1078C113.556 50.1041 116.646 42.74 122.088 38.3499C127.53 33.9598 135.403 32.4802 140.283 38.4839C142.088 40.7042 143.398 43.678 144.027 46.7905C163.071 40.5517 199.136 43.1155 204.19 54.4819C207.781 62.558 210.083 88.4035 211.524 114.086C212.117 124.652 212.564 142.789 212.896 152.051C213.521 169.527 213.414 191.92 213.414 191.92H124.027C124.027 191.92 123.584 169.527 124.208 152.051C124.538 142.789 124.984 124.652 125.576 114.086C126.676 94.4461 128.28 74.7108 130.58 62.8997C125.908 62.1264 121.191 59.4963 118.436 56.1078Z" fill="#9060EB"/>
<path d="M201.88 191.92C200.561 173.31 186.068 164.876 168.574 164.876C151.128 164.876 136.947 173.419 135.561 191.92H201.88Z" fill="#6CF5AA"/>
<path d="M165.948 168.518C162.352 167.061 159.466 164.992 157.291 162.312C160.35 163.559 164.921 164.475 171.005 165.062C180.131 165.942 178.774 173.37 165.948 168.518Z" fill="#6CF5AA"/>
<path d="M204.011 54.5374C207.184 61.6579 209.839 85.599 211.401 113.04C212.963 140.481 213.415 191.92 213.415 191.92H188.617C189.137 182.884 188.756 174.551 186.825 168.676C181.599 152.771 175.499 152.332 168.903 146.95C162.306 141.568 188.825 150.96 186.825 122.45C190.909 105.25 179.822 93.1625 176.976 86.8C172.297 76.3417 185.129 71.9076 185.129 64.7597C185.129 56.5398 188.178 45.8355 168.903 43.4677C194.284 44.4293 201.896 49.7931 204.011 54.5374Z" fill="black" fill-opacity="0.05"/>
<path d="M213.472 177.909C213.578 171.823 214.55 165.78 216.386 159.779C211.753 162.671 209.385 167.008 209.284 172.789C209.132 181.461 213.312 187.038 213.472 177.909Z" fill="#885BDF"/>
<path d="M189.842 82.9704C185.627 87.1675 188.438 94.7815 184.934 91.2918C181.429 87.8021 181.423 82.1498 184.921 78.667C188.419 75.1842 194.095 75.1898 197.6 78.6796C201.105 82.1693 194.058 78.7732 189.842 82.9704Z" fill="#7A52C7"/>
<path d="M148.127 88.7702C152.342 84.5731 149.531 76.9591 153.035 80.4488C156.54 83.9385 156.546 89.5908 153.048 93.0736C149.55 96.5564 143.874 96.5508 140.369 93.061C136.864 89.5713 143.912 92.9674 148.127 88.7702Z" fill="#976AEB"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M145.649 92.0692C142.305 92.0692 139.594 89.4163 139.594 86.1438C139.594 82.8714 142.305 80.2185 145.649 80.2185C148.993 80.2185 151.704 82.8714 151.704 86.1438C151.704 89.4163 148.993 92.0692 145.649 92.0692ZM168.86 101.945C166.842 101.945 161.796 99.052 161.796 95.7795C161.796 92.507 165.516 92.0693 168.86 92.0693C172.204 92.0693 175.924 92.507 175.924 95.7795C175.924 99.052 170.878 101.945 168.86 101.945ZM186.016 86.1439C186.016 89.4164 188.727 92.0692 192.071 92.0692C195.415 92.0692 198.126 89.4164 198.126 86.1439C198.126 82.8714 195.415 80.2186 192.071 80.2186C188.727 80.2186 186.016 82.8714 186.016 86.1439Z" fill="#333333"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M189.819 82.9557C188.978 82.9557 188.296 83.6238 188.296 84.4479C188.296 85.272 188.978 85.9401 189.819 85.9401C190.66 85.9401 191.341 85.272 191.341 84.4479C191.341 83.6238 190.66 82.9557 189.819 82.9557ZM142.295 84.448C142.295 83.6238 142.977 82.9557 143.818 82.9557C144.658 82.9557 145.34 83.6238 145.34 84.448C145.34 85.2721 144.658 85.9402 143.818 85.9402C142.977 85.9402 142.295 85.2721 142.295 84.448ZM166.592 96.0607C165.211 96.0607 164.092 95.6086 164.092 95.0509C164.092 94.4932 165.211 94.0411 166.592 94.0411C167.973 94.0411 169.092 94.4932 169.092 95.0509C169.092 95.6086 167.973 96.0607 166.592 96.0607Z" fill="white" fill-opacity="0.3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M195.166 71.6067L196.382 72.382C193.635 71.9268 191.399 71.5771 189.673 71.3331L188.778 71.2896C183.314 71.0257 179.459 71.0064 179.459 71.0064C179.282 71.0049 179.13 70.8632 179.119 70.6821L178.692 63.7406C178.628 63.281 178.484 62.4937 178.259 61.3788L182.98 63.8641L183.006 63.8682L182.56 62.9366L186.094 64.3716L186.095 64.3891C187.149 64.5819 188.274 64.8035 189.436 65.0559C195.108 66.2875 199.801 67.6654 199.801 67.6654C199.972 67.7146 200.073 67.894 200.027 68.0658L199.119 71.4958C199.074 71.6677 198.893 71.7995 198.718 71.7903C198.718 71.7903 197.334 71.7171 195.166 71.6067ZM136.373 68.0467L135.22 67.7908L138.651 66.976C140.465 66.4641 143.301 65.7013 146.46 64.9904C147.428 64.7727 148.368 64.5787 149.26 64.4069L148.71 63.8298H152.275L150.786 62.8807H155.968C156.463 62.8807 156.647 63.1202 156.701 63.4425C156.721 63.4829 156.731 63.53 156.728 63.5813L156.72 63.742C156.719 63.771 156.718 63.8003 156.717 63.8298C156.716 63.8396 156.715 63.8494 156.714 63.8593L156.36 70.8112C156.351 70.9861 156.2 71.1296 156.023 71.13C156.023 71.13 152.353 71.1233 147.133 71.3553C141.912 71.5873 137.651 71.7975 137.651 71.7975C137.473 71.8062 137.295 71.6739 137.251 71.5019L136.373 68.0467ZM163.193 133.565C163.193 134.124 163.65 134.577 164.213 134.577H173.283C173.847 134.577 174.304 134.124 174.304 133.565C174.304 133.006 173.847 132.552 173.283 132.552H164.213C163.65 132.552 163.193 133.006 163.193 133.565Z" fill="#6D49B2"/>
<path d="M168.206 126.892C186.974 126.892 202.188 120.573 202.188 112.636C202.188 104.699 186.974 110.235 168.206 110.235C149.439 110.235 134.225 104.699 134.225 112.636C134.225 120.573 149.439 126.892 168.206 126.892Z" fill="#8F2E2E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M190.382 113.653C191.607 113.653 192.587 110.164 193.076 108.357C191.117 108.357 187.689 108.809 187.689 108.809C187.7 108.846 187.712 108.884 187.724 108.924C188.225 110.542 189.187 113.653 190.382 113.653ZM149.484 108.809C149.484 108.809 146.056 108.357 144.097 108.357C144.586 110.164 145.566 113.389 146.791 113.389C148.015 113.389 148.995 110.39 149.484 108.809Z" fill="white"/>
<path d="M169.346 112.14C181.193 112.14 190.798 114.513 190.798 118.904C190.798 124.92 181.193 126.135 169.346 126.135C157.498 126.135 147.894 126.026 147.894 118.904C147.894 114.513 157.498 112.14 169.346 112.14Z" fill="#7F2828"/>
<path d="M158.145 112.888C162.269 112.398 167.272 113.129 167.976 115.314C168.681 117.5 167.036 118.169 167.052 119.66C167.068 121.151 168.066 121.974 169.151 121.974C170.203 121.974 171.2 121.151 171.216 119.66C171.232 118.169 169.588 117.5 170.293 115.314C170.997 113.129 177.121 112.376 180.546 112.888L178.422 111.383H159.799L158.145 112.888Z" fill="#8F2E2E"/>
<path d="M181.685 125.614C181.688 125.331 180.137 124.157 175.3 123.265C171.909 122.639 170.27 124.101 169.565 124.101C168.86 124.101 167.081 122.639 163.69 123.265C158.853 124.157 157.006 125.63 157.006 125.614C166.422 126.508 171.694 127.085 181.685 125.614Z" fill="#AE3939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M190.955 112.245C191.746 112.245 192.38 109.683 192.696 108.357C191.43 108.357 189.213 108.688 189.213 108.688C189.22 108.716 189.228 108.744 189.236 108.773C189.56 109.961 190.182 112.245 190.955 112.245ZM149.494 108.829C149.494 108.829 148.997 108.702 147.752 108.605C147.917 109.296 147.766 110.535 147.64 111.563C147.525 112.508 147.432 113.274 147.625 113.274C148.029 113.274 149.177 109.99 149.494 108.829Z" fill="black" fill-opacity="0.05"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

assets/site-images/extendImages/extend-preview-hpe-docs-invert.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="336" height="192" fill="#5F2A27"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M135 67C135 61.4772 139.477 57 145 57H203C204.105 57 205 56.1046 205 55C205 53.8954 204.105 53 203 53H145C137.268 53 131 59.268 131 67V127C131 128.105 131.895 129 133 129C134.105 129 135 128.105 135 127V67ZM153 65C147.477 65 143 69.4772 143 75C143 80.5228 147.477 85 153 85C158.523 85 163 80.5228 163 75C163 69.4772 158.523 65 153 65ZM147 75C147 71.6863 149.686 69 153 69C156.314 69 159 71.6863 159 75C159 78.3137 156.314 81 153 81C149.686 81 147 78.3137 147 75ZM174 65C170.686 65 168 67.6863 168 71V79C168 82.3137 170.686 85 174 85H196C199.314 85 202 82.3137 202 79V71C202 67.6863 199.314 65 196 65H174ZM172 71C172 69.8954 172.895 69 174 69H196C197.105 69 198 69.8954 198 71V79C198 80.1046 197.105 81 196 81H174C172.895 81 172 80.1046 172 79V71ZM143 96C143 94.8954 143.895 94 145 94H181C182.105 94 183 94.8954 183 96C183 97.1046 182.105 98 181 98H145C143.895 98 143 97.1046 143 96ZM145 118C143.895 118 143 118.895 143 120C143 121.105 143.895 122 145 122H170C171.105 122 172 121.105 172 120C172 118.895 171.105 118 170 118H145ZM143 108C143 106.895 143.895 106 145 106H153C154.105 106 155 106.895 155 108C155 109.105 154.105 110 153 110H145C143.895 110 143 109.105 143 108ZM161 106C159.895 106 159 106.895 159 108C159 109.105 159.895 110 161 110H192C193.105 110 194 109.105 194 108C194 106.895 193.105 106 192 106H161ZM187 96C187 94.8954 187.895 94 189 94H200C201.105 94 202 94.8954 202 96C202 97.1046 201.105 98 200 98H189C187.895 98 187 97.1046 187 96Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

assets/site-images/extendImages/extend-preview-hpe-docs.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="336" height="192" fill="#FF4F4F"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M135 72C135 66.4772 139.477 62 145 62H203C204.105 62 205 61.1046 205 60C205 58.8954 204.105 58 203 58H145C137.268 58 131 64.268 131 72V132C131 133.105 131.895 134 133 134C134.105 134 135 133.105 135 132V72ZM153 70C147.477 70 143 74.4772 143 80C143 85.5228 147.477 90 153 90C158.523 90 163 85.5228 163 80C163 74.4772 158.523 70 153 70ZM147 80C147 76.6863 149.686 74 153 74C156.314 74 159 76.6863 159 80C159 83.3137 156.314 86 153 86C149.686 86 147 83.3137 147 80ZM174 70C170.686 70 168 72.6863 168 76V84C168 87.3137 170.686 90 174 90H196C199.314 90 202 87.3137 202 84V76C202 72.6863 199.314 70 196 70H174ZM172 76C172 74.8954 172.895 74 174 74H196C197.105 74 198 74.8954 198 76V84C198 85.1046 197.105 86 196 86H174C172.895 86 172 85.1046 172 84V76ZM143 101C143 99.8954 143.895 99 145 99H181C182.105 99 183 99.8954 183 101C183 102.105 182.105 103 181 103H145C143.895 103 143 102.105 143 101ZM145 123C143.895 123 143 123.895 143 125C143 126.105 143.895 127 145 127H170C171.105 127 172 126.105 172 125C172 123.895 171.105 123 170 123H145ZM143 113C143 111.895 143.895 111 145 111H153C154.105 111 155 111.895 155 113C155 114.105 154.105 115 153 115H145C143.895 115 143 114.105 143 113ZM161 111C159.895 111 159 111.895 159 113C159 114.105 159.895 115 161 115H192C193.105 115 194 114.105 194 113C194 111.895 193.105 111 192 111H161ZM187 101C187 99.8954 187.895 99 189 99H200C201.105 99 202 99.8954 202 101C202 102.105 201.105 103 200 103H189C187.895 103 187 102.105 187 101Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

assets/site-images/extendImages/extend-preview-hpe-images.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 138 KiB

assets/site-images/extendImages/extend-preview-roadmap-invert.svg
+12
View File
@@ -0,0 +1,12 @@
<svg width="337" height="192" viewBox="0 0 337 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M207.323 19.0299C207.323 19.0299 153.725 18.4898 146.991 21.9996C140.258 25.5094 136.637 30.0544 133.524 36.5788C127.599 48.9979 142.951 59.7974 146.991 60.8774C151.031 61.9573 242.337 60.6077 247.186 60.8774C252.034 61.147 257.421 63.0375 261.191 74.1065C264.962 85.1755 254.458 95.4355 252.034 96.7851C249.61 98.1346 161.805 96.7851 157.495 98.405C153.186 100.025 146.535 107.009 145.644 115.144C144.604 124.653 153.186 134.043 157.495 135.663C161.805 137.282 222.137 135.932 224.561 135.663C226.985 135.393 237.759 138.363 238.836 152.941C239.913 167.52 224.561 174 224.561 174H74" stroke="white" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="10 17"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.5 141.625C39.7015 141.625 32.0417 147.438 32.0417 157.083C32.0417 162.836 35.9515 168.923 40.3172 173.835C42.4483 176.232 44.5862 178.237 46.1938 179.644C46.6855 180.074 47.1262 180.447 47.5 180.757C47.8738 180.447 48.3145 180.074 48.8062 179.644C50.4138 178.237 52.5517 176.232 54.6828 173.835C59.0485 168.923 62.9583 162.836 62.9583 157.083C62.9583 147.438 55.2985 141.625 47.5 141.625ZM47.5 183.583C46.175 185.35 46.1745 185.35 46.174 185.349L46.1725 185.348L46.1684 185.345L46.1555 185.335L46.1108 185.301C46.0727 185.272 46.0184 185.231 45.9488 185.177C45.8098 185.069 45.6098 184.912 45.3576 184.709C44.8534 184.304 44.1394 183.715 43.2854 182.968C41.5805 181.476 39.3017 179.34 37.0161 176.769C32.5485 171.743 27.625 164.581 27.625 157.083C27.625 144.645 37.6318 137.208 47.5 137.208C57.3682 137.208 67.375 144.645 67.375 157.083C67.375 164.581 62.4515 171.743 57.9839 176.769C55.6983 179.34 53.4195 181.476 51.7146 182.968C50.8606 183.715 50.1466 184.304 49.6424 184.709C49.3902 184.912 49.1902 185.069 49.0512 185.177C48.9816 185.231 48.9273 185.272 48.8892 185.301L48.8445 185.335L48.8315 185.345L48.8275 185.348L48.826 185.349C48.8255 185.35 48.825 185.35 47.5 183.583ZM47.5 183.583L48.825 185.35L47.5 186.344L46.175 185.35L47.5 183.583ZM38.6667 157.083C38.6667 152.204 42.6212 148.25 47.5 148.25C52.3788 148.25 56.3333 152.204 56.3333 157.083C56.3333 161.962 52.3788 165.917 47.5 165.917C42.6212 165.917 38.6667 161.962 38.6667 157.083ZM47.5 152.667C45.0604 152.667 43.0833 154.644 43.0833 157.083C43.0833 159.523 45.0604 161.5 47.5 161.5C49.9396 161.5 51.9167 159.523 51.9167 157.083C51.9167 154.644 49.9396 152.667 47.5 152.667Z" fill="#008567"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M229 3.50008C224.88 3.50008 220.833 6.57123 220.833 11.6667C220.833 14.7059 222.899 17.9219 225.205 20.5167C226.331 21.7832 227.461 22.8425 228.31 23.5856C228.57 23.8129 228.803 24.01 229 24.1736C229.197 24.01 229.43 23.8129 229.69 23.5856C230.539 22.8425 231.669 21.7832 232.795 20.5167C235.101 17.9219 237.167 14.7059 237.167 11.6667C237.167 6.57123 233.12 3.50008 229 3.50008ZM229 25.6667C228.3 26.6001 228.3 26.5999 228.299 26.5997L228.299 26.5991L228.297 26.5975L228.29 26.5923L228.266 26.5744C228.246 26.5591 228.217 26.5371 228.181 26.5086C228.107 26.4516 228.001 26.3688 227.868 26.2617C227.602 26.0477 227.225 25.7364 226.773 25.3416C225.873 24.5535 224.669 23.4253 223.461 22.0668C221.101 19.4116 218.5 15.6276 218.5 11.6667C218.5 5.0956 223.787 1.16675 229 1.16675C234.213 1.16675 239.5 5.0956 239.5 11.6667C239.5 15.6276 236.899 19.4116 234.539 22.0668C233.331 23.4253 232.127 24.5535 231.227 25.3416C230.775 25.7364 230.398 26.0477 230.132 26.2617C229.999 26.3688 229.893 26.4516 229.819 26.5086C229.783 26.5371 229.754 26.5591 229.734 26.5744L229.71 26.5923L229.703 26.5975L229.701 26.5991L229.701 26.5997C229.7 26.5999 229.7 26.6001 229 25.6667ZM229 25.6667L229.7 26.6001L229 27.1251L228.3 26.6001L229 25.6667ZM224.333 11.6667C224.333 9.08925 226.423 7.00008 229 7.00008C231.577 7.00008 233.667 9.08925 233.667 11.6667C233.667 14.2442 231.577 16.3334 229 16.3334C226.423 16.3334 224.333 14.2442 224.333 11.6667ZM229 9.33342C227.711 9.33342 226.667 10.3779 226.667 11.6667C226.667 12.9556 227.711 14.0001 229 14.0001C230.289 14.0001 231.333 12.9556 231.333 11.6667C231.333 10.3779 230.289 9.33342 229 9.33342Z" fill="#00C8FF"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="336.542" height="192" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

assets/site-images/extendImages/extend-preview-roadmap.svg
+12
View File
@@ -0,0 +1,12 @@
<svg width="337" height="192" viewBox="0 0 337 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M207.323 19.0299C207.323 19.0299 153.725 18.4898 146.991 21.9996C140.258 25.5094 136.637 30.0544 133.524 36.5788C127.599 48.9979 142.951 59.7974 146.991 60.8774C151.031 61.9573 242.337 60.6077 247.186 60.8774C252.034 61.147 257.421 63.0375 261.191 74.1065C264.962 85.1755 254.458 95.4355 252.034 96.7851C249.61 98.1346 161.805 96.7851 157.495 98.405C153.186 100.025 146.535 107.009 145.644 115.144C144.604 124.653 153.186 134.043 157.495 135.663C161.805 137.282 222.137 135.932 224.561 135.663C226.985 135.393 237.759 138.363 238.836 152.941C239.913 167.52 224.561 174 224.561 174H74" stroke="#444444" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="10 17"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.5 141.625C39.7015 141.625 32.0417 147.438 32.0417 157.083C32.0417 162.836 35.9515 168.924 40.3172 173.835C42.4483 176.232 44.5862 178.237 46.1938 179.644C46.6855 180.074 47.1262 180.447 47.5 180.757C47.8738 180.447 48.3145 180.074 48.8062 179.644C50.4138 178.237 52.5517 176.232 54.6828 173.835C59.0485 168.924 62.9583 162.836 62.9583 157.083C62.9583 147.438 55.2985 141.625 47.5 141.625ZM47.5 183.583C46.175 185.35 46.1745 185.35 46.174 185.349L46.1725 185.348L46.1684 185.345L46.1555 185.335L46.1108 185.301C46.0727 185.272 46.0184 185.231 45.9488 185.177C45.8098 185.069 45.6098 184.912 45.3576 184.71C44.8534 184.304 44.1394 183.715 43.2854 182.968C41.5805 181.476 39.3017 179.341 37.0161 176.769C32.5485 171.743 27.625 164.581 27.625 157.083C27.625 144.645 37.6318 137.208 47.5 137.208C57.3682 137.208 67.375 144.645 67.375 157.083C67.375 164.581 62.4515 171.743 57.9839 176.769C55.6983 179.341 53.4195 181.476 51.7146 182.968C50.8606 183.715 50.1466 184.304 49.6424 184.71C49.3902 184.912 49.1902 185.069 49.0512 185.177C48.9816 185.231 48.9273 185.272 48.8892 185.301L48.8445 185.335L48.8315 185.345L48.8275 185.348L48.826 185.349C48.8255 185.35 48.825 185.35 47.5 183.583ZM47.5 183.583L48.825 185.35L47.5 186.344L46.175 185.35L47.5 183.583ZM38.6667 157.083C38.6667 152.205 42.6212 148.25 47.5 148.25C52.3788 148.25 56.3333 152.205 56.3333 157.083C56.3333 161.962 52.3788 165.917 47.5 165.917C42.6212 165.917 38.6667 161.962 38.6667 157.083ZM47.5 152.667C45.0604 152.667 43.0833 154.644 43.0833 157.083C43.0833 159.523 45.0604 161.5 47.5 161.5C49.9396 161.5 51.9167 159.523 51.9167 157.083C51.9167 154.644 49.9396 152.667 47.5 152.667Z" fill="#17EBA0"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M229 3.49996C224.88 3.49996 220.833 6.57111 220.833 11.6666C220.833 14.7058 222.899 17.9218 225.205 20.5165C226.331 21.7831 227.461 22.8424 228.31 23.5855C228.57 23.8128 228.803 24.0099 229 24.1735C229.197 24.0099 229.43 23.8128 229.69 23.5855C230.539 22.8424 231.669 21.7831 232.795 20.5165C235.101 17.9218 237.167 14.7058 237.167 11.6666C237.167 6.57111 233.12 3.49996 229 3.49996ZM229 25.6666C228.3 26.6 228.3 26.5998 228.299 26.5996L228.299 26.599L228.297 26.5974L228.29 26.5922L228.266 26.5743C228.246 26.5589 228.217 26.5369 228.181 26.5085C228.107 26.4515 228.001 26.3687 227.868 26.2616C227.602 26.0476 227.225 25.7363 226.773 25.3415C225.873 24.5534 224.669 23.4251 223.461 22.0667C221.101 19.4114 218.5 15.6275 218.5 11.6666C218.5 5.09548 223.787 1.16663 229 1.16663C234.213 1.16663 239.5 5.09548 239.5 11.6666C239.5 15.6275 236.899 19.4114 234.539 22.0667C233.331 23.4251 232.127 24.5534 231.227 25.3415C230.775 25.7363 230.398 26.0476 230.132 26.2616C229.999 26.3687 229.893 26.4515 229.819 26.5085C229.783 26.5369 229.754 26.5589 229.734 26.5743L229.71 26.5922L229.703 26.5974L229.701 26.599L229.701 26.5996C229.7 26.5998 229.7 26.6 229 25.6666ZM229 25.6666L229.7 26.6L229 27.125L228.3 26.6L229 25.6666ZM224.333 11.6666C224.333 9.08913 226.423 6.99996 229 6.99996C231.577 6.99996 233.667 9.08913 233.667 11.6666C233.667 14.2441 231.577 16.3333 229 16.3333C226.423 16.3333 224.333 14.2441 224.333 11.6666ZM229 9.33329C227.711 9.33329 226.667 10.3778 226.667 11.6666C226.667 12.9555 227.711 14 229 14C230.289 14 231.333 12.9555 231.333 11.6666C231.333 10.3778 230.289 9.33329 229 9.33329Z" fill="#00C8FF"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="336.542" height="192" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

assets/site-images/extendImages/extend-preview-router-invert.svg
+12
View File
@@ -0,0 +1,12 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M225.169 23.5L185.805 -14.9695L169.031 2.19501L178.041 11H154.108C151.142 11 148.28 12.0987 146.076 14.0842L110.186 46.4158C107.982 48.4013 105.121 49.5 102.154 49.5H-8C-14.6274 49.5 -20 54.8726 -20 61.5C-20 68.1274 -14.6274 73.5 -8 73.5H115.654C118.621 73.5 121.482 72.4013 123.686 70.4158L159.576 38.0842C161.78 36.0987 164.642 35 167.608 35H179.064L169.031 44.8049L185.805 61.9694L225.169 23.5Z" fill="#117B82"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M295.169 97.5L255.805 59.0305L239.031 76.195L248.552 85.5H-8C-14.6274 85.5 -20 90.8726 -20 97.5C-20 104.127 -14.6274 109.5 -8.00001 109.5H248.552L239.031 118.805L255.805 135.969L295.169 97.5Z" fill="#A2423D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M174.169 157.5L134.805 119.031L118.031 136.195L127.552 145.5H110.983C109.345 145.5 107.724 145.165 106.221 144.514L55.2795 122.486C53.7758 121.835 52.1548 121.5 50.5165 121.5H-8C-14.6274 121.5 -20 126.873 -20 133.5C-20 140.127 -14.6274 145.5 -8 145.5H45.5165C47.1548 145.5 48.7758 145.835 50.2795 146.486L101.221 168.514C102.724 169.165 104.345 169.5 105.983 169.5H127.552L118.031 178.805L134.805 195.969L174.169 157.5Z" fill="#9B6310"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="336" height="192" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

assets/site-images/extendImages/extend-preview-router.svg
+12
View File
@@ -0,0 +1,12 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M225.169 23.5L185.805 -14.9695L169.031 2.19501L178.041 11H154.108C151.142 11 148.28 12.0987 146.076 14.0842L110.186 46.4158C107.982 48.4013 105.121 49.5 102.154 49.5H-8C-14.6274 49.5 -20 54.8726 -20 61.5C-20 68.1274 -14.6274 73.5 -8 73.5H115.654C118.621 73.5 121.482 72.4013 123.686 70.4158L159.576 38.0842C161.78 36.0987 164.642 35 167.608 35H179.064L169.031 44.8049L185.805 61.9694L225.169 23.5Z" fill="#00E8CF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M295.169 97.5L255.805 59.0305L239.031 76.195L248.552 85.5H-8C-14.6274 85.5 -20 90.8726 -20 97.5C-20 104.127 -14.6274 109.5 -8.00001 109.5H248.552L239.031 118.805L255.805 135.969L295.169 97.5Z" fill="#F740FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M174.169 157.5L134.805 119.031L118.031 136.195L127.552 145.5H110.983C109.345 145.5 107.724 145.165 106.221 144.514L55.2795 122.486C53.7758 121.835 52.1548 121.5 50.5165 121.5H-8C-14.6274 121.5 -20 126.873 -20 133.5C-20 140.127 -14.6274 145.5 -8 145.5H45.5165C47.1548 145.5 48.7758 145.835 50.2795 146.486L101.221 168.514C102.724 169.165 104.345 169.5 105.983 169.5H127.552L118.031 178.805L134.805 195.969L174.169 157.5Z" fill="#FF8300"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="336" height="192" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

assets/site-images/extendImages/extend-preview-sidebar-invert.svg
+23
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

assets/site-images/extendImages/extend-preview-sidebar.svg
+23
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

assets/site-images/extendImages/extend-preview-slides-audience-invert.svg
+8
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

assets/site-images/extendImages/extend-preview-slides-audience.svg
+8
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

assets/site-images/extendImages/extend-preview-table-invert.svg
+157
View File
@@ -0,0 +1,157 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16" y="11" width="24" height="8" fill="white" fill-opacity="0.2"/>
<rect x="16" y="29" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="41" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="53" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="65" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="77" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="89" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="101" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="113" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="125" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="137" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="149" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="161" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="173" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="11" width="24" height="8" fill="white" fill-opacity="0.2"/>
<rect x="44" y="29" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="41" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="53" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="65" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="77" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="89" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="101" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="113" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="125" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="137" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="149" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="161" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="173" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="11" width="24" height="8" fill="white" fill-opacity="0.2"/>
<rect x="72" y="29" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="41" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="53" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="65" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="77" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="89" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="101" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="113" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="125" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="137" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="149" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="161" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="173" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="11" width="24" height="8" fill="white" fill-opacity="0.2"/>
<rect x="100" y="29" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="41" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="53" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="65" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="77" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="89" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="101" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="113" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="125" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="137" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="149" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="161" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="173" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="11" width="24" height="8" fill="white" fill-opacity="0.2"/>
<rect x="128" y="29" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="41" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="53" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="65" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="77" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="89" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="101" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="113" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="125" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="137" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="149" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="161" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="173" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="11" width="24" height="8" fill="white" fill-opacity="0.2"/>
<rect x="156" y="29" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="41" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="53" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="65" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="77" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="89" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="101" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="113" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="125" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="137" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="149" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="161" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="173" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="11" width="24" height="8" fill="white" fill-opacity="0.2"/>
<rect x="184" y="29" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="41" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="53" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="65" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="77" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="89" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="101" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="113" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="125" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="137" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="149" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="161" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="173" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="11" width="24" height="8" fill="white" fill-opacity="0.2"/>
<rect x="212" y="29" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="41" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="53" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="65" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="77" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="89" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="101" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="113" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="125" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="137" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="149" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="161" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="173" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="11" width="24" height="8" fill="white" fill-opacity="0.2"/>
<rect x="240" y="29" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="41" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="53" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="65" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="77" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="89" width="24" height="8" fill="white" fill-opacity="0.3" stroke="#00E8CF" stroke-width="2"/>
<rect x="240" y="101" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="113" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="125" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="137" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="149" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="161" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="173" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="11" width="24" height="8" fill="white" fill-opacity="0.2"/>
<rect x="268" y="29" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="41" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="53" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="65" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="77" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="89" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="101" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="113" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="125" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="137" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="149" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="161" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="173" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="11" width="24" height="8" fill="white" fill-opacity="0.2"/>
<rect x="296" y="29" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="41" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="53" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="65" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="77" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="89" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="101" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="113" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="125" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="137" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="149" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="161" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="173" width="24" height="8" fill="white" fill-opacity="0.3"/>
<path opacity="0.2" d="M16 24H320" stroke="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

assets/site-images/extendImages/extend-preview-table.svg
+157
View File
@@ -0,0 +1,157 @@
<svg width="336" height="192" viewBox="0 0 336 192" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="16" y="11" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="16" y="29" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="16" y="41" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="16" y="53" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="16" y="65" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="16" y="77" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="16" y="89" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="16" y="101" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="16" y="113" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="16" y="125" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="16" y="137" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="16" y="149" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="16" y="161" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="16" y="173" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="11" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="44" y="29" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="41" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="53" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="65" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="77" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="89" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="101" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="113" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="125" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="137" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="149" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="161" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="44" y="173" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="11" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="72" y="29" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="41" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="53" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="65" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="77" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="89" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="101" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="113" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="125" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="137" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="149" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="161" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="72" y="173" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="11" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="100" y="29" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="41" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="53" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="65" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="77" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="89" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="101" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="113" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="125" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="137" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="149" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="161" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="100" y="173" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="11" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="128" y="29" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="41" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="53" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="65" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="77" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="89" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="101" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="113" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="125" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="137" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="149" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="161" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="128" y="173" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="11" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="156" y="29" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="41" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="53" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="65" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="77" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="89" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="101" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="113" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="125" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="137" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="149" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="161" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="156" y="173" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="11" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="184" y="29" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="41" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="53" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="65" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="77" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="89" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="101" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="113" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="125" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="137" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="149" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="161" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="184" y="173" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="11" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="212" y="29" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="41" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="53" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="65" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="77" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="89" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="101" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="113" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="125" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="137" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="149" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="161" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="212" y="173" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="240" y="11" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="240" y="29" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="240" y="41" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="240" y="53" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="240" y="65" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="240" y="77" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="240" y="89" width="24" height="8" fill="white" fill-opacity="0.5" stroke="#00E8CF" stroke-width="2"/>
<rect x="240" y="101" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="240" y="113" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="240" y="125" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="240" y="137" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="240" y="149" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="240" y="161" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="240" y="173" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="11" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="268" y="29" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="41" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="53" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="65" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="77" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="89" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="101" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="113" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="125" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="137" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="149" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="161" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="268" y="173" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="11" width="24" height="8" fill="white" fill-opacity="0.3"/>
<rect x="296" y="29" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="41" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="53" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="65" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="77" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="89" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="101" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="113" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="125" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="137" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="149" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="161" width="24" height="8" fill="white" fill-opacity="0.5"/>
<rect x="296" y="173" width="24" height="8" fill="white" fill-opacity="0.5"/>
<path opacity="0.2" d="M16 24H320" stroke="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB