1
0
mirror of https://github.com/minio/docs.git synced 2025-08-06 14:42:56 +03:00

Update base theme to match the new website

This commit is contained in:
Rushan
2024-11-13 00:24:24 +04:00
committed by Harshavardhana
parent 2208266161
commit 5757f1acf5
59 changed files with 1018 additions and 434 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -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>

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
source/_static/img/bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@@ -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>

Before

Width:  |  Height:  |  Size: 319 B

After

Width:  |  Height:  |  Size: 136 B

View File

@@ -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>

Before

Width:  |  Height:  |  Size: 263 B

After

Width:  |  Height:  |  Size: 136 B

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 982 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 526 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 971 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 642 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 541 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 574 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 933 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 631 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 646 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 937 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 679 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 993 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 580 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 693 B

View File

@@ -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>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@@ -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>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

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

View File

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

View File

@@ -34,4 +34,10 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
word-break: break-word; 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;
}
} }

View File

@@ -1,20 +1,50 @@
@font-face { @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-weight: 700;
font-style: normal; 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;
} }

View File

@@ -1,12 +1,13 @@
.header { .header {
background-color: var(--header-bg);
box-shadow: 0 0 0.75rem rgba($black, 0.1);
width: 100%; width: 100%;
position: relative; position: relative;
z-index: $z-index-header; z-index: $z-index-header;
& > .container { .header__inner {
position: relative; position: relative;
display: flex;
align-items: center;
min-height: 4.25rem;
} }
} }
@@ -162,7 +163,8 @@
.icon { .icon {
&:not(.icon--switch) { &:not(.icon--switch) {
& > svg { & > svg {
fill: var(--header-text-color); //fill: var(--header-text-color);
fill: $black;
} }
&:hover { &:hover {
@@ -183,11 +185,13 @@
} }
.header__title { .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 { #read-mode-toggle {

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -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;
}
}
}

View File

@@ -1,7 +1,7 @@
// Colors // Colors
$white: #ffffff; $white: #ffffff;
$black: #000000; $black: #000000;
$theme-red: #c72e49; $theme-red: #CF163E;
// Gray shades light // Gray shades light
$light-100: #f3f4f6; $light-100: #f3f4f6;
@@ -18,6 +18,11 @@ $dark-300: #2E394A;
$dark-400: #59667A; $dark-400: #59667A;
$dark-500: #8A93A4; $dark-500: #8A93A4;
// Theme color palette
$tertiary: #8C8C8C;
$neutral-subtle: #D6DAE1;
$border-subtle: #566176;
// Breakpoints // Breakpoints
$breakpoints: ( $breakpoints: (
xs: 0, xs: 0,
@@ -31,11 +36,11 @@ $breakpoints: (
$z-index-header: 11; $z-index-header: 11;
// Body // 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; $body-line-height: 1.6;
// Text // Text
@@ -43,13 +48,13 @@ $text-dark-color: #A2ADC0;
$headings-dark-color: #E3EEEF; $headings-dark-color: #E3EEEF;
// Font size // 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 // Layout
$container-width: 1400px; $container-width: 1300px;
// Font weight // Font weight
$font-weight-normal: 400; $font-weight-normal: 400;
@@ -63,9 +68,11 @@ $header-light-bg: #031733;
$sidebar-width: 19.75rem; $sidebar-width: 19.75rem;
// Border Radius // 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 - FIXME
$nav-sub-hover-bg: #f8f8f8; $nav-sub-hover-bg: #f8f8f8;

View File

@@ -15,3 +15,4 @@
@import 'includes/nav'; @import 'includes/nav';
@import 'includes/alert'; @import 'includes/alert';
@import 'includes/content'; @import 'includes/content';
@import 'includes/temp';

View File

@@ -1,58 +1,44 @@
<header class="header inactive"> <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"> <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" /> <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> </svg>
</a> </a>
<div class="header__docs"> {%- include "top-navigation.html" %}
<div class="header__docs__current">
{{ docs[0].name }}
{%- include "icons/chevron-down.html" %} <button data-aside-toggle="nav" type="button" class="icon visible-rm ml-auto">
</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">
<button data-aside-toggle="nav" type="button" class="icon visible-rm">
{%- include "icons/menu.html" %} {%- include "icons/menu.html" %}
Menu Menu
</button> </button>
<!--
<div class="header__actions">
<button id="dark-mode-toggle" type="button" class="icon icon--switch"> <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> </button>
<button id="read-mode-toggle" type="button" class="icon icon--switch">
{%- include "icons/book.html" %}
{%- include "icons/book-active.html" %}
Reading Mode
</button>
</div> </div>
-->
</div> </div>
{%- include "top-navigation.html" %}
<h2 class="header__title hidden-rm">Documentation</h2> <h2 class="header__title hidden-rm">Documentation</h2>
<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">
{% 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 %}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 }}">
{{ doc.name }}
</a>
{% endfor %}
</nav>
{%- include "platform-navigation.html" %}
{%- if pagename != "search" %} {%- if pagename != "search" %}
<div id="search"> <div id="search">
<div class="search__inner"> <div class="search__inner">
@@ -68,6 +54,4 @@
</div> </div>
{%- endif %} {%- endif %}
</div> </div>
{%- include "platform-navigation.html" %}
</header> </header>

View File

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

View File

@@ -6,76 +6,110 @@
</button> </button>
</div> </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__item">
<div class="nav__link nav__link--dropdown"> <div class="nav__link nav__link--dropdown">
<span>Product</span> <span>Product</span>
</div> </div>
<div class="nav__dropdown nav__dropdown--cols"> <div class="nav__dropdown nav__dropdown--cols">
<div class="nav__dropdown__inner"> <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">
<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/enterpriseoverview" class="nav__sub">Overview</a> <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?
<a href="https://min.io/product/enterprisearchitecture" class="nav__sub">Architecture</a> <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"/>
<div class="nav__sub">Features</div> </svg>
</a>
<div class="nav__features">
<div>
<a href="https://min.io/product/active-data-replication-for-object-storage" class="nav__sub">Replication</a>
<a href="https://min.io/product/enterprise-object-storage-encryption" class="nav__sub">Encryption</a>
<a href="https://min.io/product/data-immutability-for-object-storage" class="nav__sub">Object
Immutability</a>
<a href="https://min.io/product/identity-and-access-management" class="nav__sub">Identity + Access Mgt</a>
<a href="https://min.io/product/automated-data-tiering-lifecycle-management" class="nav__sub">Information Lifecycle</a>
<a href="https://min.io/product/object-versioning-bucket-versioning" class="nav__sub">Versioning</a>
<a href="https://min.io/product/enterprise/key-management-server" class="nav__sub">Key Management Server</a>
</div>
<div>
<a href="https://min.io/product/enterprise/object-storage-global-console" class="nav__sub">Console</a>
<a href="https://min.io/product/enterprise/object-store-catalog" class="nav__sub">Catalog</a>
<a href="https://min.io/product/enterprise/object-storage-data-firewall" class="nav__sub">Firewall</a>
<a href="https://min.io/product/enterprise/object-store-cache" class="nav__sub">Cache</a>
<a href="https://min.io/product/enterprise/object-storage-observability" class="nav__sub">Observability</a>
<a href="https://min.io/product/s3-compatibility" class="nav__sub">S3 Compatibility</a>
</div>
</div>
</div> </div>
<div class="nav__column"> <div class="mb-2 text-xs font-medium font-heading uppercase tracking-widest text-black border-b pb-2">Features</div>
<div class="nav__title">MinIO for Public Cloud</div>
<a href="https://min.io/product/multicloud-elastic-kubernetes-service" class="nav__sub">AWS</a>
<a href="https://min.io/product/multicloud-google-kubernetes-service" class="nav__sub">GCS</a>
<a href="https://min.io/product/multicloud-azure-kubernetes-service" class="nav__sub">Azure</a>
<div class="nav__title">MinIO for Private Cloud</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/private-cloud-red-hat-openshift" class="nav__sub">OpenShift</a> <a href="https://min.io/product/active-data-replication-for-object-storage" class="hover:bg-gray-100">
<a href="https://min.io/product/multicloud-suse-rancher" class="nav__sub">SUSE Rancher</a> <img src="{{ pathto('_static/img/icons/nav/replication.svg',1) }}" alt="Replication" />
<a href="https://min.io/product/private-cloud-vmware-tanzu" class="nav__sub">Tanzu</a> Replication
</a>
<div class="nav__title">MinIO for Baremetal</div> <a href="https://min.io/product/aistor/object-storage-global-console" class="hover:bg-gray-100">
<a href="https://min.io/product/overview" class="nav__sub">Linux and Windows</a> <img src="{{ pathto('_static/img/icons/nav/console.svg',1) }}" alt="Console" />
Console
</a>
<a href="https://min.io/product/aistor/object-store-cache" class="hover:bg-gray-100">
<img src="{{ pathto('_static/img/icons/nav/cache.svg',1) }}" alt="Cache" />
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>
<div class="nav__column nav__column--plain"> <div class="text-sm xl:border-l xl:px-6 xl:py-7">
<a href="https://min.io/product/erasure-code-calculator" class="nav__sub nav__sub--alt" <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>
data-nav="erasure-code-calculator"> <a href="https://min.io/product/erasure-code-calculator" class="py-2 px-3 rounded block hover:bg-gray-100 xl:mb-5">
<img width="30" height="24" class="h-6" src="{{ pathto('_static/img/icons/erasure-code-calculator.svg',1) }}" <span class="flex items-center gap-3 font-medium font-heading xl:text-md">
alt="Determine your raw and usable capacity" /> <img class="max-xl:w-4" src="{{ pathto('_static/img/icons/nav/erasure-code-calculator.svg',1) }}" alt="Erasure Code Calculator" />
Erasure Code Calculator Erasure Code Calculator
</a> </span>
<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> <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>
<a href="https://min.io/product/reference-hardware" class="py-2 px-3 rounded block hover:bg-gray-100">
<span class="flex items-center gap-3 font-medium font-heading xl:text-md">
<img class="max-xl:w-4" src="{{ pathto('_static/img/icons/nav/ref-hardware.svg',1) }}" alt="Reference Hardware" />
Reference Hardware
</span>
<span class="text-muted block mt-4 px-1 max-xl:hidden">MinIOs recommended Configuration and reference hardware for building large scale data infrastructure.</span>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -85,74 +119,99 @@
<div class="nav__link nav__link--dropdown"> <div class="nav__link nav__link--dropdown">
<span>Solutions</span> <span>Solutions</span>
</div> </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>
<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>
<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>
<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> </a>
<a href="/solutions/optimize-splunk-smartstore-performance" class="nav__sub" data-nav="splunk"> </div>
<span>Splunk</span> <a href="https://min.io/solutions/veeam" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="veeam">
<small>Find out how MinIO is delivering performance at scale for <span class="text-black block font-medium">Veeam</span>
Splunk SmartStores.</small> <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="https://min.io/solutions/modern-data-lakes-lakehouses" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="datalakes">
<span class="text-black block font-medium">Modern Datalakes</span>
<span class="text-muted block mt-2 max-xl:hidden">Learn how modern, multi-engine data lakeshouses depend on MinIO's AIStor.</span>
</a>
<a href="https://min.io/solutions/equinix" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="equinix">
<span class="text-black block font-medium">Equinix</span>
<span class="text-muted block mt-2 max-xl:hidden">Repatriate your data onto the cloud you control with MinIO and Equinix.</span>
</a>
<a href="https://min.io/solutions/sqlserver" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="sql-server">
<span class="text-black block font-medium">SQL Server</span>
<span class="text-muted block mt-2 max-xl:hidden">Learn how to leverage SQL Server 2022
with MinIO to run queries on your data without having to move it.</span>
</a>
<a href="https://min.io/solutions/commvault" class="rounded px-3 py-2 hover:bg-gray-100" data-nav="commvault">
<span class="text-black block font-medium">Commvault</span>
<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>
</a>
<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 class="text-black block font-medium">Hybrid Cloud</span>
<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.</span>
</a>
</div>
</div>
</div>
<div class="nav__item">
<div class="nav__link nav__link--dropdown active">
<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> </a>
<a href="/solutions/snowflake" class="nav__sub" data-nav="snowflake"> <div class="xl:border-l xl:-my-8 xl:py-8 xl:pl-6 max-xl:order-1">
<span>Snowflake</span> <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">
<small>Query and analyze multiple data sources, including streaming <span class="text-black font-medium flex items-center gap-3">
data, residing on MinIO with the Snowflake Data Cloud. No need <img class="max-xl:w-4 max-xl:hidden" src="{{ pathto('_static/img/icons/nav/download.svg',1) }}" alt="" />
to move the data, just query using SnowSQL.</small> Download MinIO Object Store
</a> </span>
<a href="/solutions/sqlserver" class="nav__sub" data-nav="sql-server"> <span class="text-muted block mt-2 max-xl:hidden">Get MinIO's open source server, client, and SDK.</span>
<span>SQL Server</span>
<small>Discover how to pair SQL Server 2022 with MinIO to run queries
on your data on any cloud - without having to move it.</small>
</a>
<a href="/solutions/hdfs-migration" class="nav__sub" data-nav="hdfs-migration">
<span>HDFS Migration</span>
<small>Modernize and simplify your big data storage infrastructure
with high-performance, Kubernetes-native object storage from
MinIO.</small>
</a>
<a href="/solutions/vmware" class="nav__sub" data-nav="vmware">
<span>VMware</span>
<small>Discover how MinIO integrates with VMware across the portfolio
from the Persistent Data platform to TKG and how we support
their Kubernetes ambitions.</small>
</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> </a>
</div> </div>
</div> </div>
@@ -160,37 +219,35 @@
<div class="nav__item"> <div class="nav__item">
<div class="nav__link nav__link--dropdown"> <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">
<span>Docs</span>
</a>
<a href="https://blog.min.io/" class="nav__link">
<span>Blog</span>
</a>
<a href="https://min.io/resources" class="nav__link">
<span>Resources</span> <span>Resources</span>
</div>
<div class="nav__dropdown grid xl:py-8 xl:grid-cols-4 xl:gap-3 text-sm xl:-mx-3">
<a rel="noreferrer noopener" href="https://resources.min.io/l/library" class="rounded px-3 py-2 hover:bg-gray-100">
<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,
solution briefs, benchmarks and videos.</span>
</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> </a>
<a href="https://min.io/training" class="nav__link" data-href="training"> <div class="xl:border-l xl:-my-8 xl:py-8 xl:pl-6 max-xl:order-1">
<span>Training</span> <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> </a>
</div>
</div>
</div>
<a href="https://min.io/partner" class="nav__link"> <a href="https://min.io/partner" class="nav__link">
<span>Partner</span> <span>Partner</span>
@@ -200,5 +257,9 @@
<span>Pricing</span> <span>Pricing</span>
</a> </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> <a class="nav__link nav__link--download" href="https://min.io/download">Download</a>
</div> </div>

View File

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