Update base theme to match the new website

source/_static/img/aistor.svg

@@ -0,0 +1,18 @@
+<svg width="186" height="24" viewBox="0 0 186 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Brand-Logo &#226;&#156;&#133;" clip-path="url(#clip0_269_2765)">
+<g id="Vector">
+<path d="M47.328 5.3088V1.872C47.328 1.0512 47.9952 0.384001 48.816 0.384001H57.144C58.776 0.384001 59.2224 2.6304 57.7104 3.2496L49.3824 6.6864C48.4032 7.0896 47.3232 6.3696 47.3232 5.3088" fill="#CF163E"/>
+<path d="M26.7984 23.3184H34.4544L22.1136 0.504001H12.4848L0 23.3184H9.2064L19.8624 18.8736C21.3072 18.2784 20.88 16.1232 19.3152 16.1232H11.1696L17.28 4.0368L26.7984 23.3184Z" fill="black" fill-opacity="0.88"/>
+<path d="M86.5584 2.9664L84.4417 7.3968C81.12 5.64 76.8192 4.7568 72.9456 4.7568C69.0721 4.7568 66.9216 5.472 66.9216 6.7776C66.9216 8.2752 69.6913 8.7312 75.1632 9.1536C82.752 9.7392 87.5376 11.4 87.5376 15.9936C87.5376 20.5872 82.1617 23.7792 73.3392 23.7792C67.2144 23.7792 62.496 22.248 59.3329 19.6128L62.592 15.768C65.0352 17.8512 69.5616 18.9936 73.9249 18.9936C78.288 18.9936 80.7648 17.9856 80.7648 16.5504C80.7648 14.8896 77.736 14.4672 71.8417 14.0112C65.424 13.5216 60.1488 11.8944 60.1488 7.3008C60.1488 3.1008 65.0689 0.00479736 73.5024 0.00479736C78.2593 0.00479736 82.848 0.916796 86.5632 2.9664" fill="black" fill-opacity="0.88"/>
+<path d="M100.622 23.3184V5.1792H89.2223V0.455999H118.502V5.1792H107.102V23.3184H100.622Z" fill="black" fill-opacity="0.88"/>
+<path d="M153.053 11.856C153.053 19.0848 146.28 23.7744 136.282 23.7744C126.283 23.7744 119.573 19.0848 119.573 11.856C119.573 4.6272 126.475 0 136.282 0C146.088 0 153.053 4.4928 153.053 11.856ZM126.413 11.7888C126.413 16.2192 130.421 19.0512 136.282 19.0512C142.142 19.0512 146.05 16.2192 146.05 11.7888C146.05 7.0032 142.075 4.752 136.282 4.752C130.488 4.752 126.413 6.9984 126.413 11.7888Z" fill="black" fill-opacity="0.88"/>
+<path d="M185.27 23.3184L175.574 14.7552C181.2 14.7552 184.781 11.304 184.781 7.6224C184.781 3.552 181.037 0.455999 172.57 0.455999H157.555V23.3184H164.069V5.0832H171.658C175.795 5.0832 177.878 5.9952 177.878 8.0784C177.878 10.1616 176.299 11.4336 171.998 11.4336H168.288C167.419 11.4336 166.882 11.6352 166.637 12.216C166.426 12.72 166.608 13.2432 167.51 14.2368L176.232 23.3184H185.27Z" fill="black" fill-opacity="0.88"/>
+<path d="M43.4736 0.460803H36.9936V23.2752H43.4736V0.460803Z" fill="black" fill-opacity="0.88"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_269_2765">
+<rect width="185.28" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

source/_static/img/icons/aistor.svg

@@ -0,0 +1,19 @@
+<svg width="186" height="24" viewBox="0 0 186 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="Brand-Logo &#226;&#156;&#133;" clip-path="url(#clip0_269_2765)">
+    <g id="Vector">
+    <path d="M47.328 5.3088V1.872C47.328 1.0512 47.9952 0.384001 48.816 0.384001H57.144C58.776 0.384001 59.2224 2.6304 57.7104 3.2496L49.3824 6.6864C48.4032 7.0896 47.3232 6.3696 47.3232 5.3088" fill="#CF163E"/>
+    <path d="M26.7984 23.3184H34.4544L22.1136 0.504001H12.4848L0 23.3184H9.2064L19.8624 18.8736C21.3072 18.2784 20.88 16.1232 19.3152 16.1232H11.1696L17.28 4.0368L26.7984 23.3184Z" fill="black" fill-opacity="0.88"/>
+    <path d="M86.5584 2.9664L84.4417 7.3968C81.12 5.64 76.8192 4.7568 72.9456 4.7568C69.0721 4.7568 66.9216 5.472 66.9216 6.7776C66.9216 8.2752 69.6913 8.7312 75.1632 9.1536C82.752 9.7392 87.5376 11.4 87.5376 15.9936C87.5376 20.5872 82.1617 23.7792 73.3392 23.7792C67.2144 23.7792 62.496 22.248 59.3329 19.6128L62.592 15.768C65.0352 17.8512 69.5616 18.9936 73.9249 18.9936C78.288 18.9936 80.7648 17.9856 80.7648 16.5504C80.7648 14.8896 77.736 14.4672 71.8417 14.0112C65.424 13.5216 60.1488 11.8944 60.1488 7.3008C60.1488 3.1008 65.0689 0.00479736 73.5024 0.00479736C78.2593 0.00479736 82.848 0.916796 86.5632 2.9664" fill="black" fill-opacity="0.88"/>
+    <path d="M100.622 23.3184V5.1792H89.2223V0.455999H118.502V5.1792H107.102V23.3184H100.622Z" fill="black" fill-opacity="0.88"/>
+    <path d="M153.053 11.856C153.053 19.0848 146.28 23.7744 136.282 23.7744C126.283 23.7744 119.573 19.0848 119.573 11.856C119.573 4.6272 126.475 0 136.282 0C146.088 0 153.053 4.4928 153.053 11.856ZM126.413 11.7888C126.413 16.2192 130.421 19.0512 136.282 19.0512C142.142 19.0512 146.05 16.2192 146.05 11.7888C146.05 7.0032 142.075 4.752 136.282 4.752C130.488 4.752 126.413 6.9984 126.413 11.7888Z" fill="black" fill-opacity="0.88"/>
+    <path d="M185.27 23.3184L175.574 14.7552C181.2 14.7552 184.781 11.304 184.781 7.6224C184.781 3.552 181.037 0.455999 172.57 0.455999H157.555V23.3184H164.069V5.0832H171.658C175.795 5.0832 177.878 5.9952 177.878 8.0784C177.878 10.1616 176.299 11.4336 171.998 11.4336H168.288C167.419 11.4336 166.882 11.6352 166.637 12.216C166.426 12.72 166.608 13.2432 167.51 14.2368L176.232 23.3184H185.27Z" fill="black" fill-opacity="0.88"/>
+    <path d="M43.4736 0.460803H36.9936V23.2752H43.4736V0.460803Z" fill="black" fill-opacity="0.88"/>
+    </g>
+    </g>
+    <defs>
+    <clipPath id="clip0_269_2765">
+    <rect width="185.28" height="24" fill="white"/>
+    </clipPath>
+    </defs>
+    </svg>
+    

source/_static/img/icons/nav-arrow-dark.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="9" height="5" xmlns:v="https://vecta.io/nano"><path d="M8.071.135c.153-.131.364-.17.553-.104s.329.23.366.428-.034.4-.187.531L4.866 4.365a.56.56 0 0 1-.732 0L.196.99C-.04.787-.067.432.136.195S.694-.068.93.135L4.5 3.197 8.071.135z" fill="#8a93a4" fill-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 8 4" fill="none"><path d="M0 0L4 4L8 0" fill="#ffffff"/></svg>

source/_static/img/icons/nav-arrow.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="9" height="5" xmlns:v="https://vecta.io/nano"><path d="M8.071.135a.562.562 0 1 1 .733.855L4.866 4.365a.562.562 0 0 1-.732 0L.196.99A.562.562 0 1 1 .93.135L4.5 3.197 8.071.135z" fill="#fff" fill-rule="evenodd"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 8 4" fill="none"><path d="M0 0L4 4L8 0" fill="#000000"/></svg>

source/_static/img/icons/nav/architecture.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><g clip-path="url(#A)"><path fill-rule="evenodd" d="M2.667 2.033c-.35 0-.633.284-.633.633v2.667c0 .35.284.633.633.633h10.667c.35 0 .633-.284.633-.633V2.667c0-.35-.284-.633-.633-.633H2.667zm-2.033.633c0-1.123.91-2.033 2.033-2.033h10.667c1.123 0 2.033.91 2.033 2.033v2.667c0 1.123-.91 2.033-2.033 2.033H2.667c-1.123 0-2.033-.91-2.033-2.033V2.667zM3.3 4a.7.7 0 0 1 .7-.7h.007a.7.7 0 1 1 0 1.4H4a.7.7 0 0 1-.7-.7zm-.633 6.033c-.35 0-.633.284-.633.633v2.667c0 .35.284.633.633.633h10.667c.35 0 .633-.284.633-.633v-2.667c0-.35-.284-.633-.633-.633H2.667zm-2.033.633c0-1.123.91-2.033 2.033-2.033h10.667c1.123 0 2.033.91 2.033 2.033v2.667c0 1.123-.91 2.033-2.033 2.033H2.667c-1.123 0-2.033-.91-2.033-2.033v-2.667zM3.3 12a.7.7 0 0 1 .7-.7h.007a.7.7 0 0 1 0 1.4H4a.7.7 0 0 1-.7-.7z" fill="#cf163e"/></g><defs><clipPath id="A"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

source/_static/img/icons/nav/aws.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="10" fill="none" xmlns:v="https://vecta.io/nano"><path d="M4.509 3.477c0 .197.021.357.059.474a2.85 2.85 0 0 0 .17.383c.027.043.037.085.037.122 0 .053-.032.106-.101.16l-.335.224c-.048.032-.096.048-.138.048-.053 0-.106-.027-.16-.075-.075-.08-.138-.165-.192-.25l-.165-.314c-.415.49-.937.735-1.565.735-.447 0-.804-.128-1.064-.383S.662 4.004.662 3.578c0-.453.16-.82.484-1.097s.756-.415 1.304-.415a4.21 4.21 0 0 1 .564.043 7.22 7.22 0 0 1 .612.117v-.389c0-.405-.085-.687-.25-.852C3.205.82 2.918.74 2.508.74a2.42 2.42 0 0 0-.575.069 4.24 4.24 0 0 0-.575.181c-.085.037-.149.059-.186.069s-.064.016-.085.016c-.075 0-.112-.053-.112-.165V.65c0-.085.011-.149.037-.186s.075-.075.149-.112c.186-.096.41-.176.671-.24.261-.069.537-.101.83-.101.633 0 1.096.144 1.394.431.293.287.442.724.442 1.31v1.725h.011zm-2.161.809c.176 0 .357-.032.548-.096s.362-.181.506-.341c.085-.101.149-.213.181-.341s.053-.282.053-.463v-.224a4.44 4.44 0 0 0-.49-.091c-.17-.021-.335-.032-.5-.032-.357 0-.617.069-.793.213s-.261.346-.261.612c0 .25.064.437.197.564.128.133.314.197.559.197zm4.273.575c-.096 0-.16-.016-.202-.053-.043-.032-.08-.106-.112-.208L5.057.484C5.025.378 5.009.309 5.009.272c0-.085.043-.133.128-.133h.522c.101 0 .17.016.208.053.043.032.074.106.106.208l.894 3.524.83-3.524c.027-.106.059-.176.101-.208s.117-.053.213-.053h.426c.101 0 .17.016.213.053.043.032.08.106.101.208l.841 3.567.921-3.567c.032-.106.069-.176.106-.208.043-.032.112-.053.208-.053h.495c.085 0 .133.043.133.133 0 .027-.005.053-.011.085s-.016.075-.037.133l-1.282 4.115c-.032.106-.069.176-.112.208a.34.34 0 0 1-.202.053h-.458c-.101 0-.17-.016-.213-.053s-.08-.106-.101-.213l-.825-3.434-.82 3.429c-.027.106-.059.176-.101.213s-.117.053-.213.053h-.458zm6.838.144a3.52 3.52 0 0 1-.819-.096c-.266-.064-.474-.133-.612-.213-.085-.048-.144-.101-.165-.149s-.032-.101-.032-.149v-.272c0-.112.043-.165.122-.165a.3.3 0 0 1 .096.016c.032.011.08.032.133.053a2.89 2.89 0 0 0 .585.186c.213.043.42.064.633.064.335 0 .596-.059.777-.176s.277-.288.277-.506a.52.52 0 0 0-.144-.373c-.096-.101-.277-.192-.537-.277l-.772-.24c-.388-.122-.676-.303-.851-.543a1.27 1.27 0 0 1-.266-.772c0-.224.048-.421.144-.591a1.37 1.37 0 0 1 .383-.437 1.69 1.69 0 0 1 .553-.277c.213-.064.436-.091.671-.091a2.67 2.67 0 0 1 .356.021l.346.059.303.085a1.16 1.16 0 0 1 .223.096.46.46 0 0 1 .16.133c.032.043.048.101.048.176v.25c0 .112-.043.17-.122.17-.043 0-.112-.021-.202-.064-.303-.138-.644-.208-1.022-.208-.303 0-.543.048-.708.149s-.25.256-.25.474c0 .149.053.277.16.378s.303.202.585.293l.756.24c.383.122.66.293.825.511s.245.469.245.745a1.37 1.37 0 0 1-.138.618 1.43 1.43 0 0 1-.389.469c-.165.133-.362.229-.591.298a2.53 2.53 0 0 1-.761.112z" fill="#252f3e"/><path d="M14.465 7.592c-1.751 1.294-4.294 1.981-6.482 1.981-3.065 0-5.827-1.134-7.913-3.019-.165-.149-.016-.351.181-.234C2.507 7.63 5.29 8.423 8.169 8.423a15.81 15.81 0 0 0 6.04-1.235c.293-.133.543.192.256.405zm.73-.83c-.223-.287-1.479-.138-2.049-.069-.17.021-.197-.128-.043-.24 1-.703 2.645-.5 2.836-.266.192.24-.053 1.885-.99 2.673-.144.122-.282.059-.218-.101.213-.527.686-1.714.463-1.996z" fill="#f90"/></svg>

source/_static/img/icons/nav/azure.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns:v="https://vecta.io/nano"><path d="M5.667 0h5.03L5.476 15.496c-.027.079-.066.154-.115.221a.8.8 0 0 1-.399.287c-.079.026-.162.039-.246.039H.801c-.127 0-.252-.03-.366-.088a.8.8 0 0 1-.285-.246c-.074-.104-.123-.223-.142-.349s-.007-.255.033-.375L4.907.546a.8.8 0 0 1 .115-.221C5.072.258 5.132.2 5.2.151a.8.8 0 0 1 .222-.112C5.501.013 5.584 0 5.667 0h0 0z" fill="url(#A)"/><path d="M14.941 16.042h-4.517a.79.79 0 0 1-.15-.014.8.8 0 0 1-.145-.042c-.047-.018-.092-.042-.135-.068a.81.81 0 0 1-.12-.092l-5.126-4.791a.37.37 0 0 1-.092-.406.37.37 0 0 1 .344-.234h7.977l1.963 5.649h0z" fill="#0078d4"/><path d="M10.716 0L7.195 10.395l5.754-.001 1.974 5.649h-4.5a.82.82 0 0 1-.139-.013c-.046-.008-.091-.02-.135-.037a.82.82 0 0 1-.241-.138l-3.46-3.232-.969 2.859c-.025.072-.06.139-.102.202a.86.86 0 0 1-.341.291.85.85 0 0 1-.215.069H.803c-.128 0-.255-.03-.369-.089a.8.8 0 0 1-.286-.25.8.8 0 0 1-.139-.354c-.017-.127-.004-.257.04-.378L4.906.557a.79.79 0 0 1 .113-.225.8.8 0 0 1 .177-.179c.068-.05.144-.088.224-.114S5.583 0 5.668 0h5.048 0z" fill="url(#B)"/><path d="M16.958 14.984c.041.121.052.249.033.375s-.067.245-.141.349a.8.8 0 0 1-.651.334h-5.607a.8.8 0 0 0 .651-.334c.074-.103.123-.223.142-.349s.007-.255-.033-.375L6.487.546a.8.8 0 0 0-.292-.395C6.127.102 6.052.064 5.973.039A.8.8 0 0 0 5.728 0h5.606a.8.8 0 0 1 .245.038c.079.026.154.063.222.112s.127.108.177.175.088.141.115.221l4.866 14.438h-.001z" fill="url(#C)"/><defs><linearGradient id="A" x1="7.503" y1="1.189" x2="2.267" y2="16.644" gradientUnits="userSpaceOnUse"><stop stop-color="#114a8b"/><stop offset="1" stop-color="#0669bc"/></linearGradient><linearGradient id="B" x1="9.133" y1="8.392" x2="7.924" y2="8.802" gradientUnits="userSpaceOnUse"><stop stop-opacity=".3"/><stop offset=".1" stop-opacity=".2"/><stop offset=".3" stop-opacity=".1"/><stop offset=".6" stop-opacity=".1"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="C" x1="8.466" y1=".739" x2="14.213" y2="16.035" gradientUnits="userSpaceOnUse"><stop stop-color="#3ccbf4"/><stop offset="1" stop-color="#2892df"/></linearGradient></defs></svg>

source/_static/img/icons/nav/baremetal.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M2.667 3.367c-.35 0-.633.284-.633.633v.633H3.3V3.367h-.633zm0-1.4C1.544 1.967.633 2.877.633 4v8c0 1.123.91 2.033 2.033 2.033h10.667c1.123 0 2.033-.91 2.033-2.033V4c0-1.123-.91-2.033-2.033-2.033H2.667zm2.033 1.4v1.267h1.267V3.367H4.7zm2.667 0v1.267h6.6V4c0-.35-.284-.633-.633-.633H7.367zm6.6 2.667H2.033V12c0 .35.284.633.633.633h10.667c.35 0 .633-.284.633-.633V6.033z" fill="#cf163e"/></svg>

source/_static/img/icons/nav/cache.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M2.7 5.072v2.923c.002.007.009.026.033.059.044.061.132.152.295.259.328.217.853.434 1.563.61.702.174 1.529.293 2.415.345a17 17 0 0 0 2.652-.052.7.7 0 0 1 .14 1.393 18.4 18.4 0 0 1-2.873.057 14.9 14.9 0 0 1-2.67-.384c-.581-.144-1.11-.326-1.554-.547v2.935c.002.007.009.027.034.061.046.064.139.158.311.269.346.225.9.447 1.643.623a13.93 13.93 0 0 0 2.515.332 16.84 16.84 0 0 0 2.716-.091.7.7 0 1 1 .164 1.39c-.946.111-1.955.145-2.945.099s-1.939-.171-2.772-.368c-.825-.195-1.549-.465-2.083-.81-.508-.33-.988-.831-.983-1.513V8 3.333c0-.583.355-1.026.738-1.328.391-.308.914-.555 1.498-.75C4.711.863 6.289.633 8 .633s3.289.23 4.464.622c.584.195 1.106.442 1.498.75.383.302.738.746.738 1.328v2a.7.7 0 0 1-1.4 0v-.261c-.257.128-.538.241-.836.34-1.175.392-2.753.622-4.464.622s-3.289-.23-4.464-.622c-.298-.099-.579-.212-.836-.34zm10.599-1.739c-.007.022-.041.1-.204.229-.216.17-.572.354-1.074.521-.997.332-2.419.55-4.021.55s-3.024-.218-4.021-.55c-.502-.167-.858-.351-1.074-.521-.163-.128-.197-.207-.204-.229.007-.022.041-.1.204-.229.216-.17.572-.354 1.074-.521.997-.332 2.419-.55 4.021-.55s3.024.218 4.021.55c.502.167.858.351 1.074.521.163.128.197.207.204.229zm-10.6 9.335h0zM14.36 7.4a.7.7 0 0 1 .24.96l-1.364 2.273h1.43a.7.7 0 0 1 .6 1.06l-2 3.333a.7.7 0 1 1-1.2-.72l1.364-2.273H12a.7.7 0 0 1-.6-1.06l2-3.333a.7.7 0 0 1 .96-.24z" fill="#cf163e"/></svg>

source/_static/img/icons/nav/catalog.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M1.034 3.034c.256-.256.604-.4.966-.4h3.448c.539 0 1.056.214 1.438.596l3.804 3.804c.431.434.674 1.021.674 1.633s-.242 1.199-.674 1.633l-.002.002-2.387 2.387-.002.002c-.434.431-1.021.674-1.633.674s-1.199-.242-1.633-.674l-.002-.002-3.803-3.803C.848 8.504.633 7.987.633 7.448V4c0-.362.144-.71.4-.966zm1 1v3.415c0 .168.067.329.186.448l3.801 3.801a.92.92 0 0 0 .647.267c.242 0 .474-.096.646-.266l2.384-2.384a.92.92 0 0 0 .267-.647c0-.242-.096-.474-.266-.646L5.896 4.219c-.119-.119-.28-.186-.448-.186H2.033zm7.472-1.195a.7.7 0 0 1 .99 0l4.199 4.199a2.3 2.3 0 0 1 .676 1.629 2.3 2.3 0 0 1-.676 1.629l-2.866 2.866a.7.7 0 1 1-.99-.99l2.868-2.868a.9.9 0 0 0 .265-.638.9.9 0 0 0-.265-.637L9.505 3.828a.7.7 0 0 1 0-.99zM3.3 6.333c0-.571.463-1.033 1.033-1.033s1.033.463 1.033 1.033-.463 1.033-1.033 1.033S3.3 6.904 3.3 6.333z" fill="#cf163e"/></svg>

source/_static/img/icons/nav/console.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M3.333 2.7c-.35 0-.633.284-.633.633v9.333c0 .35.284.633.633.633h9.333c.35 0 .633-.284.633-.633V3.333c0-.35-.284-.633-.633-.633H3.333zM1.3 3.333C1.3 2.21 2.21 1.3 3.333 1.3h9.333c1.123 0 2.033.91 2.033 2.033v9.333c0 1.123-.91 2.033-2.033 2.033H3.333c-1.123 0-2.033-.91-2.033-2.033V3.333zm2.872.838a.7.7 0 0 1 .99 0l1.333 1.333a.7.7 0 0 1 0 .99L5.162 7.828a.7.7 0 1 1-.99-.99L5.01 6l-.838-.838a.7.7 0 0 1 0-.99zm2.462 4.495a.7.7 0 0 1 .7-.7H10a.7.7 0 1 1 0 1.4H7.333a.7.7 0 0 1-.7-.7z" fill="#cf163e"/></svg>

source/_static/img/icons/nav/download.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M12 1.95A1.05 1.05 0 0 1 13.05 3v9.465l3.207-3.208a1.05 1.05 0 1 1 1.485 1.485l-5 5a1.05 1.05 0 0 1-1.485 0l-5-5a1.05 1.05 0 0 1 1.485-1.485l3.208 3.208V3A1.05 1.05 0 0 1 12 1.95zm-9 12A1.05 1.05 0 0 1 4.05 15v4a.95.95 0 0 0 .95.95h14a.95.95 0 0 0 .95-.95v-4a1.05 1.05 0 1 1 2.1 0v4A3.05 3.05 0 0 1 19 22.05H5A3.05 3.05 0 0 1 1.95 19v-4A1.05 1.05 0 0 1 3 13.95z" fill="#cf163e"/></svg>

source/_static/img/icons/nav/encryption.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M3.44 2.633h9.12l.906.02c.266.022.533.07.79.201.383.195.694.506.889.889.131.258.179.525.201.79.021.251.021.555.021.906v1.893a.7.7 0 1 1-1.4 0V5.467l-.016-.819c-.015-.179-.039-.241-.053-.269-.061-.119-.158-.216-.277-.277-.027-.014-.09-.039-.269-.053-.187-.015-.434-.016-.819-.016H3.467l-.819.016c-.179.015-.241.039-.269.053-.119.061-.216.158-.277.277-.014.027-.039.09-.053.269-.015.187-.016.434-.016.819v2.4l.016.819c.015.179.039.241.053.269.061.119.158.216.277.277.027.014.09.039.269.053.187.015.434.016.819.016h3.867a.7.7 0 0 1 0 1.4H3.44c-.351 0-.655 0-.906-.02-.266-.022-.533-.07-.79-.201-.383-.195-.694-.506-.889-.889-.131-.258-.179-.525-.201-.79-.021-.251-.021-.555-.02-.906V5.44l.02-.906c.022-.266.07-.533.201-.79.195-.383.506-.694.889-.889.258-.131.525-.179.79-.201.251-.021.555-.02.906-.02zm.36 4.033c0-.479.388-.867.867-.867s.867.388.867.867-.388.867-.867.867-.867-.388-.867-.867zm3.333 0c0-.479.388-.867.867-.867s.867.388.867.867-.388.867-.867.867-.867-.388-.867-.867zm3.333 0c0-.479.388-.867.867-.867s.867.388.867.867-.388.867-.867.867-.867-.388-.867-.867zm-.667 3.5c0-1.031.836-1.867 1.867-1.867s1.867.836 1.867 1.867v.489c.13.018.275.052.42.126.257.131.466.34.597.597a1.38 1.38 0 0 1 .138.526c.011.14.011.305.011.473v.577l-.011.473a1.38 1.38 0 0 1-.138.526c-.131.257-.34.466-.597.597-.186.095-.371.125-.526.138-.14.011-.305.011-.473.011h-2.577c-.168 0-.333 0-.473-.011-.154-.013-.339-.043-.526-.138-.257-.131-.466-.34-.597-.597-.095-.186-.125-.371-.138-.526-.011-.14-.011-.305-.011-.473v-.577l.011-.473a1.38 1.38 0 0 1 .138-.526c.131-.257.34-.466.597-.597.146-.074.29-.109.42-.126v-.489zm.6 1.867l-.361.005a6.4 6.4 0 0 0-.005.361v.533l.005.361a6.37 6.37 0 0 0 .361.005h2.533l.361-.005c.005-.075.005-.18.005-.361V12.4l-.005-.361-.361-.005H10.4zm1.733-1.4H11.2v-.467c0-.258.209-.467.467-.467s.467.209.467.467v.467z" fill="#cf163e"/></svg>

source/_static/img/icons/nav/erasure-code-calculator.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2" stroke="#cf163e" stroke-width="1.4" stroke-linejoin="round"/><g fill="#cf163e"><rect x="6" y="6" width="12" height="3" rx="1.5"/><rect x="6" y="11" width="2" height="2" rx="1"/><rect x="6" y="16" width="2" height="2" rx="1"/><rect x="11" y="11" width="2" height="2" rx="1"/><rect x="11" y="16" width="2" height="2" rx="1"/><rect x="16" y="11" width="2" height="2" rx="1"/><rect x="16" y="16" width="2" height="2" rx="1"/></g></svg>

source/_static/img/icons/nav/events.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#cf163e" xmlns:v="https://vecta.io/nano"><path d="M12 3.05A4.97 4.97 0 0 0 7.05 8c0 3.655-.785 6.081-1.628 7.628l-.184.322h13.553l-.318-.556a1.05 1.05 0 1 1 1.853-.988c.359.672.71 1.13.958 1.409l.285.292.063.055.006.005A1.05 1.05 0 0 1 21 18.05H3a1.05 1.05 0 0 1-.595-1.915l.002-.001.05-.04a2.95 2.95 0 0 0 .25-.238c.222-.234.542-.63.872-1.234C4.235 13.419 4.95 11.346 4.95 8A7.07 7.07 0 0 1 12 .95a6.87 6.87 0 0 1 2.232.354 1.05 1.05 0 1 1-.664 1.992c-.49-.163-.978-.246-1.568-.246zM9.794 20.08a1.05 1.05 0 0 1 1.426.414.89.89 0 0 0 1.56 0 1.05 1.05 0 0 1 1.84 1.012 2.99 2.99 0 0 1-5.24.001 1.05 1.05 0 0 1 .414-1.426zM14.95 5A1.05 1.05 0 0 1 16 3.95h5.333c.142 0 .278.028.402.08a1.05 1.05 0 0 1 .334.221l.014.014c.186.189.301.449.301.736v5.333a1.05 1.05 0 1 1-2.1 0V7.535l-3.541 3.541a1.05 1.05 0 0 1-1.485-1.485l3.541-3.541H16A1.05 1.05 0 0 1 14.95 5z"/></svg>

source/_static/img/icons/nav/firewall.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M3.333 2.7c-.35 0-.633.284-.633.633V5.3h1.933V2.7h-1.3zm0-1.4C2.21 1.3 1.3 2.21 1.3 3.333v9.333c0 1.123.91 2.033 2.033 2.033h9.333c1.123 0 2.033-.91 2.033-2.033V3.333c0-1.123-.91-2.033-2.033-2.033H3.333zm2.7 1.4v2.6h3.933V2.7H6.033zm5.333 0v2.6H13.3V3.333c0-.35-.284-.633-.633-.633h-1.3zm1.933 4H8.7v2.6h4.6V6.7zm0 4h-1.933v2.6h1.3c.35 0 .633-.284.633-.633V10.7zm-3.333 2.6v-2.6H6.033v2.6h3.933zm-5.333 0v-2.6H2.7v1.967c0 .35.284.633.633.633h1.3zM2.7 9.3h4.6V6.7H2.7v2.6z" fill="#cf163e"/></svg>

source/_static/img/icons/nav/gcs.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" preserveAspectRatio="xMidYMid" viewBox="0 0 256 206" xmlns:v="https://vecta.io/nano"><path d="M170.252 56.819l22.253-22.253 1.483-9.37C153.437-11.677 88.976-7.496 52.421 33.92 42.267 45.423 34.734 59.764 30.717 74.573l7.97-1.123 44.505-7.339 3.436-3.514c19.797-21.742 53.27-24.667 76.128-6.168z" fill="#ea4335"/><path d="M224.205 73.918a100.25 100.25 0 0 0-30.217-48.722l-31.232 31.232c13.188 10.776 20.701 27.01 20.379 44.037v5.544c15.351 0 27.797 12.445 27.797 27.796s-12.446 27.485-27.797 27.485h-55.671l-5.466 5.934v33.34l5.466 5.231h55.671c39.93.311 72.552-31.494 72.863-71.424.188-24.203-11.745-46.893-31.793-60.453" fill="#4285f4"/><path d="M71.87 205.796h55.593V161.29H71.87c-3.961-.001-7.797-.852-11.399-2.498l-7.887 2.42-22.409 22.253-1.952 7.574c12.567 9.489 27.9 14.825 43.647 14.757" fill="#34a853"/><path d="M71.87 61.426C31.939 61.664-.237 94.227.001 134.158a72.3 72.3 0 0 0 28.222 56.881l32.248-32.247c-13.991-6.321-20.208-22.786-13.887-36.776s22.786-20.207 36.775-13.887c6.165 2.785 11.102 7.723 13.887 13.887l32.248-32.247C115.773 71.831 94.453 61.344 71.87 61.425" fill="#fbbc05"/></svg>

source/_static/img/icons/nav/identity.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M4.333 2.033c-.256 0-.502.102-.684.283s-.283.427-.283.684v7.84c.301-.135.63-.206.967-.206h8.3v-8.6h-8.3zm9.7-.7a.7.7 0 0 0-.7-.7h-9c-.628 0-1.23.249-1.673.693S1.967 2.372 1.967 3v10c0 .628.249 1.23.693 1.674s1.046.693 1.673.693h9a.7.7 0 0 0 .7-.7V1.333zm-1.4 10.7h-8.3c-.256 0-.502.102-.684.283s-.283.427-.283.684.102.502.283.684.427.283.684.283h8.3v-1.933zm-2.138-7.528a.7.7 0 0 1 0 .99L7.828 8.162a.7.7 0 0 1-.99 0L5.505 6.828a.7.7 0 0 1 .99-.99l.838.838 2.172-2.172a.7.7 0 0 1 .99 0z" fill="#cf163e"/></svg>

source/_static/img/icons/nav/immutability.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M8.007 2.667l-2.076 3.3h4.132l-2.055-3.3zm-.041-1.606c.201-.007.4.038.579.13s.33.229.44.398l.008.013 2.461 3.95c.114.171.181.368.194.574.014.212-.031.424-.129.613s-.246.347-.428.458-.39.17-.603.17h-.002-4.937c-.207.007-.412-.041-.595-.139-.189-.102-.347-.255-.455-.441s-.162-.398-.157-.614.069-.421.184-.601L7 1.64c.097-.167.234-.307.399-.408.171-.105.367-.164.568-.171zM2.7 10.034V13.3h3.267v-3.267H2.7zM1.3 10c0-.755.612-1.367 1.367-1.367H6c.755 0 1.367.612 1.367 1.367v3.333c0 .755-.612 1.367-1.367 1.367H2.667c-.755 0-1.367-.612-1.367-1.367V10zm10.367.033c-.902 0-1.633.731-1.633 1.633s.731 1.633 1.633 1.633 1.633-.731 1.633-1.633-.731-1.633-1.633-1.633zm-3.033 1.633c0-1.675 1.358-3.033 3.033-3.033S14.7 9.992 14.7 11.667 13.342 14.7 11.667 14.7s-3.033-1.358-3.033-3.033z" fill="#cf163e"/></svg>

source/_static/img/icons/nav/integrations.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M4.05 7.608v3.388c.004.021.042.142.305.351.321.255.851.53 1.602.78 1.491.498 3.623.824 6.043.824s4.552-.326 6.043-.824c.751-.251 1.281-.526 1.602-.78.263-.209.301-.33.305-.351V7.608a9.74 9.74 0 0 1-1.254.51c-1.762.587-4.129.933-6.696.933s-4.934-.345-6.696-.933a9.74 9.74 0 0 1-1.254-.51zM22.05 5v6c0 .871-.526 1.537-1.101 1.992-.585.464-1.367.835-2.242 1.127-1.518.507-3.488.832-5.657.912v2.105a3.06 3.06 0 0 1 1.814 1.814H21a1.05 1.05 0 1 1 0 2.1h-6.136a3.05 3.05 0 0 1-5.729 0H3a1.05 1.05 0 1 1 0-2.1h6.136a3.06 3.06 0 0 1 1.814-1.814v-2.105c-2.169-.08-4.14-.406-5.658-.912-.874-.292-1.656-.663-2.241-1.126C2.476 12.537 1.95 11.871 1.95 11V5c0-.874.532-1.539 1.107-1.992.587-.463 1.371-.833 2.247-1.125C7.066 1.295 9.433.95 12 .95s4.934.345 6.696.933c.875.292 1.66.662 2.247 1.125.575.453 1.107 1.119 1.107 1.992zm-2.102 0c-.01-.033-.061-.151-.306-.343-.324-.255-.858-.531-1.611-.782-1.495-.498-3.628-.825-6.032-.825s-4.537.326-6.032.825c-.753.251-1.287.527-1.611.782-.244.193-.296.311-.306.343.01.033.061.151.306.343.324.255.858.531 1.611.782 1.495.498 3.628.825 6.032.825s4.537-.326 6.032-.825c.753-.251 1.287-.527 1.611-.782.244-.193.296-.311.306-.343zm.002 5.992h0zm-15.901 0h0zM12 19.05a.95.95 0 0 0 0 1.9.95.95 0 0 0 0-1.9z" fill="#cf163e"/></svg>

source/_static/img/icons/nav/kms.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><g clip-path="url(#A)"><path fill-rule="evenodd" d="M7.684 1.378a5.03 5.03 0 0 1 3.24-.738 5.04 5.04 0 0 1 2.994 1.442 5.03 5.03 0 0 1 .704 6.234c-.606.965-1.521 1.697-2.596 2.074-.933.328-1.939.372-2.893.133l-.639.639a.7.7 0 0 1-.495.205h-.633v1.3a.7.7 0 0 1-.7.7h-1.3v1.3a.7.7 0 0 1-.7.7H2c-.359 0-.713-.123-.978-.388S.633 14.359.633 14v-2a.7.7 0 0 1 .205-.495l4.639-4.639c-.239-.953-.195-1.959.133-2.893.378-1.075 1.109-1.991 2.074-2.596zm3.083.653a3.63 3.63 0 0 0-3.836 2.407c-.272.777-.274 1.622-.003 2.399a.7.7 0 0 1-.166.725L2.033 12.29v1.677h1.933v-1.3a.7.7 0 0 1 .7-.7h1.3v-1.3a.7.7 0 0 1 .7-.7H7.71l.728-.728a.7.7 0 0 1 .725-.166 3.63 3.63 0 0 0 2.399-.003c.776-.273 1.437-.8 1.874-1.497s.625-1.521.533-2.339-.46-1.579-1.041-2.161a3.63 3.63 0 0 0-2.161-1.041zM9.967 5c0-.571.463-1.033 1.033-1.033S12.033 4.43 12.033 5 11.571 6.033 11 6.033 9.967 5.571 9.967 5z" fill="#cf163e"/></g><defs><clipPath id="A"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

source/_static/img/icons/nav/lifecycle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><g clip-path="url(#A)"><path fill-rule="evenodd" d="M3.315 4.305A5.94 5.94 0 0 0 2.033 8a5.94 5.94 0 0 0 1.282 3.695l1.861-1.861A3.35 3.35 0 0 1 4.633 8a3.35 3.35 0 0 1 .543-1.834L3.315 4.305zm.99-.99l1.861 1.861A3.35 3.35 0 0 1 8 4.633a3.35 3.35 0 0 1 1.834.543l1.861-1.861A5.94 5.94 0 0 0 8 2.033a5.94 5.94 0 0 0-3.695 1.282zm8.38.99l-1.861 1.861A3.35 3.35 0 0 1 11.367 8a3.35 3.35 0 0 1-.543 1.834l1.861 1.861A5.94 5.94 0 0 0 13.967 8a5.94 5.94 0 0 0-1.282-3.695zm-.99 8.38l-1.861-1.861A3.35 3.35 0 0 1 8 11.367a3.35 3.35 0 0 1-1.834-.543l-1.861 1.861A5.94 5.94 0 0 0 8 13.967a5.94 5.94 0 0 0 3.695-1.281zM.633 8A7.37 7.37 0 0 1 8 .633 7.37 7.37 0 0 1 15.367 8 7.37 7.37 0 0 1 8 15.367 7.37 7.37 0 0 1 .633 8zM8 6.033c-1.086 0-1.967.881-1.967 1.967S6.914 9.967 8 9.967 9.967 9.086 9.967 8 9.086 6.033 8 6.033z" fill="#cf163e"/></g><defs><clipPath id="A"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

source/_static/img/icons/nav/object-prompt.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66676 1.4917C4.05336 1.4917 4.36676 1.8051 4.36676 2.1917V2.82503H5.00009C5.38669 2.82503 5.70009 3.13843 5.70009 3.52503C5.70009 3.91163 5.38669 4.22503 5.00009 4.22503H4.36676V4.85837C4.36676 5.24497 4.05336 5.55837 3.66676 5.55837C3.28016 5.55837 2.96676 5.24497 2.96676 4.85837V4.22503H2.33342C1.94682 4.22503 1.63342 3.91163 1.63342 3.52503C1.63342 3.13843 1.94682 2.82503 2.33342 2.82503H2.96676V2.1917C2.96676 1.8051 3.28016 1.4917 3.66676 1.4917ZM8.33342 1.4917C8.63575 1.4917 8.90391 1.68579 8.99838 1.97298L10.273 5.84832L10.273 5.84833C10.304 5.94254 10.3567 6.02815 10.4268 6.09828C10.497 6.16841 10.5826 6.22109 10.6768 6.25208L10.6768 6.25208L14.5521 7.52675C14.8393 7.62121 15.0334 7.88937 15.0334 8.1917C15.0334 8.49403 14.8393 8.76219 14.5521 8.85665L10.6768 10.1313L10.6768 10.1313C10.5826 10.1623 10.497 10.215 10.4268 10.2851C10.3567 10.3552 10.304 10.4409 10.273 10.5351L10.273 10.5351L8.99838 14.4104C8.90391 14.6976 8.63575 14.8917 8.33342 14.8917C8.0311 14.8917 7.76293 14.6976 7.66847 14.4104L6.3938 10.5351L6.3938 10.5351C6.36281 10.4409 6.31013 10.3552 6.24001 10.2851C6.16988 10.215 6.08426 10.1623 5.99005 10.1313L5.99004 10.1313L2.11471 8.85665C1.82752 8.76219 1.63342 8.49403 1.63342 8.1917C1.63342 7.88937 1.82752 7.62121 2.11471 7.52675L5.99004 6.25208L5.99005 6.25208C6.08426 6.22109 6.16988 6.16841 6.24001 6.09828C6.31013 6.02815 6.36281 5.94254 6.3938 5.84833L6.3938 5.84832L7.66847 1.97298C7.76293 1.68579 8.0311 1.4917 8.33342 1.4917ZM7.72371 6.28574C7.72371 6.28574 7.72371 6.28574 7.72371 6.28575C7.62423 6.58821 7.4551 6.86309 7.22996 7.08823C7.00481 7.31338 6.72994 7.4825 6.42747 7.58199C6.42747 7.58199 6.42747 7.58199 6.42746 7.58199L4.57378 8.1917L6.42746 8.80141C6.42747 8.80141 6.42747 8.80141 6.42747 8.80141C6.72994 8.9009 7.00481 9.07002 7.22996 9.29517C7.4551 9.52031 7.62423 9.79519 7.72371 10.0977C7.72371 10.0977 7.72371 10.0977 7.72371 10.0977L8.33342 11.9513L8.94313 10.0977C8.94313 10.0977 8.94313 10.0977 8.94314 10.0977C9.04262 9.79519 9.21174 9.52031 9.43689 9.29517C9.66204 9.07002 9.93691 8.9009 10.2394 8.80141C10.2394 8.80141 10.2394 8.80141 10.2394 8.80141L12.0931 8.1917L10.2394 7.58199C10.2394 7.58199 10.2394 7.58199 10.2394 7.58199C9.93691 7.4825 9.66204 7.31338 9.43689 7.08823C9.21174 6.86309 9.04262 6.58821 8.94314 6.28575C8.94313 6.28574 8.94313 6.28574 8.94313 6.28574L8.33342 4.43206L7.72371 6.28574ZM10.4563 9.46084L10.4581 9.46637L10.4563 9.46084L9.60257 10.3146L9.60809 10.3164M13.0001 10.825C13.3867 10.825 13.7001 11.1384 13.7001 11.525V12.1584H14.3334C14.72 12.1584 15.0334 12.4718 15.0334 12.8584C15.0334 13.245 14.72 13.5584 14.3334 13.5584H13.7001V14.1917C13.7001 14.5783 13.3867 14.8917 13.0001 14.8917C12.6135 14.8917 12.3001 14.5783 12.3001 14.1917V13.5584H11.6668C11.2802 13.5584 10.9668 13.245 10.9668 12.8584C10.9668 12.4718 11.2802 12.1584 11.6668 12.1584H12.3001V11.525C12.3001 11.1384 12.6135 10.825 13.0001 10.825Z" fill="#CF163E"/>
+</svg>

source/_static/img/icons/nav/observability.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M3.333 2.7c-.35 0-.633.284-.633.633v9.333c0 .35.284.633.633.633h9.333c.35 0 .633-.284.633-.633V3.333c0-.35-.284-.633-.633-.633H3.333zM1.3 3.333C1.3 2.21 2.21 1.3 3.333 1.3h9.333c1.123 0 2.033.91 2.033 2.033v9.333c0 1.123-.91 2.033-2.033 2.033H3.333c-1.123 0-2.033-.91-2.033-2.033V3.333zm6.097.636a.7.7 0 0 1 .622.56l.872 4.358.459-1.147A.7.7 0 0 1 10 7.3h1.333a.7.7 0 1 1 0 1.4h-.859l-1.157 2.893a.7.7 0 0 1-1.336-.123l-.872-4.358L6.65 8.26A.7.7 0 0 1 6 8.7H4.667a.7.7 0 0 1 0-1.4h.859l1.157-2.893a.7.7 0 0 1 .714-.437z" fill="#cf163e"/></svg>

source/_static/img/icons/nav/openshift.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" fill="none" xmlns:v="https://vecta.io/nano"><g fill="#db212f"><path d="M4.937 7.001l-2.727.993c.035.438.113.87.216 1.294l2.593-.944c-.084-.438-.114-.89-.079-1.343M17 3.983a7.79 7.79 0 0 0-.666-1.13l-2.729.993a5.11 5.11 0 0 1 .802 1.08L17 3.983z"/><path d="M10.994 3.21a5.04 5.04 0 0 1 1.474 1.05l2.729-.993A7.76 7.76 0 0 0 12.15.731 7.82 7.82 0 0 0 1.774 4.507a7.76 7.76 0 0 0-.705 3.902l2.73-.993a5.05 5.05 0 0 1 .454-1.752 5.08 5.08 0 0 1 6.741-2.453"/></g><path d="M2.593 9.226L0 10.17a7.9 7.9 0 0 0 1.219 2.644l2.723-.992c-.694-.715-1.163-1.618-1.35-2.596" fill="#ea2227"/><path d="M13.904 8.198a5 5 0 0 1-.458 1.753 5.08 5.08 0 0 1-6.741 2.453 5.02 5.02 0 0 1-1.478-1.048l-2.723.992a7.74 7.74 0 0 0 3.045 2.537 7.82 7.82 0 0 0 10.375-3.776 7.73 7.73 0 0 0 .702-3.9l-2.723.991h0z" fill="#db212f"/><path d="M14.576 4.865l-2.593.944a5.09 5.09 0 0 1 .635 2.856l2.723-.991c-.078-.977-.338-1.931-.765-2.809z" fill="#ea2227"/></svg>

source/_static/img/icons/nav/overview.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#cf163e" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M1.3 3.333c0-.755.612-1.367 1.367-1.367H6c.755 0 1.367.612 1.367 1.367v3.333c0 .755-.612 1.367-1.367 1.367H2.667c-.755 0-1.367-.612-1.367-1.367V3.333zm1.4.033v3.267h3.267V3.367H2.7z"/><path d="M8.633 3.334a.7.7 0 0 1 .7-.7H14a.7.7 0 1 1 0 1.4H9.333a.7.7 0 0 1-.7-.7zm.7 2.633a.7.7 0 0 0 0 1.4H14a.7.7 0 1 0 0-1.4H9.333zM1.3 10a.7.7 0 0 1 .7-.7h12a.7.7 0 1 1 0 1.4H2a.7.7 0 0 1-.7-.7zm.7 2.634a.7.7 0 1 0 0 1.4h12a.7.7 0 1 0 0-1.4H2z"/></svg>

source/_static/img/icons/nav/rancher.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="9" viewBox="0 0 242.2 107.4" fill="#2453ff" xmlns:v="https://vecta.io/nano"><path d="M229 23.6l-2.5-14.9c-.8-4.8-2.7-8.7-4.1-8.7-1.5 0-2.7 4-2.7 8.8v3.9c0 4.8-4 8.8-8.8 8.8H207h-.8v10.7h.8 14.7c4.8 0 8.1-3.9 7.3-8.6M193.9 11h-23.7-.6-24.4c-.3 0-.6 0-.8.1V8.8c0-4.8-1.2-8.8-2.7-8.8s-3.3 3.9-4.1 8.7l-2.5 14.9c-.8 4.8 2.5 8.7 7.4 8.7h14.6c1.5 0 2.9-.2 4.2-.6-.5 2.5-2.6 4.4-5.3 4.4h-20.5c-3.3 0-5.8-3-5.3-6.3l2.1-12.5c.5-3.3-2-6.3-5.3-6.3H24.8c-2.2 0-4 1.3-4.9 3.2L.7 43.5c-.3.5-.3 1.1.1 1.6l3.7 4.4c.5.6 1.3.6 1.9.2l13.1-10.3V102c0 3 2.4 5.4 5.4 5.4h29c3 0 5.4-2.4 5.4-5.4V80.2c0-3 2.4-5.4 5.4-5.4h72.4c3 0 5.4 2.4 5.4 5.4V102c0 3 2.4 5.4 5.4 5.4h29c3 0 5.4-2.4 5.4-5.4V78.6h-15.4c-4.8 0-8.8-4-8.8-8.8V54.7c0-2.9 1.4-5.4 3.5-7v18c0 4.8 4 8.8 8.8 8.8h23.7c4.8 0 8.8-4 8.8-8.8V19.9c-.2-5-4.1-8.9-9-8.9m36.7-5.4c0-3.9 2.9-5.6 5.6-5.6s5.6 1.7 5.6 5.6c0 3.8-2.9 5.5-5.6 5.5s-5.6-1.7-5.6-5.5zm9.9 0c0-3.1-2-4.4-4.2-4.4S232 2.5 232 5.6c0 3 2.1 4.4 4.3 4.4 2.2-.1 4.2-1.4 4.2-4.4zm-6.1-2.8h2c1 0 2 .3 2 1.7 0 .8-.6 1.3-1.3 1.5l1.3 2.3h-1.2L236 6.1h-.5v2.2h-1.1V2.8h0zm2 2.5c.5 0 .9-.3.9-.8 0-.6-.5-.7-.9-.7h-1v1.5h1z"/></svg>

source/_static/img/icons/nav/ref-hardware.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" xmlns:v="https://vecta.io/nano"><style><![CDATA[.B{stroke-linejoin:round}]]></style><path d="M21 8.764l.467.522a.7.7 0 0 0 .233-.522H21zm0 4.472h.7a.7.7 0 0 0-.233-.522l-.467.522zM21 19v.7a.7.7 0 0 0 .7-.7H21zM3 19h-.7a.7.7 0 0 0 .7.7V19zm0-5.764l-.467-.522a.7.7 0 0 0-.233.522H3zm0-4.472h-.7a.7.7 0 0 0 .233.522L3 8.764zM5 4.3A2.7 2.7 0 0 0 2.3 7h1.4A1.3 1.3 0 0 1 5 5.7V4.3zm14 0H5v1.4h14V4.3zM21.7 7A2.7 2.7 0 0 0 19 4.3v1.4A1.3 1.3 0 0 1 20.3 7h1.4zm0 1.764V7h-1.4v1.764h1.4zM20.7 11c0-.681.295-1.292.767-1.715l-.934-1.043A3.69 3.69 0 0 0 19.3 11h1.4zm.767 1.714c-.472-.422-.767-1.033-.767-1.714h-1.4a3.69 3.69 0 0 0 1.233 2.758l.934-1.043zM21.7 19v-5.764h-1.4V19h1.4zM3 19.7h18v-1.4H3v1.4zm-.7-6.464V19h1.4v-5.764H2.3zM3.3 11a2.29 2.29 0 0 1-.767 1.714l.934 1.043C4.223 13.081 4.7 12.096 4.7 11H3.3zm-.767-1.715c.472.422.767 1.033.767 1.715h1.4c0-1.096-.477-2.081-1.233-2.758l-.934 1.043zM2.3 7v1.764h1.4V7H2.3z" fill="#cf163e"/><g stroke="#cf163e" class="B"><path d="M12 16v1m1-1v1m1-1v1m1-1v1m1-1v1m1-1v1m1-1v1m-7-1v1m-1-1v1m-1-1v1m-1-1v1m-1-1v1m-1-1v1" stroke-width=".4" stroke-linecap="round"/><rect x="7" y="8" width="1" height="4" rx=".5"/><rect x="10" y="8" width="1" height="4" rx=".5"/><rect x="13" y="8" width="1" height="4" rx=".5"/><rect x="16" y="8" width="1" height="4" rx=".5"/></g></svg>

source/_static/img/icons/nav/replication.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#cf163e" xmlns:v="https://vecta.io/nano"><path d="M5.65 1.394a.7.7 0 0 1 .7 0l1.155.667a.7.7 0 0 1-.7 1.212L6 2.808 2.081 5.071v4.525l.805.465a.7.7 0 1 1-.7 1.212l-1.155-.667A.7.7 0 0 1 .681 10V4.666a.7.7 0 0 1 .35-.606L5.65 1.394zm5.017 7.939c0 .736-.597 1.333-1.333 1.333S8 10.07 8 9.333 8.597 8 9.333 8s1.333.597 1.333 1.333z"/><path fill-rule="evenodd" d="M8.983 3.394a.7.7 0 0 1 .7 0l4.619 2.667a.7.7 0 0 1 .35.606V12a.7.7 0 0 1-.35.606l-4.619 2.667a.7.7 0 0 1-.7 0l-4.619-2.667a.7.7 0 0 1-.35-.606V6.666a.7.7 0 0 1 .35-.606l4.619-2.667zM5.415 7.071v4.525l3.919 2.262 3.919-2.262V7.071L9.333 4.808 5.415 7.071z"/></svg>

source/_static/img/icons/nav/s3.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M2.7 5.072V7.33c.003.014.028.095.203.234.214.17.568.353 1.068.52.994.332 2.415.549 4.028.549s3.034-.217 4.028-.549c.501-.167.854-.351 1.068-.52.175-.139.201-.22.203-.234V5.072a6.49 6.49 0 0 1-.836.34c-1.175.392-2.753.622-4.464.622s-3.289-.23-4.464-.622c-.298-.099-.579-.212-.836-.34zm12-1.739v4c0 .581-.351 1.024-.734 1.328-.39.309-.911.556-1.494.751-1.012.338-2.325.555-3.772.608v1.403a2.04 2.04 0 0 1 1.21 1.21H14a.7.7 0 1 1 0 1.4H9.91c-.285.778-1.033 1.333-1.91 1.333s-1.624-.555-1.91-1.333H2a.7.7 0 1 1 0-1.4h4.09a2.04 2.04 0 0 1 1.21-1.21v-1.403c-1.446-.053-2.76-.27-3.772-.608-.583-.195-1.104-.442-1.494-.751-.383-.304-.734-.747-.734-1.328v-4c0-.583.355-1.026.738-1.328.391-.308.914-.555 1.498-.75C4.711.863 6.289.633 8 .633s3.289.23 4.464.622c.584.195 1.106.442 1.498.75.383.302.738.746.738 1.328zm-1.401 0c-.007-.022-.041-.1-.204-.229-.216-.17-.572-.354-1.074-.521-.997-.332-2.419-.55-4.021-.55s-3.024.218-4.021.55c-.502.167-.858.351-1.074.521-.163.128-.197.207-.204.229.007.022.041.1.204.229.216.17.572.354 1.074.521.997.332 2.419.55 4.021.55s3.024-.218 4.021-.55c.502-.167.858-.351 1.074-.521.163-.128.197-.207.204-.229zm.001 3.995h0zm-10.601 0h0zM8 12.7c-.35 0-.633.284-.633.633s.284.633.633.633.633-.284.633-.633S8.35 12.7 8 12.7z" fill="#cf163e"/></svg>

source/_static/img/icons/nav/subnet.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.66 27.69" fill="#c72c49" xmlns:v="https://vecta.io/nano"><path d="M26.81 19.05l.86-3.2-.31-.22-1-.68-.54-.37v-.72h0v-.76l1.81-1.22-.87-3.22-2.21-.18-.07-.12-.65-1.14.88-1.83-2.42-2.45-1.85.88-1.28-.74-.18-2.2-3.2-.86-1.25 1.8h-1.5l-.07-.1-.92-1.38-.21-.34-3.22.87-.1 1.11c0 .38-.06.75-.09 1.1l-1.26.72-1.86-.88-2.44 2.42.39.79.52 1.07-.73 1.27-2.21.18-.86 3.19.31.22 1 .68.54.37v.72h0v.75l-1.8 1.23.86 3.22 2.21.17.07.13.65 1.14-.88 1.83 2.42 2.45 1.85-.88 1.28.74.18 2.2 3.2.86 1.25-1.8h1.5l.07.1.91 1.38.22.34 3.22-.87.09-1.11c0-.38.07-.75.1-1.1l1.26-.72 1.86.88 2.44-2.42-.39-.78-.52-1.08.73-1.27zm-2.9-.84l-1.14 2-.12.33.13.27.63 1.26v.08l-1.32 1.32-1.43-.68-.33-.09-1.88 1.11-.25.22v.29c0 .41-.07.84-.11 1.3v.34l-1.7.46-.71-1.07-.4-.58h-2.37l-.33.06-1.13 1.57-1.71-.46-.16-2-2.28-1.31-1.67.79-1.32-1.34.67-1.38.1-.34-.16-.27-.75-1.3-.23-.39-.22-.25-1.93-.16-.46-1.71 1.64-1.11v-1.34h0v-1l-.07-.33-.94-.66-.65-.44.46-1.71 1.68-.13.36-.07 1.14-2 .12-.33-.14-.27-.62-1.26v-.08l1.32-1.32 1.43.68.33.09 1.95-1.13.25-.22v-.29c0-.41.07-.84.11-1.3v-.34l1.7-.46.71 1.07.4.58h2.37l.33-.07 1.09-1.56 1.71.45.16 2 2.28 1.31 1.67-.79 1.32 1.34-.67 1.38-.09.34.15.27.75 1.3.23.39.22.25 1.93.15.46 1.72-1.64 1.11v1.34h0v1l.07.33.94.66.65.44-.46 1.71-1.68.13zm-10.04 2.92a7.38 7.38 0 1 1 7.29-8.54l-.69.11a6.68 6.68 0 1 0-5.55 7.65l.11.69a7.65 7.65 0 0 1-1.16.09z"/></svg>

source/_static/img/icons/nav/tanzu.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" fill="none" xmlns:v="https://vecta.io/nano"><path d="M5.362 13.405h4.649c.102 0 .17-.034.271-.068.068-.034.136-.102.204-.17l2.953-3.699c.068-.068.102-.17.102-.238.034-.102.034-.17 0-.271l-1.12-4.514c-.034-.068-.068-.17-.102-.238-.068-.068-.136-.136-.204-.17l-4.14-2.104a.75.75 0 0 0-.543 0L3.224 4.038a.9.9 0 0 0-.204.17c-.068.068-.102.136-.102.238L1.833 8.959c-.034.102-.034.17 0 .271s.068.17.102.238l2.986 3.699c.068.068.136.136.204.17s.136.068.238.068zm4.649-.645H5.362L2.41 9.095l1.052-4.514 4.208-2.07 4.14 2.07 1.12 4.514-2.919 3.665z" fill="#238fcf"/><path d="M2.342 3.19l-.543-.441L7.364 0v.679L2.342 3.19z" fill="#1bbfd3"/><path d="M14.559 9.672l.679.136-3.869 4.887-.305-.611 3.495-4.412z" fill="#79bf43"/><path d="M8.009.713V.034l5.498 2.749-.509.441L8.009.713z" fill="#1bbfd3"/><path d="M13.337 3.699l.543-.441 1.493 5.973-.679-.136-1.357-5.396zM.679 9.061L0 9.197l1.425-5.939.543.441-1.29 5.362z" fill="#1d4489"/><path d="M.814 9.672l3.563 4.412-.305.611L.136 9.842l.679-.17z" fill="#79bf43"/><path d="M10.487 14.355l.305.645H4.615l.305-.645h5.566z" fill="#1bbfd3"/> .7,2.1,1.9,2.2c0.1,0,0.1,0,0.2,0c1.2,0.1,2.2-0.7,2.4-1.8V80L211,80z"/&gt;</svg>

source/_static/img/icons/nav/versioning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" xmlns:v="https://vecta.io/nano"><g clip-path="url(#A)"><path fill-rule="evenodd" d="M2.667 2.033c-.35 0-.633.284-.633.633v2.667c0 .35.284.633.633.633h2.667c.35 0 .633-.284.633-.633V2.667c0-.35-.284-.633-.633-.633H2.667zm-2.033.633c0-1.123.91-2.033 2.033-2.033h2.667c1.123 0 2.033.91 2.033 2.033v2.667c0 1.123-.91 2.033-2.033 2.033H2.667c-1.123 0-2.033-.91-2.033-2.033V2.667zm8-1.333a.7.7 0 0 1 .7-.7 2.04 2.04 0 0 1 2.033 2.033v2.667a2.04 2.04 0 0 1-2.033 2.033.7.7 0 0 1 0-1.4.64.64 0 0 0 .633-.633V2.667a.64.64 0 0 0-.633-.633.7.7 0 0 1-.7-.7zm4 0a.7.7 0 0 1 .7-.7 2.04 2.04 0 0 1 2.033 2.033v2.667a2.04 2.04 0 0 1-2.033 2.033.7.7 0 0 1 0-1.4.64.64 0 0 0 .633-.633V2.667a.64.64 0 0 0-.633-.633.7.7 0 0 1-.7-.7zm-11.3 7.3a.7.7 0 0 1 .7.7V10a1.26 1.26 0 0 0 1.3 1.3h1.643l-.805-.805a.7.7 0 0 1 .99-.99l2 2a.7.7 0 0 1 0 .99l-2 2a.7.7 0 0 1-.99-.99l.805-.805H3.333a2.66 2.66 0 0 1-2.7-2.7v-.667a.7.7 0 0 1 .7-.7zm9.333 1.4c-.35 0-.633.284-.633.633v2.667c0 .35.284.633.633.633h2.667c.35 0 .633-.284.633-.633v-2.667c0-.35-.284-.633-.633-.633h-2.667zm-2.033.633c0-1.123.91-2.033 2.033-2.033h2.667c1.123 0 2.033.91 2.033 2.033v2.667c0 1.123-.91 2.033-2.033 2.033h-2.667c-1.123 0-2.033-.91-2.033-2.033v-2.667z" fill="#cf163e"/></g><defs><clipPath id="A"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

source/_static/js/main.js

@@ -76,18 +76,20 @@ window.addEventListener("DOMContentLoaded", (event) => {
     const readModeEl = document.getElementById("read-mode-toggle");
     
     // Toggle read mode on icon click
-    readModeEl.addEventListener("click", (event) => {
+    if(readModeEl) {
-      document.documentElement.classList.toggle("read-mode");
+      readModeEl.addEventListener("click", (event) => {
-
+        document.documentElement.classList.toggle("read-mode");
-			// Re-calculate sidebar height
+  
-      setSidebarHeight();
+        // Re-calculate sidebar height
-
+        setSidebarHeight();
-      if (document.documentElement.classList.contains("read-mode")) {
+  
-        localStorage.setItem("read-mode", "true");
+        if (document.documentElement.classList.contains("read-mode")) {
-      } else {
+          localStorage.setItem("read-mode", "true");
-        localStorage.setItem("read-mode", "false");
+        } else {
-      }
+          localStorage.setItem("read-mode", "false");
-    });
+        }
+      });
+    }
 
     // Turn on read mode on smaller screen size.
     // Kinda like the responsive design.
@@ -123,7 +125,7 @@ window.addEventListener("DOMContentLoaded", (event) => {
   // --------------------------------------------------
   // Dark mode
   // --------------------------------------------------
-  (function () {
+  /* (function () {
     const darkModeEl = document.getElementById("dark-mode-toggle");
 
     darkModeEl.addEventListener("click", (event) => {
@@ -136,7 +138,7 @@ window.addEventListener("DOMContentLoaded", (event) => {
       }
     });
   })();
-
+ */
 
   // --------------------------------------------------
   // TOC, External Links

source/_static/scss/includes/_aside.scss

@@ -8,14 +8,19 @@ div.sidebar {
     width: $sidebar-width;
     position: sticky;
     top: 0;
-    background-color: var(--sidebar-bg);
+    background-color: $white;
     transition: opacity 400ms, transform 300ms;
-    padding: var(--content-padding);
+    //padding: var(--content-padding);
+    padding: 0;
     overflow-y: auto;
     height: 100vh;
     z-index: $z-index-header - 2;
     margin: 0;
     border: none;
+
+    @include breakpoint-max(breakpoints(xl)) {
+        padding: var(--content-padding);
+    }
     
     // Sidebar is set to hidden by default and later shown with JS.
     // This prevents the scrollbar-flicker due to

source/_static/scss/includes/_base.scss

@@ -34,4 +34,10 @@ body {
     display: flex;
     flex-direction: column;
     word-break: break-word;
+    overflow-x: hidden;
+
+    @include breakpoint-min(breakpoints(xl)) {
+        background: url(../img/bg.png) no-repeat top 5rem right;
+        background-size: 120px;
+    }
 }

source/_static/scss/includes/_font.scss

@@ -1,20 +1,50 @@
 @font-face {
-     font-family: "Inter";
+     font-family: Geist;
-     src: url("../fonts/inter/Inter-Regular.woff2") format("woff2");
+     src: url(../fonts/geist/Geist-Bold.woff2) format("woff2");
-     font-weight: 400;
-     font-style: normal;
-}
-
- @font-face {
-     font-family: "Inter";
-     src: url("../fonts/inter/Inter-Medium.woff2") format("woff2");
-     font-weight: 500;
-     font-style: normal;
-}
-
-@font-face {
-     font-family: "Inter";
-     src: url("../fonts/inter/Inter-Bold.woff2") format("woff2");
      font-weight: 700;
      font-style: normal;
-}
+     font-display: swap;
+ }
+ @font-face {
+     font-family: Geist;
+     src: url(../fonts/geist/Geist-Regular.woff2) format("woff2");
+     font-weight: 400;
+     font-style: normal;
+     font-display: swap;
+ }
+ @font-face {
+     font-family: Geist;
+     src: url(../fonts/geist/Geist-Medium.woff2) format("woff2");
+     font-weight: 500;
+     font-style: normal;
+     font-display: swap;
+ }
+ @font-face {
+     font-family: Geist Mono;
+     src: url(../fonts/geist-mono/GeistMono-Regular.woff2) format("woff2");
+     font-weight: 400;
+     font-style: normal;
+     font-display: swap;
+ }
+
+ @font-face {
+     font-family: Satoshi;
+     src: url(../fonts/satoshi/Satoshi-Bold.woff2) format("woff2");
+     font-weight: 700;
+     font-style: normal;
+     font-display: swap;
+ }
+ @font-face {
+     font-family: Satoshi;
+     src: url(../fonts/satoshi/Satoshi-Regular.woff2) format("woff2");
+     font-weight: 400;
+     font-style: normal;
+     font-display: swap;
+ }
+ @font-face {
+     font-family: Satoshi;
+     src: url(../fonts/satoshi/Satoshi-Medium.woff2) format("woff2");
+     font-weight: 500;
+     font-style: normal;
+     font-display: swap;
+ }

source/_static/scss/includes/_header.scss

@@ -1,12 +1,13 @@
 .header {
-	background-color: var(--header-bg);
-	box-shadow: 0 0 0.75rem rgba($black, 0.1);
 	width: 100%;
 	position: relative;
 	z-index: $z-index-header;
 	
-	& > .container {
+	.header__inner {
 		position: relative;
+		display: flex;
+		align-items: center;
+		min-height: 4.25rem;
 	}
 }
 
@@ -162,7 +163,8 @@
 	.icon {
 		&:not(.icon--switch) {
 			& > svg {
-				fill: var(--header-text-color);
+				//fill: var(--header-text-color);
+				fill: $black;
 			}
 
 			&:hover {
@@ -183,11 +185,13 @@
 }
 
 .header__title {
-	font-size: 2.5rem;
+	font-size: clamp(40px, 6vw, 72px);
-	text-align: center;
+    line-height: 1.2;
-	color: $white;
+	color: $black;
-	margin: 3rem 1rem 0;
+	padding-bottom: 5rem;
-	padding-bottom: 3rem;
+	margin-left: -0.25rem;
+	font-family: $font-family-heading;
+	margin-top: 5rem;
 }
 
 #read-mode-toggle {

source/_static/scss/includes/_layout.scss

@@ -28,7 +28,7 @@
 .content__main {
     flex: 1;
     min-width: 0;
-    padding: var(--content-padding);
+    padding: 0 var(--content-padding) var(--content-padding);
 }
 
 .container { 

source/_static/scss/includes/_misc.scss

@@ -231,7 +231,7 @@
 // Copy button
 // -----------------------------
 button.copybtn {
-  border-radius: $border-radius-sm;
+  border-radius: $border-radius;
   top: 0.1;
   right: 0rem;
   border: 0;

source/_static/scss/includes/_nav.scss

@@ -3,9 +3,9 @@
 // ----------------------
 .nav {
 	align-items: center;
-	position: relative;
 	gap: 0.5rem;
 	font-size: $font-size-md;
+	margin-left: auto;
 
 	.hide-aside {
 		padding: 0.5rem;
@@ -13,25 +13,40 @@
 	}
 }
 
+.nav__item a, 
+.nav__item a:hover {
+    color: #000;
+}
+
 .nav__link {
 	position: relative;
+    text-transform: uppercase;
+    font-weight: $font-weight-medium;
+    letter-spacing: 1.5px;
+    font-size: $font-size-xs;
+	font-family: $font-family-heading;
+	color: $black;
 
-	&,
 	&:hover {
-		color: var(--nav-text-color);
+		color: $black;
+	}
+
+	&.nav__link--alt {
+		color: $theme-red;
 	}
 }
 
 .nav__link--download {
-	border: 1px solid var(--nav-download-border-color);
+	background-color: $theme-red;
-	transition: background-color 300ms, color 300ms;
+	border-radius: $border-radius-lg;
-	border-radius: $border-radius;
+	padding: 0.5rem 1rem !important;
-	padding: 0.35rem 1.5rem !important;
-	margin-left: auto;
 	font-weight: $font-weight-medium;
+	transition: background-color 300ms, color 300ms;
+	color: $white !important;
 
 	&:hover {
-		background-color: var(--nav-download-hover-bg);
+		background-color: darken($theme-red, 5%);
+		color: $white;
 	}
 }
 
@@ -87,7 +102,7 @@ a.nav__sub {
 }
 
 .nav__column--enterprise {
-	grid-column: span 2 / span 2;
+	grid-column: span 3 / span 3;
 }
 
 .nav__features {
@@ -103,32 +118,14 @@ a.nav__sub {
 :root {
 	&:not(.read-mode) {
 		.nav {
-			margin: 0.5rem 0 0;
 			display: flex;
-			gap: 2rem;
+			gap: 2.25rem;
 		}
 		
 		.nav__item {
 			.nav__link {
 				padding-right: 1.25rem;
-				background: var(--nav-item-arrow) no-repeat top 20px right 0.25rem;
+				background: var(--nav-item-arrow) no-repeat top 2.2rem right 0.25rem;
-
-				&:after {
-					opacity: 0;
-					pointer-events: none;
-					box-sizing: border-box;
-					left: 50%;
-					margin-left: -3px;
-					content: "";
-					width: 0;
-					height: 0;
-					border-style: solid;
-					border-width: 0 6px 4px;
-					border-color: transparent transparent var(--nav-dropdown-bg);
-					position: absolute;
-					bottom: -1px;
-					transition: opacity 200ms;
-				}
 			}
 
 			&:hover {
@@ -146,7 +143,7 @@ a.nav__sub {
 				.nav__link--dropdown {
 					& > span {
 						&:before {
-							opacity: 0;
+							//opacity: 0;
 						}
 					}
 				}
@@ -154,8 +151,7 @@ a.nav__sub {
 		}
 
 		.nav__link {
-			padding-top: 0.5rem;
+			padding-block: 1.8rem;
-			padding-bottom: 0.6rem;
 			cursor: pointer;
 	
 			& > span {
@@ -164,9 +160,10 @@ a.nav__sub {
 				&:before {
 					height: 4px;
 					width: 100%;
-					background-color: var(--nav-item-border-color);
+					//background-color: var(--nav-item-border-color);
+					background-color: currentColor;
 					position: absolute;
-					bottom: -18px;
+					bottom: -30px;
 					left: 0;
 					content: "";
 					transform: translateY(5px);
@@ -200,48 +197,33 @@ a.nav__sub {
 		.nav__dropdown {
 			position: absolute;
 			left: 0;
-			top: 100%;
+			top: 60px;
-			opacity: 0;
+			transition: opacity 300ms, transform 300ms;
-			transition: opacity 200ms;
+			background-color: $white;
-			pointer-events: none;
-			border-radius: $border-radius-lg;
-			overflow: hidden;
-			box-shadow: 0 0.0625rem 1.25rem rgba($black, 0.13);
-			background-color: var(--nav-dropdown-bg);
 			z-index: 1;
-
+			isolation: isolate;
-			&:not(.nav__dropdown--cols) {
+			padding-inline: 2rem;
-				width: 385px;
+			opacity: 0;
-			}
+			pointer-events: none;
+			transform: translate3d(0, 1rem, 0);
 	
+			&:before {
+				content: "";
+				position: absolute;
+				top: 0;
+				left: -50vmax;
+				right: -50vmax;
+				bottom: 0;
+				pointer-events: none;
+				z-index: -1;
+				background-color: $white;
+				border-top: 1px solid $neutral-subtle;
+				box-shadow: 24px 24px 48px 0px rgba(0, 0, 0, 0.08);
+			}
+			
 			.nav__dropdown__inner {
-				padding: 1.5rem;
 				max-height: calc(100vh - 5rem);
 				overflow-y: auto;
-				border-radius: $border-radius-lg;	
-			}
-		}
-
-		.nav__dropdown--cols {
-			&:hover {
-				opacity: 1;
-				pointer-events: auto;
-			}
-	
-			width: 100%;
-			transform: translateX(0);
-			left: 0;
-	
-			.nav__dropdown__inner {
-				display: grid;
-				grid-template-columns: repeat(4, 1fr);
-				gap: 1.5rem;
-			}
-	
-			&.nav__dropdown--cols-3 {
-				.nav__dropdown__inner {
-					grid-template-columns: repeat(3, 1fr);
-				}
 			}
 		}
 
@@ -274,6 +256,12 @@ a.nav__sub {
 	}
 
 	&.read-mode {
+		// Temp
+		.nav__dropdown {
+			padding-inline: 1.5rem;
+			margin-bottom: 1rem;
+		}
+		
 		.nav {
 			margin-top: 0;
 			height: 100vh;
@@ -321,17 +309,6 @@ a.nav__sub {
 			margin: 1.5rem;
 			text-align: center;
 			display: block;
-			
-			&:hover {
-				color: var(--header-headings-color);
-			}
-		}
-
-		.nav__dropdown {
-			.nav__dropdown__inner {
-				padding: 0.5rem 0.8rem;
-				margin-bottom: 1rem;
-			}
 		}
 
 		.nav__sub {
@@ -404,10 +381,9 @@ a.nav__sub {
 }
 
 .platform-nav {
-	background-color: var(--content-nav-bg);
 	font-size: $font-size-md;
     position: relative;
-    box-shadow: 0 0.1875rem 0.375rem rgba($black, 0.15);
+	margin-bottom: 2rem;
 
 	.search-toggle {
         margin-left: auto;
@@ -424,7 +400,6 @@ a.nav__sub {
 		display: flex;
 		align-items: center;
 		overflow: hidden;
-		padding: 0;
 		height: 2.8rem;
 	}
 
@@ -433,7 +408,6 @@ a.nav__sub {
 		overflow-x: auto;
 		flex: 1 1 auto;
 		scroll-behavior: smooth;
-		padding: 0 var(--content-padding);
 		scroll-snap-type: x mandatory;
 
 		@include hide-scrollbars();
@@ -444,10 +418,12 @@ a.nav__sub {
 .platform-nav__sub {
 	position: relative;
 	overflow: hidden;
+	box-shadow: 0 1px 0 0 $neutral-subtle;
 
 	nav {
+
 		& > a {
-			border-bottom: 2px solid transparent;
+			border-bottom: 3px solid transparent;
             height: 2.8rem;
             transition: color 300ms;
 			white-space: nowrap;
@@ -461,44 +437,30 @@ a.nav__sub {
 .platform-nav__main {
 	display: flex;
 	align-items: center;
+	margin-bottom: 1rem;
 
 	nav {
 		margin: 0;
 		display: flex;
 		list-style: none;
-		gap: 1.5rem;
 		align-items: center;
 
 		& > a {
-			color: var(--text-muted-color);
+			color: $black;
 			font-weight: $font-weight-medium;
-
+			padding: 0 1.2rem;
-			& > img {
-				margin-right: 0.5rem;
-				opacity: 0.65;
-				transition: opacity 300ms;
-				filter: var(--content-nav-icon-filter);
-
-				&:first-child {
-					display: none;
-				}
-			}
 
 			&.active {
-				border-bottom-color: var(--content-nav-active-border-color);
+				//border-bottom-color: var(--content-nav-active-border-color);
-				color: var(--text-muted-hover-color);
+				//color: var(--text-muted-hover-color);
+				border-bottom-color: $theme-red;
 			}
 
 			&:hover,
 			&.active {
-				& > img {
+				color: $theme-red;
-					opacity: 1;
-				}
 			}
 
-			&:hover {
-				color: var(--text-muted-hover-color);
-			}
 		}
 	}
 
@@ -518,17 +480,20 @@ a.nav__sub {
 };
 
 .platform-nav__sub {
-    background-color: var(--content-nav-sub-bg);
     font-size: $font-size-sm;
 
+	.container {
+		padding-inline: 0;
+	}
+
     nav {
         display: flex;
         align-items: center;
-        gap: 1.5rem;
 
         & > a {
             font-weight: $font-weight-medium;
             color: var(--content-nav-sub-color);
+			padding: 0 1.2rem;
     
             &.active {
                 border-bottom-color: var(--content-nav-sub-active-border-color);
@@ -616,7 +581,7 @@ a.nav__sub {
 		font-size: 0.6rem;
 		display: block;
 		border: 1px solid var(--is-meta-key-border-color);
-		border-radius: $border-radius-sm;
+		border-radius: $border-radius;
 		padding: 0.1rem 0.2rem;
 		margin: 0.15rem auto 0;
 		font-style: normal;

source/_static/scss/includes/_reset.scss

@@ -45,7 +45,6 @@ h1, h2, h3, h4, h5, h6 {
     & > a,
     code {
         color: var(--headings-color);
-        font-size: inherit;
         padding: 0;
     }
 }
@@ -108,7 +107,7 @@ div.highlight {
     background-color: var(--code-bg);
     color: var(--code-color);
     border-radius: $border-radius;
-    font-size: $font-size-md;
+    font-size: $font-size-xs;
 }
 
 tt.xref, code.xref,

source/_static/scss/includes/_search.scss

@@ -18,7 +18,7 @@
 					top: 0;
 					width: 100%;
 					height: 100%;
-					background-color: var(--is-container-background);
+					//background-color: var(--is-container-background);
 					z-index: -1;
 				}
 			}
@@ -63,6 +63,7 @@
 
 	isolation: isolate;
 	position: relative;
+	margin-bottom: 2rem;
 }
 
 .search--active,
@@ -79,15 +80,15 @@
 }
 
 .search__input {
-	background: transparent var(--is-search-icon) no-repeat center left 1rem;
+	background: $white var(--is-search-icon) no-repeat center left 1rem;
 	background-size: 0.85rem;
 	appearance: none;
 	height: 2.75rem;
 	width: 100%;
 	padding: 0 1.5rem 0.05rem 2.5rem;
 	color: var(--text-color);
-	border-radius: $border-radius;
+	border-radius: 5rem;
-	border: 0;
+	border: 1px solid $neutral-subtle;
 
 	&::placeholder {
 		color: var(--text-muted-color);
@@ -101,7 +102,7 @@
 	appearance: none;
 	border: 0;
 	background: none;
-	border-radius: $border-radius-sm;
+	border-radius: $border-radius;
 	cursor: pointer;
 	display: none;
 	margin-right: 0.75rem;
@@ -302,7 +303,7 @@
 	color: var(--text-muted-color);
 	line-height: 1;
 	border: 1px solid var(--is-hit-platform-border-color);
-	border-radius: $border-radius-sm;
+	border-radius: $border-radius;
 	padding: 0.1rem 0.2rem;
 	width: fit-content;
 	margin: 0.4rem 0.35rem 0 0;
@@ -324,7 +325,7 @@
 	span {
 		background: var(--is-highlight-color);
 		padding: 0.2rem 0.4rem;
-		border-radius: $border-radius-sm;
+		border-radius: $border-radius;
 		color: var(--text-color);
 	}
 }
@@ -350,7 +351,6 @@
 
 .header {
 	#search {
-		padding: 0 1rem 2.5rem;
 		display: flex;
 
 		.search-meta-key {
@@ -382,28 +382,32 @@
 	}
 
 	.search__form {
-		background-color: var(--is-search-bg);
+		//background-color: var(--is-search-bg);
 	}
 
 	.search__inner {
 		max-width: 35rem;
 		width: 100%;
-		margin: 0 auto;
 		border-radius: $border-radius-lg;
 		position: relative;
+
+		@include breakpoint-max(breakpoints(xl)) {
+			margin: 0 auto;
+		}
 	}
 
 	.search__dropdown {
-		background-color: var(--is-dropdown-bg);
+		background-color: $white;
 		z-index: 10;
 		flex-direction: column;
-		border-radius: 0 0 $border-radius-lg $border-radius-lg;
+		border-radius: $border-radius-lg;
 		display: none;
 		max-height: 24.5rem;
+		box-shadow: 0px 7px 10px #00000036;
 	}
 
 	.search__filters {
-		background-color: var(--is-search-bg);
+		//background-color: var(--is-search-bg);
 
 		&:not(.search__filters--empty) {
 			.search__filters__list {

source/_static/scss/includes/_temp.scss

@@ -0,0 +1,449 @@
+* {
+  --tw-border-spacing-x: 0;
+    --tw-border-spacing-y: 0;
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
+    --tw-rotate: 0;
+    --tw-skew-x: 0;
+    --tw-skew-y: 0;
+    --tw-scale-x: 1;
+    --tw-scale-y: 1;
+    --tw-scroll-snap-strictness: proximity;
+    --tw-ring-offset-width: 0px;
+    --tw-ring-offset-color: #fff;
+    --tw-ring-color: rgb(59 130 246 / 0.5);
+    --tw-ring-offset-shadow: 0 0 #0000;
+    --tw-ring-shadow: 0 0 #0000;
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    border-width: 0;
+    border-style: solid;
+    border-color: #D6DAE1;
+}
+
+.sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+  }
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+  .col-start-1 {
+    grid-column-start: 1;
+  }
+  .row-span-4 {
+    grid-row: span 4 / span 4;
+  }
+  .row-start-1 {
+    grid-row-start: 1;
+  }
+  .-my-8 {
+    margin-top: -2rem;
+    margin-bottom: -2rem;
+  }
+  .my-2 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+  .mb-2 {
+    margin-bottom: 0.5rem;
+  }
+  .mb-3 {
+    margin-bottom: 0.75rem;
+  }
+  .mb-5 {
+    margin-bottom: 1.25rem;
+  }
+  .ml-3 {
+    margin-left: 0.75rem;
+  }
+  .ml-auto {
+    margin-left: auto;
+  }
+  .mt-2 {
+    margin-top: 0.5rem;
+  }
+  .mt-4 {
+    margin-top: 1rem;
+  }
+  .mt-5 {
+    margin-top: 1.25rem;
+  }
+  .block {
+    display: block;
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .hidden {
+    display: none;
+  }
+  .w-3\.5 {
+    width: 0.875rem;
+  }
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .gap-2 {
+    gap: 0.5rem;
+  }
+  .gap-3 {
+    gap: 0.75rem;
+  }
+  .rounded {
+    border-radius: 0.25rem;
+  }
+  .border-b {
+    border-bottom-width: 1px;
+  }
+  .border-l {
+    border-left-width: 1px;
+  }
+  .bg-gray-100 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+  }
+  .px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+  }
+  .px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+  .px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+  .py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+  .py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+  .pb-2\.5 {
+    padding-bottom: 0.625rem;
+  }
+  .pl-3 {
+    padding-left: 0.75rem;
+  }
+  .pl-4 {
+    padding-left: 1rem;
+  }
+  .pl-6 {
+    padding-left: 1.5rem;
+  }
+  .font-heading {
+    font-family: Satoshi, sans-serif;
+  }
+  .text-md {
+    font-size: 1rem;
+  }
+  .text-sm {
+    font-size: 0.875rem;
+  }
+  .text-xs {
+    font-size: 0.75rem;
+  }
+  .font-bold {
+    font-weight: 700;
+  }
+  .font-medium {
+    font-weight: 500;
+  }
+  .uppercase {
+    text-transform: uppercase;
+  }
+  .tracking-widest {
+    letter-spacing: 0.1em;
+  }
+  .text-black {
+    --tw-text-opacity: 1;
+    color: rgb(0 0 0 / var(--tw-text-opacity));
+  }
+  .text-muted {
+    color: rgba(0, 0, 0, 0.65);
+  }
+  .\*\:flex > * {
+    display: flex;
+  }
+  .\*\:items-center > * {
+    align-items: center;
+  }
+  .\*\:gap-3 > * {
+    gap: 0.75rem;
+  }
+  .\*\:rounded > * {
+    border-radius: 0.25rem;
+  }
+  .\*\:px-3 > * {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+  .\*\:py-2 > * {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+  }
+  .\*\:font-bold > * {
+    font-weight: 700;
+  }
+  .\*\:font-medium > * {
+    font-weight: 500;
+  }
+  .hover\:bg-gray-100:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+  }
+  @media not all and (min-width: 1280px) {
+    .max-xl\:order-1 {
+      order: 1;
+    }
+    .max-xl\:hidden {
+      display: none;
+    }
+    .max-xl\:w-4 {
+      width: 1rem;
+    }
+    .max-xl\:px-6 {
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+    }
+  }
+  @media (min-width: 1280px) {
+    .xl\:row-span-4 {
+      grid-row: span 4 / span 4;
+    }
+    .xl\:-my-8 {
+      margin-top: -2rem;
+      margin-bottom: -2rem;
+    }
+    .xl\:mb-5 {
+      margin-bottom: 1.25rem;
+    }
+    .xl\:grid {
+      display: grid;
+    }
+    .xl\:hidden {
+      display: none;
+    }
+    .xl\:grid-cols-4 {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+    .xl\:gap-3 {
+      gap: 0.75rem;
+    }
+    .xl\:border-l {
+      border-left-width: 1px;
+    }
+    .xl\:py-8 {
+      padding-top: 2rem;
+      padding-bottom: 2rem;
+    }
+    .xl\:pl-4 {
+      padding-left: 1rem;
+    }
+    .xl\:pl-6 {
+      padding-left: 1.5rem;
+    }
+    .xl\:text-md {
+      font-size: 1rem;
+    }
+  }
+
+.pb-2 {
+    padding-bottom: .5rem;
+}
+
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.border-l {
+  border-left-width: 1px;
+}
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+.py-7 {
+  padding-top: 1.75rem;
+  padding-bottom: 1.75rem;
+}
+@media (min-width: 1280px) {
+  .xl\:border-l {
+    border-left-width: 1px;
+  }
+  .xl\:px-6 {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+  .xl\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+}
+
+.col-span-3 {
+  grid-column: span 3 / span 3;
+}
+.grid {
+  display: grid;
+}
+.grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+.gap-5 {
+  gap: 1.25rem;
+}
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+@media not all and (min-width: 1280px) {
+  .max-xl\:pl-3 {
+    padding-left: 0.75rem;
+  }
+}
+@media (min-width: 1280px) {
+  .xl\:grid {
+    display: grid;
+  }
+  .xl\:py-8 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+}
+
+.mx-28 {
+  margin-left: 7rem;
+  margin-right: 7rem;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.h-14 {
+  height: 3.5rem;
+}
+.w-full {
+  width: 100%;
+}
+.max-w-sm {
+  max-width: 24rem;
+}
+.flex-1 {
+  flex: 1 1 0%;
+}
+.shrink-0 {
+  flex-shrink: 0;
+}
+.items-center {
+  align-items: center;
+}
+.overflow-x-auto {
+  overflow-x: auto;
+}
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+.rounded-md {
+  border-radius: 0.375rem;
+}
+.border {
+  border-width: 1px;
+}
+.border-theme-neutral-subtle {
+  --tw-border-opacity: 1;
+  border-color: rgb(214 218 225 / var(--tw-border-opacity));
+}
+.border-theme-red {
+  --tw-border-opacity: 1;
+  border-color: rgb(207 22 62 / var(--tw-border-opacity));
+}
+.border-transparent {
+  border-color: transparent;
+}
+.bg-white\/75 {
+  background-color: rgb(255 255 255 / 0.75);
+}
+.p-0\.5 {
+  padding: 0.125rem;
+}
+.font-heading {
+  font-family: Satoshi, sans-serif;
+}
+.font-bold {
+  font-weight: 700;
+}
+.text-theme-red {
+  --tw-text-opacity: 1;
+  color: rgb(207 22 62 / var(--tw-text-opacity));
+}
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.duration-300 {
+  transition-duration: 300ms;
+}
+.hover\:text-theme-red:hover {
+  --tw-text-opacity: 1;
+  color: rgb(207 22 62 / var(--tw-text-opacity));
+}
+@media (min-width: 1280px) {
+  .xl\:mx-28 {
+    margin-left: 7rem;
+    margin-right: 7rem;
+  }
+}
+.\[\&\.active\]\:border-theme-red.active {
+  --tw-border-opacity: 1;
+  border-color: rgb(207 22 62 / var(--tw-border-opacity));
+}
+.\[\&\.active\]\:text-theme-red.active {
+  --tw-text-opacity: 1;
+  color: rgb(207 22 62 / var(--tw-text-opacity));
+}
+
+.docs-menu {
+  max-width: 650px;
+  margin: 0 auto 5rem;
+  width: 100%;
+
+   & > a {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: $black;
+
+    &:hover {
+      color: $theme-red;
+    }
+   }
+}

source/_static/scss/includes/_variables.scss

@@ -1,7 +1,7 @@
 // Colors
 $white: #ffffff;
 $black: #000000;
-$theme-red: #c72e49;
+$theme-red: #CF163E;
 
 // Gray shades light
 $light-100: #f3f4f6;
@@ -18,6 +18,11 @@ $dark-300: #2E394A;
 $dark-400: #59667A;
 $dark-500: #8A93A4;
 
+// Theme color palette
+$tertiary: #8C8C8C;
+$neutral-subtle: #D6DAE1;
+$border-subtle: #566176;
+
 // Breakpoints
 $breakpoints: (
   xs: 0,
@@ -31,11 +36,11 @@ $breakpoints: (
 $z-index-header: 11;
 
 // Body
-$font-family-base: 'Inter', sans-serif;
+$font-family-base: 'Geist', sans-serif;
-$font-family-headings: 'Inter', sans-serif;
+$font-family-heading: 'Satoshi', sans-serif;
-$font-family-mono: Courier New, Courier ,monospace;
+$font-family-mono: 'Geist Mono', sans-serif;
-$root-font-size: 16px;
+$root-font-size: 1rem;
-$body-font-size: 1rem;
+$body-font-size: 1.125rem;
 $body-line-height: 1.6;
 
 // Text
@@ -43,13 +48,13 @@ $text-dark-color: #A2ADC0;
 $headings-dark-color: #E3EEEF;
 
 // Font size
-$font-size-xs: 0.6875rem;
+$font-size-xs: 12px;
-$font-size-sm: 0.8125rem;
+$font-size-sm: 14px;
-$font-size-md: 0.9375rem;
+$font-size-md: 16px;
-$font-size-lg: 1.125rem;
+$font-size-lg: 20px;
 
 // Layout
-$container-width: 1400px;
+$container-width: 1300px;
 
 // Font weight
 $font-weight-normal: 400;
@@ -63,9 +68,11 @@ $header-light-bg: #031733;
 $sidebar-width: 19.75rem;
 
 // Border Radius
-$border-radius: 0.1875rem;
+$border-radius: 4px;
-$border-radius-sm: 0.125rem;
+$border-radius-md: 6px;
-$border-radius-lg: 0.3125rem;
+$border-radius-lg: 8px;
+$border-radius-xl: 10px;
+
 
 // Nav - FIXME
 $nav-sub-hover-bg: #f8f8f8;

source/_static/scss/main.scss

@@ -14,4 +14,5 @@
 @import 'includes/footer';
 @import 'includes/nav';
 @import 'includes/alert';
-@import 'includes/content';
+@import 'includes/content';
+@import 'includes/temp';

source/_templates/header.html

@@ -1,73 +1,57 @@
 <header class="header inactive">
-    <div class="container">
+   <div class="container">
-       <div class="header__top">
+      <div class="header__inner">
-          <a href="/" class="header__logo">
+         <a href="/" class="header__logo">
             <svg viewBox="0 0 162.612 24.465">
                <path d="M52.751.414h9.108v23.63h-9.108zM41.711.74l-18.488 9.92a.919.919 0 0 1-.856 0L3.879.74A2.808 2.808 0 0 0 2.558.414h-.023A2.4 2.4 0 0 0 0 2.641v21.376h9.1V13.842a.918.918 0 0 1 1.385-.682l10.361 5.568a3.634 3.634 0 0 0 3.336.028l10.933-5.634a.917.917 0 0 1 1.371.69v10.205h9.1V2.641A2.4 2.4 0 0 0 43.055.414h-.023a2.808 2.808 0 0 0-1.321.326zm65.564-.326h-9.237v10.755a.913.913 0 0 1-1.338.706L72.762.675a2.824 2.824 0 0 0-1.191-.261h-.016a2.4 2.4 0 0 0-2.535 2.227v21.377h9.163V13.275a.914.914 0 0 1 1.337-.707l24.032 11.2a2.813 2.813 0 0 0 1.188.26 2.4 2.4 0 0 0 2.535-2.227zm7.161 23.63V.414h4.191v23.63zm28.856.421c-11.274 0-19.272-4.7-19.272-12.232C124.02 4.741 132.066 0 143.292 0s19.32 4.7 19.32 12.233-7.902 12.232-19.32 12.232zm0-21.333c-8.383 0-14.84 3.217-14.84 9.1 0 5.926 6.457 9.1 14.84 9.1s14.887-3.174 14.887-9.1c0-5.883-6.504-9.1-14.887-9.1z" />
             </svg>
-          </a>
+         </a>
-          
-          <div class="header__docs">
-            <div class="header__docs__current">
-							{{ docs[0].name }}
-						
-							{%- include "icons/chevron-down.html" %}
-						</div>
-            <nav class="header__docs__menu">
-               {% for doc in docs %}
-                  {% set current_name = doc.name if doc.current == True %}
-                  <a target="{% if doc.external == True %}_blank{% endif %}" class="{% if doc.current == True %}current{% endif %}" href="{{ doc.url }}">                  
-                     {{ doc.name }}
-                  </a>
-               {% endfor %}
-            </nav>
-          </div>
- 
-          <nav class="nav hidden-rm">
-             <a target="_blank" rel="noreferrer" href="https://subnet.min.io/" class="nav__link">
-                <span>Customer Login</span>
-             </a>
-          </nav>
 
-          <div class="header__actions">
+         {%- include "top-navigation.html" %}
-            <button data-aside-toggle="nav" type="button" class="icon visible-rm">
+
-               {%- include "icons/menu.html" %}
+         <button data-aside-toggle="nav" type="button" class="icon visible-rm ml-auto">
-               Menu
+            {%- include "icons/menu.html" %}
-            </button>
+            Menu
+         </button>
+         <!--
+         <div class="header__actions">
+            
 
             <button id="dark-mode-toggle" type="button" class="icon icon--switch">
-								{%- include "icons/moon.html" %}
+               {%- include "icons/moon.html" %}
-								{%- include "icons/sun.html" %}
+               {%- include "icons/sun.html" %}
-               	Dark Mode
+               Dark Mode
             </button>
+         </div>
+         -->
+      </div>
+  
+      <h2 class="header__title hidden-rm">Documentation</h2>
 
-            <button id="read-mode-toggle" type="button" class="icon icon--switch">
+      <nav class="docs-menu hide-scrollbar bg-white/75 overflow-x-auto flex items-center rounded-lg font-heading border p-0.5 border-theme-neutral-subtle">
-								{%- include "icons/book.html" %}
+         {% for doc in docs %}
-								{%- include "icons/book-active.html" %}
+         {% set current_name = doc.name if doc.current == True %}
-               	Reading Mode
+            <a target="{% if doc.external == True %}_blank{% endif %}" class="{% if doc.current == True %}active{% endif %} flex-1 rounded-md shrink-0 h-14 border border-transparent font-bold transition-all duration-300 hover:text-theme-red [&.active]:text-theme-red [&.active]:border-theme-red" href="{{ doc.url }}">                  
-            </button>
+               {{ doc.name }}
-          </div>
+            </a>
-       </div>
+         {% endfor %}
+     </nav>
 
-       {%- include "top-navigation.html" %}
+      {%- include "platform-navigation.html" %}
 
-       <h2 class="header__title hidden-rm">Documentation</h2>
+      {%- if pagename != "search" %}
-
+         <div id="search">
-       {%- if pagename != "search" %}
+            <div class="search__inner">
-       <div id="search">
+               <div id="search-box"></div>
-         <div class="search__inner">
+               
-            <div id="search-box"></div>
+               <div class="search__dropdown">
-            
+                  <div id="search-filters"></div>
-            <div class="search__dropdown">
+                  <div id="search-clear"></div>
-               <div id="search-filters"></div>
+                  <div id="search-results"></div>
-               <div id="search-clear"></div>
+                  <div id="search-powered-by"></div>
-               <div id="search-results"></div>
+               </div>
-               <div id="search-powered-by"></div>
             </div>
          </div>
-       </div>
       {%- endif %}
-    </div>
+   </div>
-
-    {%- include "platform-navigation.html" %}
  </header>

source/_templates/platform-navigation.html

@@ -1,38 +1,27 @@
 <div class="platform-nav">
     <div class="platform-nav__main">
-        <div class="container">
+        <nav>
-            <nav>
+            <a rel="noreferrer" href="/docs/minio/kubernetes/upstream/index.html" class="{{ 'active' if doc_platform == 'k8s' }}">
-                <a rel="noreferrer" href="/docs/minio/kubernetes/upstream/index.html" class="{{ 'active' if doc_platform == 'k8s' }}">
+                Kubernetes
-                    <img class="hidden-rm" src="{{ pathto('_static/img/icons/kubernetes.svg',1) }}" alt="Kubernetes" />
+            </a>
-                    <img class="hidden-rm" src="{{ pathto('_static/img/icons/kubernetes-inactive.svg',1) }}" alt="Kubernetes" />
-                    Kubernetes
-                </a>
-                
-                <a rel="noreferrer" href="/docs/minio/container/index.html" class="{{ 'active' if doc_platform == 'container' }}">
-                    <img class="hidden-rm" src="{{ pathto('_static/img/icons/docker.svg',1) }}" alt="Docker" />
-                    <img class="hidden-rm" src="{{ pathto('_static/img/icons/docker-inactive.svg',1) }}" alt="Docker" />
-                    Docker
-                </a>
             
-                <a rel="noreferrer" href="/docs/minio/linux/index.html" class="{{ 'active' if doc_platform == 'linux' }}">
+            <a rel="noreferrer" href="/docs/minio/container/index.html" class="{{ 'active' if doc_platform == 'container' }}">
-                    <img class="hidden-rm" src="{{ pathto('_static/img/icons/linux.svg',1) }}" alt="Linux" />
+                Docker
-                    <img class="hidden-rm" src="{{ pathto('_static/img/icons/linux-inactive.svg',1) }}" alt="Linux" />
+            </a>
-                    Linux
+        
-                </a>
+            <a rel="noreferrer" href="/docs/minio/linux/index.html" class="{{ 'active' if doc_platform == 'linux' }}">
-            
+                Linux
-                <a rel="noreferrer" href="/docs/minio/macos/index.html" class="{{ 'active' if doc_platform == 'macos' }}">
+            </a>
-                    <img class="hidden-rm" src="{{ pathto('_static/img/icons/macos.svg',1) }}" alt="macOS" />
+        
-                    <img class="hidden-rm" src="{{ pathto('_static/img/icons/macos-inactive.svg',1) }}" alt="macOS" />
+            <a rel="noreferrer" href="/docs/minio/macos/index.html" class="{{ 'active' if doc_platform == 'macos' }}">
-                    macOS
+                macOS
-                </a>
+            </a>
-            
+        
-                <a rel="noreferrer" href="/docs/minio/windows/index.html" class="{{ 'active' if doc_platform == 'windows' }}">
+            <a rel="noreferrer" href="/docs/minio/windows/index.html" class="{{ 'active' if doc_platform == 'windows' }}">
-                    <img class="hidden-rm" src="{{ pathto('_static/img/icons/windows.svg',1) }}" alt="Windows" />
+                Windows
-                    <img class="hidden-rm" src="{{ pathto('_static/img/icons/windows-inactive.svg',1) }}" alt="Windows" />
+            </a>
-                    Windows
+        </nav>
-                </a>
+    
-            </nav>
-        </div>
         {%- if pagename != "search" %}
         <button type="button" class="icon search-toggle search-toggle--keyboard visible-rm">
             {%- include "icons/search.html" %}

source/_templates/top-navigation.html

@@ -6,76 +6,110 @@
         </button>
     </div>
 
-    <a target="_blank" rel="noreferrer" href="https://subnet.min.io/" class="nav__link visible-rm">
-        <span>Customer Login</span>
-    </a>
-
     <div class="nav__item">
         <div class="nav__link nav__link--dropdown">
           	<span>Product</span>
         </div>
         <div class="nav__dropdown nav__dropdown--cols">
 			<div class="nav__dropdown__inner">
-				<div class="nav__column nav__column--enterprise">
+				<div class="xl:grid grid-cols-4 gap-5 max-xl:pl-3">
-					<div class="nav__title">MinIO Enterprise Object Store</div>
+					<div class="col-span-3 xl:py-8">
-  
+						<div class="mb-5">		  
-						<a href="https://min.io/product/enterpriseoverview" class="nav__sub">Overview</a>
+							<div class="mb-2 text-xs font-medium font-heading uppercase tracking-widest text-black border-b pb-2">Overview</div>
+						  
+							<a href="https://min.io/product/aistor-overview" class="text-sm py-2 px-3 rounded font-medium flex items-center gap-3 hover:bg-gray-100">
+								What is AIStor?
+					
+								<svg width="16" height="17" viewBox="0 0 16 17" fill="none">
+									<path fill-rule="evenodd" clip-rule="evenodd" d="M7.50505 3.02998C7.77842 2.75661 8.22164 2.75661 8.495 3.02998L13.1617 7.69664C13.435 7.97001 13.435 8.41323 13.1617 8.68659L8.495 13.3533C8.22164 13.6266 7.77842 13.6266 7.50505 13.3533C7.23169 13.0799 7.23169 12.6367 7.50505 12.3633L10.9767 8.89162H3.33336C2.94676 8.89162 2.63336 8.57822 2.63336 8.19162C2.63336 7.80502 2.94676 7.49162 3.33336 7.49162H10.9767L7.50505 4.01993C7.23169 3.74656 7.23169 3.30334 7.50505 3.02998Z" fill="#CF163E"/>
+								</svg>
+							</a>
+						</div>
 						
-						<a href="https://min.io/product/enterprisearchitecture" class="nav__sub">Architecture</a>
+						<div class="mb-2 text-xs font-medium font-heading uppercase tracking-widest text-black border-b pb-2">Features</div>
-  
+	
-              			<div class="nav__sub">Features</div>
+						<div class="text-sm xl:grid grid-cols-3 gap-2 *:py-2 *:px-3 *:rounded *:font-medium *:flex *:items-center *:gap-3">
-  
+							<a href="https://min.io/product/active-data-replication-for-object-storage" class="hover:bg-gray-100">
-              			<div class="nav__features">
+								<img src="{{ pathto('_static/img/icons/nav/replication.svg',1) }}" alt="Replication" />
-						<div>
+								Replication
-							<a href="https://min.io/product/active-data-replication-for-object-storage" class="nav__sub">Replication</a>
+							</a>
-							<a href="https://min.io/product/enterprise-object-storage-encryption" class="nav__sub">Encryption</a>
+							<a href="https://min.io/product/aistor/object-storage-global-console" class="hover:bg-gray-100">
-							<a href="https://min.io/product/data-immutability-for-object-storage" class="nav__sub">Object
+								<img src="{{ pathto('_static/img/icons/nav/console.svg',1) }}" alt="Console" />
-								Immutability</a>
+								Console
-							<a href="https://min.io/product/identity-and-access-management" class="nav__sub">Identity + Access Mgt</a>
+							</a>
-							<a href="https://min.io/product/automated-data-tiering-lifecycle-management" class="nav__sub">Information Lifecycle</a>
+							<a href="https://min.io/product/aistor/object-store-cache" class="hover:bg-gray-100">
-							<a href="https://min.io/product/object-versioning-bucket-versioning" class="nav__sub">Versioning</a>
+								<img src="{{ pathto('_static/img/icons/nav/cache.svg',1) }}" alt="Cache" />
-							<a href="https://min.io/product/enterprise/key-management-server" class="nav__sub">Key Management Server</a>
+								Cache
+							</a>
+							<a href="https://min.io/product/enterprise-object-storage-encryption" class="hover:bg-gray-100">
+								<img src="{{ pathto('_static/img/icons/nav/encryption.svg',1) }}" alt="Encryption" />
+								Encryption
+							</a>
+							<a href="https://min.io/product/object-versioning-bucket-versioning" class="hover:bg-gray-100">
+								<img src="{{ pathto('_static/img/icons/nav/versioning.svg',1) }}" alt="Versioning" />
+								Versioning
+							</a>
+							<a href="https://min.io/product/aistor/object-storage-observability" class="hover:bg-gray-100">
+								<img src="{{ pathto('_static/img/icons/nav/observability.svg',1) }}" alt="Observability" />
+								Observability
+							</a>
+							<a href="https://min.io/product/data-immutability-for-object-storage" class="hover:bg-gray-100">
+								<img src="{{ pathto('_static/img/icons/nav/immutability.svg',1) }}" alt="Object Immutability" />
+								Object Immutability
+							</a>
+							<a href="https://min.io/product/aistor/key-management-server" class="hover:bg-gray-100">
+								<img src="{{ pathto('_static/img/icons/nav/kms.svg',1) }}" alt="Key Management Server" />
+								Key Management Server
+							</a>
+							<a href="https://min.io/product/s3-compatibility" class="hover:bg-gray-100">
+								<img src="{{ pathto('_static/img/icons/nav/s3.svg',1) }}" alt="S3 Compatibility" />
+								S3 Compatibility
+							</a>
+							<a href="https://min.io/product/identity-and-access-management" class="hover:bg-gray-100">
+								<img src="{{ pathto('_static/img/icons/nav/identity.svg',1) }}" alt="Identity + Access Mgt" />
+								Identity + Access Mgt
+							</a>
+							<a href="https://min.io/product/aistor/object-store-catalog" class="hover:bg-gray-100">
+								<img src="{{ pathto('_static/img/icons/nav/catalog.svg',1) }}" alt="Catalog" />
+								Catalog
+							</a>
+							<a href="https://min.io/product/aistor/prompt-ai" class="hover:bg-gray-100">
+								<img src="{{ pathto('_static/img/icons/nav/object-prompt.svg',1) }}" alt="Object Prompt" />
+								Object Prompt
+							</a>
+							<a href="https://min.io/product/automated-data-tiering-lifecycle-management" class="hover:bg-gray-100">
+								<img src="{{ pathto('_static/img/icons/nav/lifecycle.svg',1) }}" alt="Lifecycle" />
+								Lifecycle
+							</a>
+							<a href="https://min.io/product/aistor/object-storage-data-firewall" class="hover:bg-gray-100">
+								<img src="{{ pathto('_static/img/icons/nav/firewall.svg',1) }}" alt="Firewall" />
+								Firewall
+							</a>
+							<a href="https://min.io/product/aistor/ai-hub" class="hover:bg-gray-100">
+								<img src="{{ pathto('_static/img/icons/nav/aihub.svg',1) }}" alt="AIHub" />
+								AIHub
+							</a>
 						</div>
-						<div>
+					</div>
-							<a href="https://min.io/product/enterprise/object-storage-global-console" class="nav__sub">Console</a>
+					<div class="text-sm xl:border-l xl:px-6 xl:py-7">
-							<a href="https://min.io/product/enterprise/object-store-catalog" class="nav__sub">Catalog</a>
+						<div class="mb-2 mt-5 text-xs font-medium font-heading uppercase tracking-widest text-black border-b pb-2 xl:hidden">Tools</div>
-							<a href="https://min.io/product/enterprise/object-storage-data-firewall" class="nav__sub">Firewall</a>
+						<a href="https://min.io/product/erasure-code-calculator" class="py-2 px-3 rounded block hover:bg-gray-100 xl:mb-5">
-							<a href="https://min.io/product/enterprise/object-store-cache" class="nav__sub">Cache</a>
+							<span class="flex items-center gap-3 font-medium font-heading xl:text-md">
-							<a href="https://min.io/product/enterprise/object-storage-observability" class="nav__sub">Observability</a>
+								<img class="max-xl:w-4" src="{{ pathto('_static/img/icons/nav/erasure-code-calculator.svg',1) }}" alt="Erasure Code Calculator" />
-							<a href="https://min.io/product/s3-compatibility" class="nav__sub">S3 Compatibility</a>
+								Erasure Code Calculator
-						</div>
+							</span>
-              		</div>
+				
-            	</div>
+						  <span class="text-muted block mt-4 px-1 max-xl:hidden">Determine your raw and usable capacity across a range of erasure coding settings.</span>
-  
+						</a>
-            	<div class="nav__column">
+						<a href="https://min.io/product/reference-hardware" class="py-2 px-3 rounded block hover:bg-gray-100">
-              		<div class="nav__title">MinIO for Public Cloud</div>
+							<span class="flex items-center gap-3 font-medium font-heading xl:text-md">
-					<a href="https://min.io/product/multicloud-elastic-kubernetes-service" class="nav__sub">AWS</a>
+								<img class="max-xl:w-4" src="{{ pathto('_static/img/icons/nav/ref-hardware.svg',1) }}" alt="Reference Hardware" />
-              		<a href="https://min.io/product/multicloud-google-kubernetes-service" class="nav__sub">GCS</a>
+								Reference Hardware
-              		<a href="https://min.io/product/multicloud-azure-kubernetes-service" class="nav__sub">Azure</a>
+							</span>
-  
+				
-              		<div class="nav__title">MinIO for Private Cloud</div>
+						  <span class="text-muted block mt-4 px-1 max-xl:hidden">MinIO’s recommended Configuration and reference hardware for building large scale data infrastructure.</span>
-					<a href="https://min.io/product/private-cloud-red-hat-openshift" class="nav__sub">OpenShift</a>
+						</a>
-					<a href="https://min.io/product/multicloud-suse-rancher" class="nav__sub">SUSE Rancher</a>
+					</div>
-					<a href="https://min.io/product/private-cloud-vmware-tanzu" class="nav__sub">Tanzu</a>
-
-					<div class="nav__title">MinIO for Baremetal</div>
-					<a href="https://min.io/product/overview" class="nav__sub">Linux and Windows</a>
-				</div>
-
-				<div class="nav__column nav__column--plain">
-					<a href="https://min.io/product/erasure-code-calculator" class="nav__sub nav__sub--alt"
-					  data-nav="erasure-code-calculator">
-					  <img width="30" height="24" class="h-6" src="{{ pathto('_static/img/icons/erasure-code-calculator.svg',1) }}"
-						alt="Determine your raw and usable capacity" />
-					  Erasure Code Calculator
-					</a>
-					<a href="https://min.io/product/reference-hardware" class="nav__sub nav__sub--alt" data-nav="reference-hardware">
-					  <img width="30" height="18" src="{{ pathto('_static/img/icons/ref-hardware.svg',1) }}"
-						alt="MinIO's Recommended Hardware Configuration" />
-					  Reference Hardware
-					</a>
-		
-					<i class="nav__seperator"></i>
 				</div>
 			</div>
 		</div>
@@ -85,112 +119,135 @@
 		<div class="nav__link nav__link--dropdown">
 		  	<span>Solutions</span>
 		</div>
-		<div class="nav__dropdown nav__dropdown--cols">
+		<div class="nav__dropdown">
-		  	<div class="nav__dropdown__inner">
+			<div class="nav__dropdown__inner grid xl:py-8 xl:grid-cols-4 xl:gap-3 text-sm xl:-mx-3">
-				<a href="/solutions/object-storage-for-ai" class="nav__sub" data-nav="ai-ml">
+				<a href="https://min.io/solutions/object-storage-for-ai" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="ai-ml">
-				<span>AI Storage</span>
+					<span class="text-black font-medium">
-				<small>Object storage is powering the AI revolution. Learn how MinIO
+					AI Storage
-					is leading the AI storage market through performance at
+					</span>
-					scale.</small>
+					<span class="text-muted block mt-2 max-xl:hidden">Learn how MinIO is leading the AI 
+					storage market from its exclusive features to performance at scale.</span>
 				</a>
-				<a href="/solutions/modern-data-lakes-lakehouses" class="nav__sub" data-nav="datalakes">
+				<a href="https://min.io/solutions/hdfs-migration" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="hdfs-migration">
-				<span>Modern Datalakes</span>
+					<span class="text-black block font-medium">HDFS Migration</span>
-				<small>Modern, multi-engine datalakes depend on object stores that
+					<span class="text-muted block mt-2 max-xl:hidden">Modernize and simplify your big data
-					deliver performance at scale. Learn more about this core MinIO
+					storage infrastructure with cloud native storage with AIStor.</span>
-					use case.</small>
 				</a>
-				<a href="/hybrid-multi-cloud-storage" class="nav__sub" data-nav="hybrid-cloud">
+				<a href="https://min.io/solutions/snowflake" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="snowflake">
-				<span>Hybrid Cloud</span>
+					<span class="text-black block font-medium">Snowflake</span>
-				<small>Effective multi-cloud storage strategies rely on utilizing
+					<span class="text-muted block mt-2 max-xl:hidden">Learn how to leverage Snowflake 
-					architecture and tools that can function seamlessly across
+					external tables to query data without having to move it.</span>
-					diverse environments.</small>
 				</a>
-				<a href="https://min.io/solutions/equinix" class="nav__sub" data-nav="equinix">
+				<div class="xl:row-span-4 xl:border-l xl:-my-8 xl:py-8 xl:pl-4 max-xl:order-1">
-					<span>Equinix</span>
+					<a href="https://min.io/product/integrations" class="block rounded px-3 py-2 hover:bg-gray-100" data-nav="integrations">
-					<small>Repatriate your data onto the cloud you control with MinIO on Equinix to lower costs
+					<span class="text-black font-medium flex items-center gap-3">
-					while maintaining public cloud adjacency.</small>
+						<img class="max-xl:hidden" src="{{ pathto('_static/img/icons/nav/integrations.svg',1) }}" alt="Integrations" />
+						Integrations with MinIO
+					</span>
+					<span class="text-muted block mt-2 max-xl:hidden px-1">Browse our expansive list of <br class="max-xl:hidden" />
+						integrations with links to the relevant <br class="max-xl:hidden" />documentation.</span>
+					</a>
+				</div>
+				<a href="https://min.io/solutions/veeam" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="veeam">
+					<span class="text-black block font-medium">Veeam</span>
+					<span class="text-muted block mt-2 max-xl:hidden">Learn how MinIO and Veeam have partnered deliver superior RTO and RPO.</span>
 				</a>
-				<a href="/solutions/optimize-splunk-smartstore-performance" class="nav__sub" data-nav="splunk">
+				<a href="https://min.io/solutions/modern-data-lakes-lakehouses" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="datalakes">
-				<span>Splunk</span>
+					<span class="text-black block font-medium">Modern Datalakes</span>
-				<small>Find out how MinIO is delivering performance at scale for
+					<span class="text-muted block mt-2 max-xl:hidden">Learn how modern, multi-engine data lakeshouses depend on MinIO's AIStor.</span>
-					Splunk SmartStores.</small>
 				</a>
-  
+				<a href="https://min.io/solutions/equinix" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="equinix">
-				<a href="/solutions/snowflake" class="nav__sub" data-nav="snowflake">
+					<span class="text-black block font-medium">Equinix</span>
-				<span>Snowflake</span>
+					<span class="text-muted block mt-2 max-xl:hidden">Repatriate your data onto the cloud you control with MinIO and Equinix.</span>
-				<small>Query and analyze multiple data sources, including streaming
-					data, residing on MinIO with the Snowflake Data Cloud. No need
-					to move the data, just query using SnowSQL.</small>
 				</a>
-				<a href="/solutions/sqlserver" class="nav__sub" data-nav="sql-server">
+				<a href="https://min.io/solutions/sqlserver" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="sql-server">
-				<span>SQL Server</span>
+					<span class="text-black block font-medium">SQL Server</span>
-				<small>Discover how to pair SQL Server 2022 with MinIO to run queries
+					<span class="text-muted block mt-2 max-xl:hidden">Learn how to leverage SQL Server 2022 
-					on your data on any cloud - without having to move it.</small>
+					with MinIO to run queries on your data without having to move it.</span>
 				</a>
-				<a href="/solutions/hdfs-migration" class="nav__sub" data-nav="hdfs-migration">
+				<a href="https://min.io/solutions/commvault" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="commvault">
-				<span>HDFS Migration</span>
+					<span class="text-black block font-medium">Commvault</span>
-				<small>Modernize and simplify your big data storage infrastructure
+					<span class="text-muted block mt-2 max-xl:hidden">Learn how Commvault and MinIO are partnered to deliver performance at scale for mission critical backup and restore workloads.</span>
-					with high-performance, Kubernetes-native object storage from
-					MinIO.</small>
 				</a>
-				<a href="/solutions/vmware" class="nav__sub" data-nav="vmware">
+				<a href="https://min.io/hybrid-multi-cloud-storage" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="hybrid-cloud-storage">
-				<span>VMware</span>
+					<span class="text-black block font-medium">Hybrid Cloud</span>
-				<small>Discover how MinIO integrates with VMware across the portfolio
+					<span class="text-muted block mt-2 max-xl:hidden">Learn how enterprises use MinIO to build AI data infrastructure that runs on any cloud - public, private or colo.</span>
+				</a>
+				<a href="https://min.io/solutions/optimize-splunk-smartstore-performance" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="splunk">
+					<span class="text-black block font-medium">Splunk</span>
+					<span class="text-muted block mt-2 max-xl:hidden">Find out how MinIO is delivering performance at scale for Splunk SmartStores.</span>
+				</a>
+				<a href="https://min.io/solutions/vmware" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="vmware">
+					<span class="text-black block font-medium">VMware</span>
+					<span class="text-muted block mt-2 max-xl:hidden">Discover how MinIO integrates with VMware across the portfolio
 					from the Persistent Data platform to TKG and how we support
-					their Kubernetes ambitions.</small>
+					their Kubernetes ambitions.</span>
-				</a>
-				<a href="/solutions/veeam" class="nav__sub" data-nav="veeam">
-				<span>Veeam</span>
-				<small>Learn how MinIO and Veeam have partnered to drive performance
-					and scalability for a variety of backup use cases.</small>
-				</a>
-				<a href="/solutions/commvault" class="nav__sub" data-nav="commvault">
-				<span>Commvault</span>
-				<small>Learn how Commvault and MinIO are partnered to deliver
-					performance at scale for mission critical backup and restore
-					workloads.</small>
-				</a>
-				<a href="https://min.io/product/integrations" class="nav__sub" data-nav="integrations">
-				<span>Integrations</span>
-				<small>Browse our vast portfolio of integrations.</small>
-				</a>
-		  	</div>
-		</div>
-	</div>
-
-	<div class="nav__item">
-		<div class="nav__link nav__link--dropdown">
-		  	<span>Community</span>
-		</div>
-		<div class="nav__dropdown nav__dropdown--cols nav__dropdown--cols-3">
-			<div class="nav__dropdown__inner">
-				<a target="_blank" rel="noreferrer noopener" href="https://github.com/minio/" class="nav__sub">
-					<span>GitHub</span>
-					<small>Join our GitHub open source community: explore, experiment, ask questions, and contribute.</small>
-				</a>
-				<a target="_blank" rel="noreferrer noopener" href="https://slack.min.io" class="nav__sub">
-					<span>Slack Channel</span>
-					<small>The MinIO Community Slack provides an open forum for discussing topics related to MinIO. All support is provided on a best-effort basis.</small>
 				</a>
 			</div>
 		</div>
 	</div>
 
-    <a href="https://min.io/docs/minio/kubernetes/upstream" class="nav__link active">
+	<div class="nav__item">
-        <span>Docs</span>
+		<div class="nav__link nav__link--dropdown active">
-    </a>
+		  	<span>Open Source</span>
+		</div>
+		<div class="nav__dropdown grid xl:py-8 xl:grid-cols-4 xl:gap-3 text-sm xl:-mx-3">
+			<a target="_blank" rel="noreferrer noopener" href="https://github.com/minio/" class="rounded px-3 py-2 hover:bg-gray-100">
+			  	<span class="text-black block font-medium">Github Community</span>
+			  	<span class="text-muted block mt-2 max-xl:hidden">Explore, experiment, ask questions and contribute.</span>
+			</a>
+			<a rel="noreferrer noopener" href="https://min.io/docs" class="rounded px-3 py-2 hover:bg-gray-100">
+			  	<span class="text-black block font-medium">Docs</span>
+			  	<span class="text-muted block mt-2 max-xl:hidden">Development guides.</span>
+			</a>
+			<a target="_blank" rel="noreferrer noopener" href="https://slack.min.io" class="rounded px-3 py-2 hover:bg-gray-100">
+			  	<span class="text-black block font-medium">Slack Channel</span>
+			  	<span class="text-muted block mt-2 max-xl:hidden">Open Forum for discussing topics related to MinIO.</span>
+			</a>
+			
+			<div class="xl:border-l xl:-my-8 xl:py-8 xl:pl-6 max-xl:order-1">
+				<a href="https://min.io/open-source/download?platform=kubernetes" class="block rounded px-3 py-2 hover:bg-gray-100" data-nav="download-agpl">
+					<span class="text-black font-medium flex items-center gap-3">
+						<img class="max-xl:w-4 max-xl:hidden" src="{{ pathto('_static/img/icons/nav/download.svg',1) }}" alt="" />
+						Download MinIO Object Store
+					</span>
+					<span class="text-muted block mt-2 max-xl:hidden">Get MinIO's open source server, client, and SDK.</span>
+				</a>
+			</div>
+		</div>
+	</div>
 
-    <a href="https://blog.min.io/" class="nav__link">
+	<div class="nav__item">
-        <span>Blog</span>
+		<div class="nav__link nav__link--dropdown">
-    </a>
+		  	<span>Resources</span>
-
+		</div>
-    <a href="https://min.io/resources" class="nav__link">
+		<div class="nav__dropdown grid xl:py-8 xl:grid-cols-4 xl:gap-3 text-sm xl:-mx-3">
-        <span>Resources</span>
+			<a rel="noreferrer noopener" href="https://resources.min.io/l/library" class="rounded px-3 py-2 hover:bg-gray-100">
-    </a>
+				<span class="text-black block font-medium">Resources Home</span>
-
+				<span class="text-muted block mt-2 max-xl:hidden">Browse our library of white papers, 
-    <a href="https://min.io/training" class="nav__link" data-href="training">
+					solution briefs, benchmarks and videos.</span>
-        <span>Training</span>
+			</a>
-    </a>
+			<a rel="noreferrer noopener" href="https://blog.min.io/" class="rounded px-3 py-2 hover:bg-gray-100">
+				<span class="text-black block font-medium">Blog</span>
+				<span class="text-muted block mt-2 max-xl:hidden">Product updates, company news, and educational content.</span>
+			</a>
+			<a rel="noreferrer noopener" href="/training" class="rounded px-3 py-2 hover:bg-gray-100">
+				<span class="text-black block font-medium">Training </span>
+				<span class="text-muted block mt-2 max-xl:hidden">Learn the MinIO Way and Become a
+					Data Infrastructure Expert.</span>
+			</a>
+			
+			<div class="xl:border-l xl:-my-8 xl:py-8 xl:pl-6 max-xl:order-1">
+			<a href="https://min.io/events" class="block rounded px-3 py-2 hover:bg-gray-100">
+				<span class="text-black font-medium flex items-center gap-3">
+					<img class="max-xl:w-4 max-xl:hidden" src="{{ pathto('_static/img/icons/nav/events.svg',1) }}" alt="" />
+					Events
+				</span>
+				<span class="text-muted block mt-2 max-xl:hidden">Join us to take advantage to meet with MinIO partners, employees, and subject-matter experts.</span>
+			</a>
+			</div>
+		</div>
+	</div>
 
     <a href="https://min.io/partner" class="nav__link">
         <span>Partner</span>
@@ -200,5 +257,9 @@
         <span>Pricing</span>
     </a>
 
+	<a href="https://subnet.min.io" class="nav__link nav__link--alt">
+		<span>Login</span>
+	</a>
+
     <a class="nav__link nav__link--download" href="https://min.io/download">Download</a>
 </div>

source/default-conf.py

@@ -283,16 +283,16 @@ html_context = {
    'docs': [
       # The first item has to be the current docs site #
       {
-         'name': 'MinIO Server Documentation',
+         'name': 'MinIO Server',
          'current': True
       },
       {
-         'name': 'DirectPV Documentation',
+         'name': 'DirectPV',
          'url': 'https://min.io/docs/directpv',
          'external': True
       },
       {
-         'name': 'KES Documentation',
+         'name': 'KES',
          'url': 'https://min.io/docs/kes',
          'external': True
       }