mirror of
https://github.com/minio/docs.git
synced 2025-07-28 19:42:10 +03:00
Update theme as per the new design specs (#522)
This commit is contained in:
Rushan
GitHub
@ -1 +0,0 @@
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.24 20"><defs><style>.cls-1{fill:#686868;}</style></defs><title>Add link_icon</title><path class="cls-1" d="M748,355.08a1.93,1.93,0,0,1-.33-.31,4.33,4.33,0,0,1-1.26-2.89,3.89,3.89,0,0,1,1.13-2.91l4.75-4.75a4.25,4.25,0,0,1,6,6L755.53,353l-1.19-1.2,2.75-2.75a2.55,2.55,0,0,0-3.59-3.6l-4.75,4.75a2.21,2.21,0,0,0-.63,1.65,2.61,2.61,0,0,0,.79,1.78Z" transform="translate(-740.18 -343.09)"/><path class="cls-1" d="M744.53,363.09a4.38,4.38,0,0,1-4.34-4.2,3.87,3.87,0,0,1,1.13-2.92l2.75-2.75,1.2,1.19-2.75,2.76a2.18,2.18,0,0,0-.64,1.66,2.67,2.67,0,0,0,.79,1.78,2.44,2.44,0,0,0,3.44.15l4.75-4.74a2.21,2.21,0,0,0,.63-1.66,2.67,2.67,0,0,0-.79-1.78l.9-1.47a1.93,1.93,0,0,1,.33.31,4.25,4.25,0,0,1,1.25,2.88,3.87,3.87,0,0,1-1.13,2.92L747.31,362A3.89,3.89,0,0,1,744.53,363.09Z" transform="translate(-740.18 -343.09)"/></svg>
|
||||
|
Before Width: | Height: | Size: 897 B |
1
source/_static/img/icons/anchor-dark.svg
Normal file
1
source/_static/img/icons/anchor-dark.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" xmlns:v="https://vecta.io/nano"><path d="M6 13.278c-.712-.002-1.418-.132-2.084-.384-.662-.242-1.283-.581-1.845-1.006-.518-.388-.964-.863-1.318-1.405C.418 9.96.25 9.428.25 8.885V7.288l2.156 1.613-.926.927c.33.617.894 1.168 1.693 1.653s1.581.753 2.348.806V6.09H3.444v-.958h2.077V3.95c-.405-.15-.719-.373-.943-.67a1.66 1.66 0 0 1-.335-1.023 1.68 1.68 0 0 1 .52-1.246A1.7 1.7 0 0 1 6 .5c.49 0 .905.17 1.246.511s.51.756.51 1.246c0 .383-.11.724-.334 1.022s-.538.522-.943.671v1.182h2.077v.958H6.479v6.197c.767-.053 1.55-.322 2.348-.806s1.363-1.036 1.693-1.653L9.594 8.9l2.156-1.613v1.597c0 .543-.168 1.076-.503 1.598s-.775.99-1.318 1.405c-.562.425-1.183.764-1.845 1.006-.666.252-1.372.383-2.084.385h0zM6 3.056c.224 0 .413-.08.567-.24a.78.78 0 0 0 .232-.56.77.77 0 0 0-.232-.566A.77.77 0 0 0 6 1.458a.78.78 0 0 0-.559.232.76.76 0 0 0-.24.567c0 .213.08.4.24.559s.346.24.559.24h0z" fill="#8a93a4"/></svg>
|
||||
|
After Width: | Height: | Size: 957 B |
1
source/_static/img/icons/anchor.svg
Normal file
1
source/_static/img/icons/anchor.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="14" fill="none" xmlns:v="https://vecta.io/nano"><path d="M6 13.278a5.935 5.935 0 0 1-2.084-.384 7.076 7.076 0 0 1-1.845-1.006 5.555 5.555 0 0 1-1.318-1.405C.418 9.96.25 9.428.25 8.885V7.288l2.156 1.613-.926.927c.33.617.894 1.168 1.693 1.653s1.581.753 2.348.806V6.09H3.444v-.958h2.077V3.95c-.405-.15-.719-.373-.943-.67a1.659 1.659 0 0 1-.335-1.023 1.68 1.68 0 0 1 .52-1.246A1.7 1.7 0 0 1 6 .5c.49 0 .905.17 1.246.511s.51.756.51 1.246c0 .383-.11.724-.334 1.022s-.538.522-.943.671v1.182h2.077v.958H6.479v6.197c.767-.053 1.55-.322 2.348-.806s1.363-1.036 1.693-1.653L9.594 8.9l2.156-1.613v1.597c0 .543-.168 1.076-.503 1.598s-.775.99-1.318 1.405a7.076 7.076 0 0 1-1.845 1.006A5.935 5.935 0 0 1 6 13.278zM6 3.056c.224 0 .413-.08.567-.24a.78.78 0 0 0 .232-.56.771.771 0 0 0-.232-.566A.771.771 0 0 0 6 1.458a.78.78 0 0 0-.559.232.758.758 0 0 0-.24.567c0 .213.08.4.24.559s.346.24.559.24z" fill="#000"/></svg>
|
||||
|
After Width: | Height: | Size: 957 B |
@ -1,9 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="19px" height="15px" viewBox="0 0 19 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<title>Group 5</title>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Group-5" fill="#C72C48">
|
||||
<path d="M2.70291892,6.43386281 L18.2083333,6.43386281 C18.6455582,6.43386281 19,6.79393055 19,7.23809562 C19,7.68226069 18.6455582,8.04232843 18.2083333,8.04232843 L2.70291892,8.04232843 L7.68479361,13.1032789 C7.99395828,13.4173526 7.99395828,13.9265635 7.68479361,14.2406375 C7.37562736,14.5547081 6.87437284,14.5547081 6.56520659,14.2406375 L0.231874098,7.80677475 C-0.077291366,7.49270109 -0.077291366,6.98349015 0.231874098,6.66941649 L6.56520659,0.235554039 C6.87437284,-0.0785180129 7.37562736,-0.0785180129 7.68479361,0.235554039 C7.99395828,0.549627699 7.99395828,1.05883864 7.68479361,1.3729123 L2.70291892,6.43386281 Z" id="Fill-3"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10" viewBox="0 0 12 10" xmlns:v="https://vecta.io/nano"><path d="M1.707 4.137H11.5c.277 0 .5.23.5.516 0 .137-.051.27-.145.363s-.223.152-.355.152H1.707l3.148 3.254a.53.53 0 0 1 0 .73c-.098.102-.223.152-.355.152s-.258-.051-.355-.152l-4-4.133c-.195-.203-.195-.531 0-.734l4-4.133A.5.5 0 0 1 4.5 0a.5.5 0 0 1 .355.152.53.53 0 0 1 0 .73zm0 0" fill-rule="evenodd" fill="rgb(23.921569%,23.921569%,23.921569%)"/></svg>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 468 B |
@ -1 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32.731" height="27.434" viewBox="0 0 32.731 27.434"><defs><style>.a{fill:none;stroke:#c72c48;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><g transform="translate(-5363.617 -2191.559)"><path class="a" d="M5355.293,2136.563l-15.186-7.392-15.187,7.392,15.187,7.379Z" transform="translate(39.446 63.138)"/><path class="a" d="M5326.947,2138.04l-2.026.986,15.187,7.379,15.186-7.379-2.027-.987" transform="translate(40.305 66.655)"/><path class="a" d="M5326.947,2142.168l-2.026.986,15.187,7.379,15.186-7.379-2.027-.986" transform="translate(39.446 67.709)"/><path class="a" d="M5326.947,2142.168l-2.026.986,15.187,7.379,15.186-7.379-2.027-.986" transform="translate(39.446 67.709)"/></g></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="32.731" height="27.434" fill="none" stroke="#c72c48" stroke-linejoin="round" stroke-width="1.5" xmlns:v="https://vecta.io/nano"><path d="M31.122 8.142L15.936.75.749 8.142l15.187 7.379zM3.635 13.136l-2.026.986 15.187 7.379 15.186-7.379-2.027-.987M2.776 18.318l-2.026.986 15.187 7.379 15.186-7.379-2.027-.986"/><path d="M2.776 18.318l-2.026.986 15.187 7.379 15.186-7.379-2.027-.986"/></svg>
|
||||
|
Before Width: | Height: | Size: 745 B After Width: | Height: | Size: 435 B |
1
source/_static/img/icons/chevron-down-dark.svg
Normal file
1
source/_static/img/icons/chevron-down-dark.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" xmlns:v="https://vecta.io/nano"><path d="M1.005 1.286L4.87 4.41a1 1 0 0 0 1.257 0l3.867-3.125" stroke="#8a93a4" fill="none" stroke-linecap="round"/></svg>
|
||||
|
After Width: | Height: | Size: 216 B |
1
source/_static/img/icons/chevron-down.svg
Normal file
1
source/_static/img/icons/chevron-down.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" fill="none" xmlns:v="https://vecta.io/nano"><path d="M1.005 1.286 4.87 4.41a1 1 0 0 0 1.257 0l3.867-3.125" stroke="#000" stroke-linecap="round"/></svg>
|
||||
|
After Width: | Height: | Size: 213 B |
@ -1 +0,0 @@
|
||||
<svg width="26" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1 1)" fill="none" fill-rule="evenodd"><circle stroke="#4B4B4B" stroke-width="1.5" cx="12" cy="12" r="11.357"/><path d="M16.721 7.279a.748.748 0 00-1.057 0L12 10.942 8.336 7.28A.748.748 0 007.28 8.336L10.942 12 7.28 15.664a.748.748 0 101.057 1.057L12 13.057l3.664 3.664a.748.748 0 101.057-1.057L13.057 12l3.664-3.664a.748.748 0 000-1.057z" fill="#4B4B4B" fill-rule="nonzero"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 472 B |
1
source/_static/img/icons/dark-mode-active.svg
Normal file
1
source/_static/img/icons/dark-mode-active.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" xmlns:v="https://vecta.io/nano"><path d="M8.5 2.898c-.167 0-.306-.055-.415-.164s-.164-.248-.164-.415V.58c0-.167.055-.306.164-.415S8.333 0 8.5 0s.306.055.415.164.164.248.164.415v1.739c0 .167-.055.306-.164.415s-.248.164-.415.164zm3.96 1.642c-.116-.116-.174-.251-.174-.406s.058-.29.174-.406l1.217-1.236c.116-.116.254-.174.415-.174s.299.058.415.174.174.251.174.406-.058.29-.174.406L13.272 4.54c-.116.116-.251.174-.406.174s-.29-.058-.406-.174zm2.222 4.54c-.167 0-.306-.055-.415-.164s-.164-.248-.164-.415.055-.306.164-.415.248-.164.415-.164h1.739c.167 0 .306.055.415.164S17 8.333 17 8.5s-.055.306-.164.415-.248.164-.415.164h-1.739zM8.5 17c-.167 0-.306-.055-.415-.164s-.164-.248-.164-.415v-1.739c0-.167.055-.306.164-.415s.248-.164.415-.164.306.055.415.164.164.248.164.415v1.739c0 .167-.055.306-.164.415S8.667 17 8.5 17zM3.728 4.54L2.492 3.323c-.116-.116-.174-.254-.174-.415s.058-.299.174-.415.251-.174.406-.174.29.058.406.174L4.54 3.728c.116.116.174.251.174.406s-.058.29-.174.406c-.116.103-.254.155-.415.155s-.293-.052-.396-.155zm9.968 9.968l-1.236-1.236c-.116-.116-.174-.251-.174-.406s.058-.29.174-.406c.103-.103.235-.155.396-.155s.299.052.415.155l1.256 1.217c.116.116.171.254.164.415s-.061.299-.164.415c-.116.116-.254.174-.415.174s-.299-.058-.415-.174h0zM.58 9.08c-.167 0-.306-.055-.415-.164S0 8.667 0 8.5s.055-.306.164-.415.248-.164.415-.164h1.739c.167 0 .306.055.415.164s.164.248.164.415-.055.306-.164.415-.248.164-.415.164H.58zm1.912 5.428c-.116-.116-.174-.251-.174-.406s.058-.29.174-.406l1.236-1.236c.103-.103.235-.155.396-.155s.299.052.415.155c.116.116.174.254.174.415s-.058.299-.174.415l-1.217 1.217c-.116.116-.254.174-.415.174s-.299-.058-.415-.174h0zM8.5 13.136a4.47 4.47 0 0 1-3.284-1.352A4.47 4.47 0 0 1 3.864 8.5a4.47 4.47 0 0 1 1.352-3.284A4.47 4.47 0 0 1 8.5 3.864a4.47 4.47 0 0 1 3.284 1.352A4.47 4.47 0 0 1 13.136 8.5a4.47 4.47 0 0 1-1.352 3.284A4.47 4.47 0 0 1 8.5 13.136zm0-1.159a3.35 3.35 0 0 0 2.463-1.014A3.35 3.35 0 0 0 11.977 8.5a3.35 3.35 0 0 0-1.014-2.463A3.35 3.35 0 0 0 8.5 5.023a3.35 3.35 0 0 0-2.463 1.014A3.35 3.35 0 0 0 5.023 8.5a3.35 3.35 0 0 0 1.014 2.463A3.35 3.35 0 0 0 8.5 11.977z" fill="#8a93a4"/></svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
1
source/_static/img/icons/dark-mode.svg
Normal file
1
source/_static/img/icons/dark-mode.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" xmlns:v="https://vecta.io/nano"><path d="M15 11.37c-2.675 1.035-5.709.395-7.737-1.633S4.594 4.675 5.629 2C2.532 3.199.648 6.349 1.055 9.644s3.003 5.891 6.298 6.3 6.446-1.474 7.647-4.57v-.005z" stroke="#101d32" stroke-width="2" fill="none"/></svg>
|
||||
|
After Width: | Height: | Size: 309 B |
1
source/_static/img/icons/docker-inactive.svg
Normal file
1
source/_static/img/icons/docker-inactive.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="15" fill="#1e1e1e" xmlns:v="https://vecta.io/nano"><path d="M15.278 6.366c-.362-.569-.499-1.253-.385-1.918.102-.626.36-1.215.751-1.716.447.22.839.537 1.146.929a2.94 2.94 0 0 1 .572 1.325l.689-.051a3.13 3.13 0 0 1 1.423.228 3.84 3.84 0 0 1 .509.31c.021.032.021.074 0 .106a2.52 2.52 0 0 1-1.199 1.451c-.545.298-1.166.44-1.791.406-.032-.005-.064.002-.091.021s-.045.045-.051.076a12.72 12.72 0 0 1-1.467 2.751c-1.185 1.655-2.9 2.856-4.86 3.405a12.85 12.85 0 0 1-4.142.477c-.856-.029-1.706-.157-2.532-.381-.891-.224-1.693-.714-2.3-1.405-.457-.542-.811-1.163-1.045-1.832a8.92 8.92 0 0 1-.502-2.422v-.735c-.017-.163.031-.326.135-.453a.63.63 0 0 1 .42-.226h13.208a3.63 3.63 0 0 0 1.396-.284l.116-.062h-.001v-.001zM5.187 4.092h-.823c-.162 0-.214-.043-.214-.203V2.438c0-.149.043-.203.196-.203H6.02c.153 0 .206.054.206.204v1.45c0 .16-.052.203-.214.203h-.823l-.002.001zm2.487-1.839h.823c.161 0 .206.044.206.203v1.451c0 .16-.054.204-.214.204H6.833c-.152 0-.206-.044-.206-.204V2.467c0-.161.044-.213.206-.213h.842-.001z"/><path d="M10.099 4.092h-.831c-.152 0-.206-.051-.206-.194V2.432c0-.142.054-.196.198-.196h1.681c.143 0 .197.054.197.186v1.477c0 .141-.054.196-.197.196H10.1v-.002h-.001zm-4.902.381h.823c.152 0 .206.044.206.186v1.477c0 .142-.054.196-.198.196H4.346a.16.16 0 0 1-.197-.196V4.669c0-.151.054-.196.197-.196h.851zm2.478 1.857h-.823c-.152 0-.206-.044-.206-.196V4.677c0-.15.054-.204.206-.204h1.672c.144 0 .198.054.198.204v1.459c0 .15 0 .196-.198.196h-.849v-.001h0zm4.886-1.857h.841c.144 0 .197.054.197.186v1.477c0 .142-.054.196-.187.196h-1.7c-.134 0-.188-.054-.188-.196V4.659c0-.142.054-.185.197-.185h.842v-.001zm-9.817 0h.851c.143 0 .197.044.197.196v1.467a.16.16 0 0 1-.197.196H1.912a.16.16 0 0 1-.197-.196V4.659c0-.133.054-.185.197-.185h.832l-.001-.001zm7.356 0h.842c.143 0 .197.044.197.196v1.476c0 .134-.054.186-.188.186h-1.7c-.134 0-.187-.052-.187-.185V4.658c0-.141.054-.185.198-.185h.84zm0-2.618h-.84c-.153 0-.198-.043-.198-.196V.204c0-.15.054-.204.198-.204h1.672c.152 0 .206.054.206.204v1.459c0 .15-.054.196-.206.196h-.832v-.002-.001z"/></svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
1
source/_static/img/icons/docker.svg
Normal file
1
source/_static/img/icons/docker.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="15" fill="#2497ed" xmlns:v="https://vecta.io/nano"><path d="M15.277 6.368c-.362-.571-.499-1.254-.385-1.919a3.76 3.76 0 0 1 .752-1.716c.448.221.839.538 1.146.929.299.389.495.844.573 1.326l.688-.052a3.13 3.13 0 0 1 1.424.229 3.84 3.84 0 0 1 .51.31c.021.032.021.074 0 .106-.196.619-.627 1.139-1.202 1.451a3.35 3.35 0 0 1-1.79.407c-.066-.011-.13.032-.143.097a12.72 12.72 0 0 1-1.467 2.747c-1.179 1.65-2.894 2.852-4.86 3.405-1.345.383-2.744.544-4.142.475-.857-.03-1.707-.158-2.533-.382-.893-.226-1.696-.716-2.299-1.405a5.84 5.84 0 0 1-1.042-1.824 8.92 8.92 0 0 1-.502-2.424v-.734c-.017-.163.031-.327.136-.454a.63.63 0 0 1 .421-.226h13.206c.48-.001.955-.097 1.396-.283l.116-.062-.002-.002zM5.187 4.094h-.824c-.16 0-.215-.044-.215-.203V2.444c0-.15.044-.203.196-.203h1.674c.153 0 .206.053.206.203v1.447c0 .158-.053.203-.215.203h-.823zm2.488-1.84h.824c.16 0 .206.045.206.203v1.451c0 .158-.054.203-.215.203H6.833c-.153 0-.206-.044-.206-.203V2.468c0-.158.045-.213.206-.213h.84l.002-.001z"/><path d="M10.099 4.094h-.832c-.151 0-.206-.052-.206-.195V2.432a.16.16 0 0 1 .197-.195h1.682c.143 0 .197.053.197.186V3.9a.16.16 0 0 1-.197.195H10.1l-.001-.001zm-4.902.381h.823c.151 0 .206.044.206.186v1.477a.16.16 0 0 1-.197.195H4.346a.16.16 0 0 1-.197-.195V4.672c0-.151.054-.195.197-.195h.85l.001-.002zm2.478 1.859h-.824c-.153 0-.206-.044-.206-.195V4.678c0-.15.053-.203.206-.203h1.674c.144 0 .197.053.197.203v1.46c0 .15 0 .195-.197.195h-.85v.002zm4.887-1.857h.84c.144 0 .197.053.197.186v1.474c0 .142-.053.195-.187.195H11.71c-.135 0-.188-.053-.188-.195V4.661c0-.142.054-.185.197-.185h.841l.002.002zm-9.816 0h.848c.143 0 .197.044.197.195v1.466a.16.16 0 0 1-.197.195H1.911a.16.16 0 0 1-.196-.195V4.661c0-.132.054-.185.197-.185l.834.002zm7.355 0h.841c.143 0 .197.044.197.195v1.474c0 .133-.054.186-.188.186H9.246c-.134 0-.187-.053-.187-.186V4.661c0-.142.054-.185.197-.185h.84l.005.002zm0-2.618h-.842c-.153 0-.197-.044-.197-.195V.203c0-.15.054-.203.197-.203h1.67c.153 0 .206.053.206.203v1.459c0 .15-.053.195-.206.195h-.829l.002.002z"/></svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@ -1 +1 @@
|
||||
<svg width="23" height="16" xmlns="http://www.w3.org/2000/svg"><g fill="#4B4B4B" fill-rule="evenodd"><rect width="2.5" height="16" rx="1.25"/><rect x="5" width="2.5" height="16" rx="1.25"/><rect x="10" width="2.5" height="16" rx="1.25"/><rect transform="rotate(-23 18.25 8)" x="17" width="2.5" height="16" rx="1.25"/></g></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="16" fill="#4b4b4b" fill-rule="evenodd" xmlns:v="https://vecta.io/nano"><rect width="2.5" height="16" rx="1.25"/><rect x="5" width="2.5" height="16" rx="1.25"/><rect x="10" width="2.5" height="16" rx="1.25"/><rect transform="rotate(337 18.25 8)" x="17" width="2.5" height="16" rx="1.25"/></svg>
|
||||
|
Before Width: | Height: | Size: 327 B After Width: | Height: | Size: 352 B |
@ -1 +1 @@
|
||||
<svg id="prefix__Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 28.83"><defs><style>.prefix__cls-1{fill:none}.prefix__cls-2{fill:#c72c48}.prefix__cls-3{fill:#fff}</style></defs><g id="prefix__Group_298" data-name="Group 298"><g id="prefix__Group_271" data-name="Group 271"><g id="prefix__Rectangle_495" data-name="Rectangle 495"><path class="prefix__cls-1" d="M440.4 184.23h14.14a2.76 2.76 0 012.76 2.77 2.76 2.76 0 01-2.76 2.75H440.4a2.75 2.75 0 01-2.76-2.75 2.75 2.75 0 012.76-2.77z" transform="translate(-432.47 -179.07)"/><path class="prefix__cls-2" d="M454.54 189.74H440.4a2.76 2.76 0 110-5.51h14.14a2.76 2.76 0 110 5.51zm-14.14-4.07a1.32 1.32 0 100 2.63h14.14a1.32 1.32 0 000-2.63z" transform="translate(-432.47 -179.07)"/></g></g><g id="prefix__Rectangle_458" data-name="Rectangle 458"><rect class="prefix__cls-1" width="30" height="28.83" rx="2.62"/><path class="prefix__cls-2" d="M459.84 207.91h-24.75a2.62 2.62 0 01-2.62-2.62V181.7a2.62 2.62 0 012.62-2.63h24.75a2.63 2.63 0 012.63 2.63v23.59a2.63 2.63 0 01-2.63 2.62zm-24.75-27a.79.79 0 00-.79.79v23.59a.78.78 0 00.79.78h24.75a.78.78 0 00.79-.78V181.7a.79.79 0 00-.79-.79z" transform="translate(-432.47 -179.07)"/></g><g id="prefix__Ellipse_5" data-name="Ellipse 5"><circle class="prefix__cls-3" cx="15" cy="15.16" r="1.97"/><path class="prefix__cls-2" d="M447.47 196.2a2 2 0 112-2 2 2 0 01-2 2zm0-2.49a.52.52 0 00-.53.52.53.53 0 00.53.53.52.52 0 00.52-.53.52.52 0 00-.52-.52z" transform="translate(-432.47 -179.07)"/></g><g id="prefix__Ellipse_6" data-name="Ellipse 6"><circle class="prefix__cls-3" cx="8.45" cy="15.16" r="1.97"/><path class="prefix__cls-2" d="M440.91 196.2a2 2 0 112-2 2 2 0 01-2 2zm0-2.49a.52.52 0 00-.52.52.53.53 0 101.05 0 .52.52 0 00-.53-.52z" transform="translate(-432.47 -179.07)"/></g><g id="prefix__Ellipse_7" data-name="Ellipse 7"><circle class="prefix__cls-3" cx="21.55" cy="15.16" r="1.97"/><path class="prefix__cls-2" d="M454 196.2a2 2 0 112-2 2 2 0 01-2 2zm0-2.49a.52.52 0 00-.53.52.53.53 0 00.53.53.52.52 0 00.52-.53.52.52 0 00-.52-.52z" transform="translate(-432.47 -179.07)"/></g><g id="prefix__Ellipse_8" data-name="Ellipse 8"><circle class="prefix__cls-3" cx="14.98" cy="21.71" r="1.97"/><path class="prefix__cls-2" d="M447.45 202.75a2 2 0 112-2 2 2 0 01-2 2zm0-2.49a.53.53 0 100 1.05.53.53 0 000-1.05z" transform="translate(-432.47 -179.07)"/></g><g id="prefix__Ellipse_9" data-name="Ellipse 9"><circle class="prefix__cls-3" cx="8.43" cy="21.71" r="1.97"/><path class="prefix__cls-2" d="M440.9 202.75a2 2 0 112-2 2 2 0 01-2 2zm0-2.49a.53.53 0 10.52.52.53.53 0 00-.52-.52z" transform="translate(-432.47 -179.07)"/></g><g id="prefix__Ellipse_10" data-name="Ellipse 10"><circle class="prefix__cls-3" cx="21.53" cy="21.71" r="1.97"/><path class="prefix__cls-2" d="M454 202.75a2 2 0 112-2 2 2 0 01-2 2zm0-2.49a.53.53 0 000 1.05.53.53 0 100-1.05z" transform="translate(-432.47 -179.07)"/></g></g></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="29" xmlns:v="https://vecta.io/nano"><g fill="#c72c48" fill-rule="nonzero"><path d="M22.07 10.67H7.93a2.76 2.76 0 1 1 0-5.51h14.14a2.76 2.76 0 1 1 0 5.51h0zM7.93 6.6a1.32 1.32 0 1 0 0 2.63h14.14a1.32 1.32 0 0 0 0-2.63H7.93zm19.44 22.24H2.62A2.62 2.62 0 0 1 0 26.22V2.63A2.62 2.62 0 0 1 2.62 0h24.75A2.63 2.63 0 0 1 30 2.63v23.59a2.63 2.63 0 0 1-2.63 2.62zm-24.75-27a.79.79 0 0 0-.79.79v23.59a.78.78 0 0 0 .79.78h24.75a.78.78 0 0 0 .79-.78V2.63a.79.79 0 0 0-.79-.79H2.62z"/><use xlink:href="#B"/><path d="M8.44 17.13a2 2 0 1 1 0-4 2 2 0 1 1 0 4zm0-2.49a.52.52 0 0 0-.52.52.53.53 0 0 0 .811.519.53.53 0 0 0 .239-.519.52.52 0 0 0-.53-.52h0z"/><use xlink:href="#B" x="6.53"/><path d="M14.98 23.68a2 2 0 1 1 0-4 2 2 0 1 1 0 4zm0-2.49a.53.53 0 1 0 .457.525.53.53 0 0 0-.457-.525h0zm-6.55 2.49a2 2 0 1 1 0-4 2 2 0 1 1 0 4zm0-2.49a.53.53 0 1 0 .52.52.53.53 0 0 0-.52-.52h0zm13.1 2.49a2 2 0 1 1 0-4 2 2 0 1 1 0 4zm0-2.49a.53.53 0 1 0 .519.239.53.53 0 0 0-.519-.239h0z"/></g><defs ><path id="B" d="M15 17.13a2 2 0 1 1 0-4 2 2 0 1 1 0 4zm0-2.49a.52.52 0 0 0-.53.52.53.53 0 0 0 .53.53.52.52 0 0 0 .52-.53.52.52 0 0 0-.52-.52h0z"/></defs></svg>
|
||||
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 1.2 KiB |
@ -1 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="33.976" height="26.825" viewBox="0 0 33.976 26.825"><defs><style>.a{fill:none;stroke:#c72c48;stroke-linejoin:round;stroke-width:1.5px;}.b{fill:#c72c48;}</style></defs><g transform="translate(-5362.373 -2063.185)"><g transform="translate(5363.123 2065.599)"><path class="a" d="M5356.476,2063.957l-16.237-7.9-16.239,7.9,16.239,7.89Z" transform="translate(-5324 -2048.185)"/></g><g transform="translate(-1204.413 7061.914)"><g transform="translate(6572.288 -4993.844)"><g transform="translate(3.738 13.135)"><rect class="b" width="1.117" height="0.559"/></g><g transform="translate(3.738 1.664)"><path class="b" d="M6576.751-4981.941h-1.117v-1.093h1.117Zm0-1.64h-1.117v-1.093h1.117Zm0-1.639h-1.117v-1.093h1.117Zm0-1.639h-1.117v-1.092h1.117Zm0-1.638h-1.117v-1.093h1.117Zm0-1.64h-1.117v-1.092h1.117Zm0-1.639h-1.117v-1.093h1.117Z" transform="translate(-6575.634 4992.867)"/></g><g transform="translate(3.738 0.001)"><path class="b" d="M6576.751-4993.239h-1.117v-1.117h.559a.558.558,0,0,1,.559.559Z" transform="translate(-6575.634 4994.356)"/></g><g transform="translate(1.013 0.001)"><path class="b" d="M6575.466-4993.239h-.908v-1.117h.908Zm-1.363,0h-.908v-1.117h.908Z" transform="translate(-6573.195 4994.356)"/></g><rect class="b" width="0.559" height="1.117"/></g><g transform="translate(6582.777 -4998.729)"><path class="b" d="M6582.794-4982.53h-1.117v-1.117h1.117Zm0-1.676h-1.117v-1.117h1.117Zm0-1.676h-1.117V-4987h1.117Zm0-1.676h-1.117v-1.117h1.117Zm0-1.676h-1.117v-1.117h1.117Zm0-1.676h-1.117v-1.117h1.117Zm0-1.676h-1.117v-1.117h1.117Zm0-1.676h-1.117v-1.117h1.117Zm0-1.676h-1.117v-1.117h1.117Zm0-1.676h-1.117v-1.117h1.117Z" transform="translate(-6581.677 4998.729)"/></g><g transform="translate(6589.207 -4990.792)"><path class="b" d="M6588.549-4980.384h-1.117v-1.117h1.117Zm0-1.676h-1.117v-1.117h1.117Zm0-1.676h-1.117v-1.117h1.117Zm0-1.676h-1.117v-1.117h1.117Zm0-1.676h-1.117v-1.117h1.117Zm0-1.676h-1.117v-1.117h1.117Zm0-1.676h-1.117v-.628a.558.558,0,0,1,.559-.559h.488v.559h.07Zm4.935-.069h-1.095v-1.117h1.095Zm-1.653,0h-1.117v-1.117h1.117Zm-1.676,0h-1.117v-1.117h1.117Z" transform="translate(-6587.432 4991.625)"/></g></g></g></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="33.976" height="26.825" xmlns:v="https://vecta.io/nano"><path d="M33.226 18.186l-16.237-7.9-16.239 7.9 16.239 7.89z" fill="none" stroke="#c72c48" stroke-linejoin="round" stroke-width="1.5"/><path d="M9.24 18.02h1.117v.559H9.24zm1.117-.545H9.24v-1.093h1.117zm0-1.64H9.24v-1.093h1.117zm0-1.639H9.24v-1.093h1.117zm0-1.639H9.24v-1.092h1.117zm0-1.638H9.24V9.826h1.117zm0-1.64H9.24V8.187h1.117zm0-1.639H9.24V6.547h1.117zm0-1.637H9.24V4.886h.559a.56.56 0 0 1 .559.559zm-1.571 0h-.908V4.886h.908zm-1.363 0h-.908V4.886h.908zM5.502 4.885h.559v1.117h-.559zm11.606 11.314h-1.117v-1.117h1.117zm0-1.676h-1.117v-1.117h1.117zm0-1.676h-1.117v-1.118h1.117zm0-1.676h-1.117v-1.117h1.117zm0-1.676h-1.117V8.378h1.117zm0-1.676h-1.117V6.702h1.117zm0-1.676h-1.117V5.026h1.117zm0-1.676h-1.117V3.35h1.117zm0-1.676h-1.117V1.674h1.117zm0-1.676h-1.117V-.002h1.117zm6.43 18.063h-1.117v-1.117h1.117zm0-1.676h-1.117v-1.117h1.117zm0-1.676h-1.117v-1.117h1.117zm0-1.676h-1.117v-1.117h1.117zm0-1.676h-1.117v-1.117h1.117zm0-1.676h-1.117V9.681h1.117zm0-1.676h-1.117v-.628a.56.56 0 0 1 .559-.559h.488v.559h.07zm4.935-.069h-1.095V7.936h1.095zm-1.653 0h-1.117V7.936h1.117zm-1.676 0h-1.117V7.936h1.117z" fill="#c72c48"/></svg>
|
||||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 1.2 KiB |
1
source/_static/img/icons/kubernetes-inactive.svg
Normal file
1
source/_static/img/icons/kubernetes-inactive.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#1e1e1e" xmlns:v="https://vecta.io/nano"><path d="M8.99 17.017c-1.122 0-2.244-.005-3.372 0-.423.016-.828-.173-1.085-.507L.305 11.392c-.268-.304-.367-.72-.266-1.11l1.529-6.443c.079-.374.336-.687.69-.841L8.401.137a1.33 1.33 0 0 1 1.175 0l6.145 2.853a1.22 1.22 0 0 1 .714.873l1.526 6.462c.097.362.008.748-.239 1.032l-4.305 5.21a1.22 1.22 0 0 1-1.001.454c-1.142-.005-2.283 0-3.425 0l-.001-.003zM8.546 4.084A4.81 4.81 0 0 0 5.52 5.486c-.338-.029-.644-.205-.836-.482l-.202-.202a1.73 1.73 0 0 0-.187-.171c-.099-.083-.235-.108-.358-.065a.36.36 0 0 0-.236.274c-.024.126.023.256.122.339.069.059.143.111.221.155.362.22.804.354.936.847a4.62 4.62 0 0 0-.743 3.138c0 .033 0 .085-.016.1a3.56 3.56 0 0 1-.518.265 2.24 2.24 0 0 1-.431.056 4.13 4.13 0 0 0-.554.091.35.35 0 0 0-.247.405.34.34 0 0 0 .375.267c.132-.014.261-.045.385-.092.33-.19.719-.256 1.094-.186a.26.26 0 0 1 .148.114 4.74 4.74 0 0 0 2.002 2.422c.034.021.086.056.086.085a1.99 1.99 0 0 1-.095.52 4.58 4.58 0 0 1-.334.548 1.76 1.76 0 0 0-.187.342c-.058.159.017.336.173.407a.34.34 0 0 0 .431-.079 1.11 1.11 0 0 0 .194-.354 1.63 1.63 0 0 1 .64-1.025 4.99 4.99 0 0 0 3.354.013.99.99 0 0 1 .506.651l.14.402a1.2 1.2 0 0 0 .148.284c.093.134.268.186.421.126.161-.042.259-.204.219-.364a1.53 1.53 0 0 0-.186-.397l-.39-.639a.49.49 0 0 1 .044-.513c.924-.567 1.627-1.427 1.994-2.44.016-.042.042-.11.07-.114a1.66 1.66 0 0 1 .492-.032 4.66 4.66 0 0 1 .621.196c.118.045.239.083.362.114a.39.39 0 0 0 .431-.226c.039-.152-.045-.308-.194-.36a1.47 1.47 0 0 0-.417-.11l-.772-.113c-.147-.044-.279-.125-.383-.236-.047-.046 0-.179 0-.271l-.091-1.271c-.109-.604-.344-1.178-.69-1.687.104-.427.453-.582.777-.769a2.42 2.42 0 0 0 .233-.135.94.94 0 0 0 .198-.183.37.37 0 0 0-.018-.459c-.126-.126-.326-.143-.472-.039a2.1 2.1 0 0 0-.295.261c-.278.272-.524.592-.981.624A4.89 4.89 0 0 0 9.558 4.1c-.045-.005-.086-.026-.117-.06a.96.96 0 0 1-.131-.726 6.28 6.28 0 0 0 .086-.683c.007-.103-.029-.204-.101-.278s-.172-.118-.276-.119a.39.39 0 0 0-.27.126c-.07.076-.106.176-.101.278a1.07 1.07 0 0 0 .007.196 1.4 1.4 0 0 1-.104 1.247v.005l-.003-.001zm2.515 7.875l-.413-.964-.315-.757a.5.5 0 0 1 .028-.355c.065-.127.211-.144.362-.119l1.76.291c.028.005.057.015.115.031-.292.774-.832 1.431-1.537 1.872zm-4.742-5.79a3.81 3.81 0 0 1 2.218-1.044l-.021.317-.081 1.479c.015.155-.063.304-.199.381a.37.37 0 0 1-.409-.085L6.319 6.169zM5.197 9.21c-.078-.818.116-1.639.551-2.339L7.074 8.02a1.51 1.51 0 0 1 .156.143c.073.076.102.184.076.285a.31.31 0 0 1-.202.217l-1.907.545zm1.744 2.748a3.77 3.77 0 0 1-1.528-1.87l.967-.171.828-.138a.4.4 0 0 1 .425.103c.091.127.095.295.012.427l-.704 1.646-.001.003zm4.74-5.789l-1.602 1.1a.32.32 0 0 1-.317.031c-.104-.046-.173-.144-.182-.256L9.475 5.2c.005-.023.013-.044.023-.065.822.096 1.589.459 2.179 1.034l.003.001zm1.122 3.039l-.535-.151-1.27-.354a.36.36 0 0 1-.297-.269c-.025-.131.034-.264.148-.336l1.276-1.12.135-.107a3.8 3.8 0 0 1 .54 2.337l.003-.001zM7.77 12.352l.446-.792.476-.836c.048-.113.157-.188.28-.193a.32.32 0 0 1 .296.168l.949 1.649a3.95 3.95 0 0 1-2.446 0l-.002.004zM9.011 8.19c.115.032.259.034.337.107a.9.9 0 0 1 .29.437.67.67 0 0 1-.135.502.67.67 0 0 1-.507.222c-.194-.002-.376-.086-.502-.231a.68.68 0 0 1-.136-.507.89.89 0 0 1 .299-.433c.076-.068.225-.064.355-.097h0z"/></svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
1
source/_static/img/icons/kubernetes.svg
Normal file
1
source/_static/img/icons/kubernetes.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="#1a6fd3" xmlns:v="https://vecta.io/nano"><path d="M8.99 17.017c-1.122 0-2.244-.005-3.372 0-.423.016-.828-.173-1.085-.507L.305 11.392c-.268-.304-.367-.72-.266-1.11l1.529-6.443c.079-.374.336-.687.69-.841L8.401.137a1.33 1.33 0 0 1 1.175 0l6.145 2.853a1.22 1.22 0 0 1 .714.873l1.526 6.462c.097.362.008.748-.239 1.032l-4.305 5.21a1.22 1.22 0 0 1-1.001.454c-1.142-.005-2.283 0-3.425 0l-.001-.003zM8.546 4.084A4.81 4.81 0 0 0 5.52 5.486c-.338-.029-.644-.205-.836-.482l-.202-.202a1.73 1.73 0 0 0-.187-.171c-.099-.083-.235-.108-.358-.065a.36.36 0 0 0-.236.274c-.024.126.023.256.122.339.069.059.143.111.221.155.362.22.804.354.936.847a4.62 4.62 0 0 0-.743 3.138c0 .033 0 .085-.016.1a3.56 3.56 0 0 1-.518.265 2.24 2.24 0 0 1-.431.056 4.13 4.13 0 0 0-.554.091.35.35 0 0 0-.247.405.34.34 0 0 0 .375.267c.132-.014.261-.045.385-.092.33-.19.719-.256 1.094-.186a.26.26 0 0 1 .148.114 4.74 4.74 0 0 0 2.002 2.422c.034.021.086.056.086.085a1.99 1.99 0 0 1-.095.52 4.58 4.58 0 0 1-.334.548 1.76 1.76 0 0 0-.187.342c-.058.159.017.336.173.407a.34.34 0 0 0 .431-.079 1.11 1.11 0 0 0 .194-.354 1.63 1.63 0 0 1 .64-1.025 4.99 4.99 0 0 0 3.354.013.99.99 0 0 1 .506.651l.14.402a1.2 1.2 0 0 0 .148.284c.093.134.268.186.421.126.161-.042.259-.204.219-.364a1.53 1.53 0 0 0-.186-.397l-.39-.639a.49.49 0 0 1 .044-.513c.924-.567 1.627-1.427 1.994-2.44.016-.042.042-.11.07-.114a1.66 1.66 0 0 1 .492-.032 4.66 4.66 0 0 1 .621.196c.118.045.239.083.362.114a.39.39 0 0 0 .431-.226c.039-.152-.045-.308-.194-.36a1.47 1.47 0 0 0-.417-.11l-.772-.113c-.147-.044-.279-.125-.383-.236-.047-.046 0-.179 0-.271l-.091-1.271c-.109-.604-.344-1.178-.69-1.687.104-.427.453-.582.777-.769a2.42 2.42 0 0 0 .233-.135.94.94 0 0 0 .198-.183.37.37 0 0 0-.018-.459c-.126-.126-.326-.143-.472-.039a2.1 2.1 0 0 0-.295.261c-.278.272-.524.592-.981.624A4.89 4.89 0 0 0 9.558 4.1c-.045-.005-.086-.026-.117-.06a.96.96 0 0 1-.131-.726 6.28 6.28 0 0 0 .086-.683c.007-.103-.029-.204-.101-.278s-.172-.118-.276-.119a.39.39 0 0 0-.27.126c-.07.076-.106.176-.101.278a1.07 1.07 0 0 0 .007.196 1.4 1.4 0 0 1-.104 1.247v.005l-.003-.001zm2.515 7.875l-.413-.964-.315-.757a.5.5 0 0 1 .028-.355c.065-.127.211-.144.362-.119l1.76.291c.028.005.057.015.115.031-.292.774-.832 1.431-1.537 1.872zm-4.742-5.79a3.81 3.81 0 0 1 2.218-1.044l-.021.317-.081 1.479c.015.155-.063.304-.199.381a.37.37 0 0 1-.409-.085L6.319 6.169zM5.197 9.21c-.078-.818.116-1.639.551-2.339L7.074 8.02a1.51 1.51 0 0 1 .156.143c.073.076.102.184.076.285a.31.31 0 0 1-.202.217l-1.907.545zm1.744 2.748a3.77 3.77 0 0 1-1.528-1.87l.967-.171.828-.138a.4.4 0 0 1 .425.103c.091.127.095.295.012.427l-.704 1.646-.001.003zm4.74-5.789l-1.602 1.1a.32.32 0 0 1-.317.031c-.104-.046-.173-.144-.182-.256L9.475 5.2c.005-.023.013-.044.023-.065.822.096 1.589.459 2.179 1.034l.003.001zm1.122 3.039l-.535-.151-1.27-.354a.36.36 0 0 1-.297-.269c-.025-.131.034-.264.148-.336l1.276-1.12.135-.107a3.8 3.8 0 0 1 .54 2.337l.003-.001zM7.77 12.352l.446-.792.476-.836c.048-.113.157-.188.28-.193a.32.32 0 0 1 .296.168l.949 1.649a3.95 3.95 0 0 1-2.446 0l-.002.004zM9.011 8.19c.115.032.259.034.337.107a.9.9 0 0 1 .29.437.67.67 0 0 1-.135.502.67.67 0 0 1-.507.222c-.194-.002-.376-.086-.502-.231a.68.68 0 0 1-.136-.507.89.89 0 0 1 .299-.433c.076-.068.225-.064.355-.097h0z"/></svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
1
source/_static/img/icons/linux-inactive.svg
Normal file
1
source/_static/img/icons/linux-inactive.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="19" xmlns:v="https://vecta.io/nano"><path d="M14.608 15.151c-.483-.115-.824-.581-.814-1.112.007-.396-.148-.775-.424-1.037.22-.784.232-1.618.036-2.41a22.58 22.58 0 0 0-2.44-4.188c-.883-1.335-.142-2.853-.956-4.819S7.038-.269 5.875.583s-.813 2.927-.74 3.892c.079.642.054 1.294-.072 1.927-.106.256-.85 1.187-1.344 1.965s-.829 2.386-1.184 3.041a1.58 1.58 0 0 0-.106 1.258c-.198.108-.35.294-.424.52-.177.442-.566.63-1.274.777s-.672.593-.531 1.112a2.53 2.53 0 0 1-.176 1.484c-.177.668.707.89 1.662 1.001s1.981.741 2.865.853c.478.1.958-.16 1.168-.631a11.56 11.56 0 0 1 2.016-.255c.677-.01 1.354.064 2.015.222a1.54 1.54 0 0 0 .566.666c.555.256 1.199.124 1.628-.334.791-.654 1.646-1.214 2.55-1.668.74-.442.576-1.075.118-1.261l-.002-.001zM8.17 2.444c.509.049.888.527.852 1.075a1.17 1.17 0 0 1-.461.964l-.212-.111a.64.64 0 0 0 .284-.557c.018-.298-.185-.558-.461-.592-.286.034-.492.311-.461.619a.8.8 0 0 0 .071.334l-.387-.15a1.39 1.39 0 0 1-.106-.482c-.03-.265.042-.531.198-.739s.388-.344.638-.374h.006l.04.012H8.17zm-.071 2.297c.247.074.493.26.46.408s-.141.148-.46.37c-.389.27-.804.493-1.239.666-.212.038-.354-.11-.566-.258s-.672-.557-.565-.742l.493-.407c.142-.148.53-.482.776-.442l1.098.407.002-.003zM5.977 2.63c.389 0 .672.482.672 1.038a1.55 1.55 0 0 1-.035.296l-.284.149-.141.11a.77.77 0 0 0 .071-.442c-.035-.297-.247-.557-.461-.52s-.317.334-.282.63.247.557.46.52h.071l-.283.258c-.316-.214-.493-.601-.458-1 .004-.593.322-1.038.676-1.038h-.005V2.63zM5.27 17.15a1.39 1.39 0 0 1-.566.707c-.424.149-1.591-.406-2.123-.629s-1.84-.26-2.017-.482.106-.666.142-1.112-.142-.707-.071-.999.919-.296 1.239-.52.389-.815.671-.963.74.407.956.741a24.05 24.05 0 0 0 1.274 2.07 1.63 1.63 0 0 1 .498 1.186l-.004.002zm4.842-4.002a18.53 18.53 0 0 0-.071 1.89c-.537.741-1.301 1.253-2.157 1.445a6.01 6.01 0 0 1-1.982.072l-.74-.89c.147-.015.282-.092.376-.215s.138-.28.124-.437v-.049c-.071-.593-1.77-1.446-2.051-2.187-.235-.901-.12-1.865.318-2.673.389-.669.637-2.001 1.026-2.485.397-.521.599-1.183.565-1.856-.106-.407.813 1.038 1.415.853s1.875-1.186 2.052-1a27.1 27.1 0 0 1 2.014 5.195c.101.705.065 1.424-.106 2.113 0 0-.677-.182-.782.226v-.004l-.002.003zm4.206 2.706a22.39 22.39 0 0 0-2.123 1.333c-.425.481-.987.853-1.309.742-.453-.248-.665-.819-.493-1.334.15-.643.233-1.302.247-1.964-.035-.442-.106-1.038 0-1.149a.34.34 0 0 1 .284-.038s-.072.854.388 1.075a1.47 1.47 0 0 0 1.417-.335 2.26 2.26 0 0 0 .354-.557c.142.109.211.298.177.482a1.21 1.21 0 0 0 .46 1.037c.389.223.885.482.637.707h-.035l-.003-.001z" fill="#1e1e1e"/></svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
1
source/_static/img/icons/linux.svg
Normal file
1
source/_static/img/icons/linux.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="19" xmlns:v="https://vecta.io/nano"><path d="M10.493 13.367l.74-.166.813.656 1.075-.656.539 1.013.164.795.799.543.229.374-2.455 1.439-1.018.816h-.881l-.51-.816v-1.268l.229-1.885zm-7.647-.71l1.658 1.987 1.128 2.235v.884l-1.128.487-1.277-.487-1.892-.535-1.175-.353.303-1.036v-1.453l.872-.216.716-.601zm2.529-7.449L6.899 4.14l1.435.353.669.599-.329.398-2.025.972z" fill="#eccf11"/><path d="M14.608 15.151c-.483-.115-.824-.581-.814-1.112.007-.396-.148-.775-.424-1.037.22-.784.232-1.618.036-2.41a22.58 22.58 0 0 0-2.44-4.188c-.883-1.335-.142-2.853-.956-4.819S7.038-.269 5.875.583s-.813 2.927-.74 3.892c.079.642.054 1.294-.072 1.927-.106.256-.85 1.187-1.344 1.965s-.829 2.386-1.184 3.041a1.58 1.58 0 0 0-.106 1.258c-.198.108-.35.294-.424.52-.177.442-.566.63-1.274.777s-.672.593-.531 1.112a2.53 2.53 0 0 1-.176 1.484c-.177.668.707.89 1.662 1.001s1.981.741 2.865.853c.478.1.958-.16 1.168-.631a11.56 11.56 0 0 1 2.016-.255c.677-.01 1.354.064 2.015.222a1.54 1.54 0 0 0 .566.666c.555.256 1.199.124 1.628-.334.791-.654 1.646-1.214 2.55-1.668.74-.442.576-1.075.118-1.261l-.002-.001zM8.17 2.444c.509.049.888.527.852 1.075a1.17 1.17 0 0 1-.461.964l-.212-.111a.64.64 0 0 0 .284-.557c.018-.298-.185-.558-.461-.592-.286.034-.492.311-.461.619a.8.8 0 0 0 .071.334l-.387-.15a1.39 1.39 0 0 1-.106-.482c-.03-.265.042-.531.198-.739s.388-.344.638-.374h.006l.04.012H8.17zm-.071 2.297c.247.074.493.26.46.408s-.141.148-.46.37c-.389.27-.804.493-1.239.666-.212.038-.354-.11-.566-.258s-.672-.557-.565-.742l.493-.407c.142-.148.53-.482.776-.442l1.098.407.002-.003zM5.977 2.63c.389 0 .672.482.672 1.038a1.55 1.55 0 0 1-.035.296l-.284.149-.141.11a.77.77 0 0 0 .071-.442c-.035-.297-.247-.557-.461-.52s-.317.334-.282.63.247.557.46.52h.071l-.283.258c-.316-.214-.493-.601-.458-1 .004-.593.322-1.038.676-1.038h-.005V2.63zM5.27 17.15a1.39 1.39 0 0 1-.566.707c-.424.149-1.591-.406-2.123-.629s-1.84-.26-2.017-.482.106-.666.142-1.112-.142-.707-.071-.999.919-.296 1.239-.52.389-.815.671-.963.74.407.956.741a24.05 24.05 0 0 0 1.274 2.07 1.63 1.63 0 0 1 .498 1.186l-.004.002zm4.842-4.002a18.53 18.53 0 0 0-.071 1.89c-.537.741-1.301 1.253-2.157 1.445a6.01 6.01 0 0 1-1.982.072l-.74-.89c.147-.015.282-.092.376-.215s.138-.28.124-.437v-.049c-.071-.593-1.77-1.446-2.051-2.187-.235-.901-.12-1.865.318-2.673.389-.669.637-2.001 1.026-2.485.397-.521.599-1.183.565-1.856-.106-.407.813 1.038 1.415.853s1.875-1.186 2.052-1a27.1 27.1 0 0 1 2.014 5.195c.101.705.065 1.424-.106 2.113 0 0-.677-.182-.782.226v-.004l-.002.003zm4.206 2.706a22.39 22.39 0 0 0-2.123 1.333c-.425.481-.987.853-1.309.742-.453-.248-.665-.819-.493-1.334.15-.643.233-1.302.247-1.964-.035-.442-.106-1.038 0-1.149a.34.34 0 0 1 .284-.038s-.072.854.388 1.075a1.47 1.47 0 0 0 1.417-.335 2.26 2.26 0 0 0 .354-.557c.142.109.211.298.177.482a1.21 1.21 0 0 0 .46 1.037c.389.223.885.482.637.707h-.035l-.003-.001z" fill="#000"/></svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
1
source/_static/img/icons/macos-inactive.svg
Normal file
1
source/_static/img/icons/macos-inactive.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="20" xmlns:v="https://vecta.io/nano"><path d="M14.486 6.577a4.3 4.3 0 0 0-1.517 1.717 4.46 4.46 0 0 0-.445 2.276 4.42 4.42 0 0 0 .743 2.187A4.23 4.23 0 0 0 15 14.237l-.521 1.307c-.483 1.085-1.135 2.086-1.933 2.965-.223.274-.508.49-.829.628a2.15 2.15 0 0 1-1.017.171 5.22 5.22 0 0 1-1.029-.274c-.375-.158-.758-.297-1.147-.416a3.32 3.32 0 0 0-2.114.245c-.37.167-.752.306-1.142.417a1.77 1.77 0 0 1-1.524-.29 5.14 5.14 0 0 1-1.106-1.128A12.46 12.46 0 0 1 .13 11.986a7.95 7.95 0 0 1 .371-4.21c.261-.729.699-1.382 1.274-1.901.567-.512 1.255-.871 2-1.044.837-.181 1.71-.075 2.479.301l.861.345a1.36 1.36 0 0 0 1.003 0l1.737-.645a4.16 4.16 0 0 1 2.516.09c.811.289 1.52.823 2.032 1.532l.082.124v-.001zM7.505 4.394C7.404 2.15 9.002.218 11.137.006c.299 2.152-1.681 4.638-3.631 4.386v.002h0z" fill="#1e1e1e"/></svg>
|
||||
|
After Width: | Height: | Size: 860 B |
1
source/_static/img/icons/macos.svg
Normal file
1
source/_static/img/icons/macos.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="20" xmlns:v="https://vecta.io/nano"><path d="M14.486 6.577a4.3 4.3 0 0 0-1.517 1.717 4.46 4.46 0 0 0-.445 2.276 4.42 4.42 0 0 0 .743 2.187A4.23 4.23 0 0 0 15 14.237l-.521 1.307c-.483 1.085-1.135 2.086-1.933 2.965-.223.274-.508.49-.829.628a2.15 2.15 0 0 1-1.017.171 5.22 5.22 0 0 1-1.029-.274c-.375-.158-.758-.297-1.147-.416a3.32 3.32 0 0 0-2.114.245c-.37.167-.752.306-1.142.417a1.77 1.77 0 0 1-1.524-.29 5.14 5.14 0 0 1-1.106-1.128A12.46 12.46 0 0 1 .13 11.986a7.95 7.95 0 0 1 .371-4.21c.261-.729.699-1.382 1.274-1.901.567-.512 1.255-.871 2-1.044.837-.181 1.71-.075 2.479.301l.861.345a1.36 1.36 0 0 0 1.003 0l1.737-.645a4.16 4.16 0 0 1 2.516.09c.811.289 1.52.823 2.032 1.532l.082.124v-.001zM7.505 4.394C7.404 2.15 9.002.218 11.137.006c.299 2.152-1.681 4.638-3.631 4.386v.002h0z" fill="#959595"/></svg>
|
||||
|
After Width: | Height: | Size: 860 B |
@ -1 +1 @@
|
||||
<svg width="22" height="15" xmlns="http://www.w3.org/2000/svg"><g fill="#4B4B4B" fill-rule="evenodd"><rect width="22" height="2.5" rx="1.25"/><rect y="6" width="22" height="2.5" rx="1.25"/><rect y="12" width="22" height="2.5" rx="1.25"/></g></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" xmlns:v="https://vecta.io/nano"><path d="M16.034 0H.966C.433 0 0 .346 0 .773s.433.773.966.773h15.068c.533 0 .966-.346.966-.773S16.567 0 16.034 0zm0 5.409H.966c-.533 0-.966.346-.966.773s.433.773.966.773h15.068c.533 0 .966-.346.966-.773s-.433-.773-.966-.773zm0 5.409H.966c-.533 0-.966.346-.966.773s.433.773.966.773h15.068c.533 0 .966-.346.966-.773s-.433-.773-.966-.773z" fill="#fff"/></svg>
|
||||
|
Before Width: | Height: | Size: 247 B After Width: | Height: | Size: 451 B |
1
source/_static/img/icons/nav-arrow-dark.svg
Normal file
1
source/_static/img/icons/nav-arrow-dark.svg
Normal file
@ -0,0 +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>
|
||||
|
After Width: | Height: | Size: 319 B |
@ -1 +1 @@
|
||||
<svg width="9" height="4" xmlns="http://www.w3.org/2000/svg"><path d="M8.071.12A.619.619 0 018.625.03c.19.059.33.204.366.38a.47.47 0 01-.187.472L4.866 3.88a.616.616 0 01-.732 0L.196.88a.463.463 0 01-.06-.705A.614.614 0 01.93.12L4.5 2.84 8.071.122z" fill="#505050" fill-rule="evenodd"/></svg>
|
||||
<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>
|
||||
|
Before Width: | Height: | Size: 291 B After Width: | Height: | Size: 263 B |
1
source/_static/img/icons/reading-mode-active.svg
Normal file
1
source/_static/img/icons/reading-mode-active.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" stroke="#101d32" fill="none" xmlns:v="https://vecta.io/nano"><path d="M3.5 4.5h2m-2 2h3m-3 2h1m-1 2h3" stroke-linecap="round"/><g stroke-width="1.75"><path d="M9 1.842v11.789"/><path d="M9 2.167C5.608.151 2.486 1.18 1.177 2.044 1.063 2.119 1 2.25 1 2.389v11.516c0 .371.434.58.738.379 2.625-1.733 5.701-.89 7.126.043a.22.22 0 0 0 .262-.016c2.455-2.06 5.484-.918 7.194.1a.45.45 0 0 0 .679-.385V2.404c0-.147-.073-.286-.196-.362C13.659.103 10.306 1.304 9 2.167z"/></g></svg>
|
||||
|
After Width: | Height: | Size: 533 B |
1
source/_static/img/icons/reading-mode.svg
Normal file
1
source/_static/img/icons/reading-mode.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" stroke="#101d32" fill="none" stroke-width="1.75" xmlns:v="https://vecta.io/nano"><path d="M9 1.842v11.789"/><path d="M9 2.167C5.608.151 2.486 1.18 1.177 2.044 1.063 2.119 1 2.25 1 2.389v11.516c0 .371.434.58.738.379 2.625-1.733 5.701-.89 7.126.043a.22.22 0 0 0 .262-.016c2.455-2.06 5.484-.918 7.194.1a.45.45 0 0 0 .679-.385V2.404c0-.147-.073-.286-.196-.362C13.659.103 10.306 1.304 9 2.167z"/></svg>
|
||||
|
After Width: | Height: | Size: 460 B |
@ -1 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="31.737" height="18.835" viewBox="0 0 31.737 18.835"><defs><style>.a,.b{fill:none;stroke-width:1.5px;}.a,.b,.c{stroke:#c72c48;}.a{stroke-dasharray:0.5 0.5;}.b{stroke-miterlimit:10;}.c{fill:#c72c48;stroke-width:0.6px;}</style></defs><g transform="translate(-6646.893 4989.998)"><path class="a" d="M6651.417-4975.223h24.809" transform="translate(-1.06 -0.158)"/><path class="b" d="M6677.872-4971.913h-30.229v-7.341a3.438,3.438,0,0,0,1.541-2.871,3.443,3.443,0,0,0-1.541-2.871v-3.253a1,1,0,0,1,1-1h28.264a.971.971,0,0,1,.973.969h0v3.328a3.444,3.444,0,0,0-1.478,2.824,3.447,3.447,0,0,0,1.478,2.826Z" transform="translate(0 0)"/><rect class="c" width="0.979" height="5.58" rx="0.489" transform="translate(6654.09 -4985.312)"/><rect class="c" width="0.979" height="5.58" rx="0.489" transform="translate(6659.125 -4985.312)"/><rect class="c" width="0.979" height="5.58" rx="0.489" transform="translate(6664.16 -4985.312)"/><rect class="c" width="0.979" height="5.58" rx="0.489" transform="translate(6669.195 -4985.312)"/></g></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="31.737" height="18.835" xmlns:v="https://vecta.io/nano"><g fill="none" stroke-width="1.5" stroke="#c72c48"><path d="M3.464 14.617h24.809" stroke-dasharray="0.5 0.5"/><path d="M30.979 18.085H.75v-7.341a3.44 3.44 0 0 0 1.541-2.871c0-1.155-.578-2.233-1.541-2.871V1.749a1 1 0 0 1 1-1h28.264a.97.97 0 0 1 .973.969h0v3.328c-.925.643-1.477 1.698-1.478 2.824s.553 2.182 1.478 2.826z" stroke-miterlimit="10"/></g><g fill="#c72c48" stroke-width=".6"><rect width=".979" height="5.58" rx=".489" stroke="#c72c48" x="7.197" y="4.686"/><rect width=".979" height="5.58" rx=".489" stroke="#c72c48" x="12.232" y="4.686"/><rect width=".979" height="5.58" rx=".489" stroke="#c72c48" x="17.267" y="4.686"/><rect width=".979" height="5.58" rx=".489" stroke="#c72c48" x="22.302" y="4.686"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 824 B |
1
source/_static/img/icons/search-dark.svg
Normal file
1
source/_static/img/icons/search-dark.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" xmlns:v="https://vecta.io/nano"><path d="M11.5 6.5a5 5 0 1 1-10 0 5 5 0 1 1 10 0h0zm-1.59 5.535A6.5 6.5 0 0 1 2.47 1.401a6.5 6.5 0 0 1 8.619 9.703l1.845 2.096a.75.75 0 1 1-1.127.99L9.91 12.036v-.001z" fill="#8a93a4" fill-rule="evenodd"/></svg>
|
||||
|
After Width: | Height: | Size: 306 B |
@ -1,9 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<title>Group 5</title>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Group-5" fill="#393939">
|
||||
<path d="M10.8884339,10.3384631 L13.8860966,13.3361237 C14.0379662,13.4879949 14.0379662,13.7342254 13.8860966,13.8860966 C13.7342254,14.0379662 13.4879949,14.0379662 13.3361237,13.8860966 L10.3384631,10.8884339 C9.24152445,11.8568263 7.80049614,12.4444436 6.22222171,12.4444436 C2.7857837,12.4444436 -1.40000023e-07,9.65865971 -1.40000023e-07,6.22222171 C-1.40000023e-07,2.7857837 2.7857837,-1.40000023e-07 6.22222171,-1.40000023e-07 C9.65865971,-1.40000023e-07 12.4444436,2.7857837 12.4444436,6.22222171 C12.4444436,7.80049614 11.8568263,9.24152445 10.8884339,10.3384631 Z M6.22222171,11.6666658 C9.22910536,11.6666658 11.6666658,9.22910536 11.6666658,6.22222171 C11.6666658,3.21533806 9.22910536,0.777777591 6.22222171,0.777777591 C3.21533806,0.777777591 0.777777591,3.21533806 0.777777591,6.22222171 C0.777777591,9.22910536 3.21533806,11.6666658 6.22222171,11.6666658 Z" id="Fill-3"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="15" fill="none" xmlns:v="https://vecta.io/nano"><path fill-rule="evenodd" d="M11.5 6.5a5 5 0 1 1-10 0 5 5 0 0 1 10 0Zm-1.59 5.535a6.5 6.5 0 1 1 1.179-.931l1.845 2.096a.75.75 0 0 1-1.127.99L9.91 12.036Z" fill="#3d3d3d"/></svg>
|
||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 284 B |
1
source/_static/img/icons/windows-inactive.svg
Normal file
1
source/_static/img/icons/windows-inactive.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" xmlns:v="https://vecta.io/nano"><path d="M15.363.139v7.728H7.278a.97.97 0 0 1-.039-.168V1.602c0-.259.112-.305.316-.324L12.009.61l3.354-.472v.001zm0 8.432V16.3a2.99 2.99 0 0 1-.325 0l-5.129-.804-2.649-.436v-6.49h8.104 0zm-15-6.238l5.087-.747 1.095-.155v6.436H.364V2.333H.363zm0 6.238h6.194v6.371l-1.781-.257-4.414-.671V8.571z" fill="#1e1e1e"/></svg>
|
||||
|
After Width: | Height: | Size: 411 B |
1
source/_static/img/icons/windows.svg
Normal file
1
source/_static/img/icons/windows.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" xmlns:v="https://vecta.io/nano"><path d="M15.363.139v7.728H7.278a.97.97 0 0 1-.039-.168V1.602c0-.259.112-.305.316-.324L12.009.61l3.354-.472v.001zm0 8.432V16.3a2.99 2.99 0 0 1-.325 0l-5.129-.804-2.649-.436v-6.49h8.104 0zm-15-6.238l5.087-.747 1.095-.155v6.436H.364V2.333H.363zm0 6.238h6.194v6.371l-1.781-.257-4.414-.671V8.571z" fill="#0076d2"/></svg>
|
||||
|
After Width: | Height: | Size: 411 B |
@ -1,85 +1,337 @@
|
||||
window.addEventListener("DOMContentLoaded", (event) => {
|
||||
// Detect parent iframe.
|
||||
// This is required to hide the navigation links when viewed via PathFactory for analytics purposes
|
||||
if (window.location !== window.parent.location) {
|
||||
document.body.classList.add('inside-iframe');
|
||||
}
|
||||
|
||||
// Table of contents
|
||||
var topic = document.getElementById("table-of-contents");
|
||||
if (topic != null) {
|
||||
document
|
||||
.getElementById("localtoc")
|
||||
.appendChild(document.getElementById("table-of-contents"));
|
||||
}
|
||||
|
||||
var l3 = document.getElementsByClassName("toctree-l3 current")
|
||||
var l2 = document.getElementsByClassName("toctree-l2 current")
|
||||
var l1 = document.getElementsByClassName("toctree-l1 current")
|
||||
|
||||
if (l3.length > 0) {
|
||||
l3[0].classList.add("active");
|
||||
l2[0].classList.add("active-parent");
|
||||
l1[0].classList.add("active-parent");
|
||||
}
|
||||
else if (l2.length > 0 ) {
|
||||
l2[0].classList.add("active");
|
||||
l1[0].classList.add("active-parent");
|
||||
}
|
||||
else if (l1.length > 0 ) {
|
||||
l1[0].classList.add("active");
|
||||
}
|
||||
|
||||
// Toggle Sidebars
|
||||
$('body').on('click', '[data-toggle]', function() {
|
||||
var target = $(this).attr('data-toggle');
|
||||
target === 'sidebar' ? $('body').removeClass('nav-active') : $('body').removeClass('sidebar-active');
|
||||
$('body').toggleClass(target + '-active');
|
||||
});
|
||||
|
||||
renderPersonas();
|
||||
const tocMenuEl = document.querySelector(".content__toc__inner > ul");
|
||||
var readModeLs = localStorage.getItem("read-mode");
|
||||
|
||||
// --------------------------------------------------
|
||||
// Detect macOS
|
||||
// --------------------------------------------------
|
||||
function isMac() {
|
||||
return navigator.platform.toUpperCase().indexOf('MAC') >= 0;
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
// --------------------------------------------------
|
||||
// Read mode
|
||||
// --------------------------------------------------
|
||||
(function () {
|
||||
const readModeEl = document.getElementById("read-mode-toggle");
|
||||
const headerEl = document.querySelector(".header");
|
||||
|
||||
// Check if the read mode in enabled in user's local storage
|
||||
if (readModeLs === "true") {
|
||||
document.documentElement.classList.add("read-mode");
|
||||
readModeEl.classList.add("active");
|
||||
}
|
||||
|
||||
function renderPersonas() {
|
||||
// This inserts the personas into the left-hand nav
|
||||
// Make header visible after the page is loaded and read-mode is decided.
|
||||
// This is to prevent the flickering of the header on page load.
|
||||
headerEl.classList.remove("inactive");
|
||||
|
||||
// Toggle read mode on icon click
|
||||
readModeEl.addEventListener("click", (event) => {
|
||||
document.documentElement.classList.toggle("read-mode");
|
||||
|
||||
let operationPersona = document.createElement("span");
|
||||
operationPersona.innerHTML = "Operations";
|
||||
operationPersona.id = "operationsPersona";
|
||||
operationPersona.className = "persona";
|
||||
if (document.documentElement.classList.contains("read-mode")) {
|
||||
localStorage.setItem("read-mode", "true");
|
||||
} else {
|
||||
localStorage.setItem("read-mode", "false");
|
||||
}
|
||||
});
|
||||
|
||||
let administrationPersona = document.createElement("span");
|
||||
administrationPersona.innerHTML = "Administration";
|
||||
administrationPersona.id = "administrationPersona";
|
||||
administrationPersona.className = "persona";
|
||||
// Turn on read mode on smaller screen size.
|
||||
// Kinda like the responsive design.
|
||||
function resize() {
|
||||
readModeLs = localStorage.getItem("read-mode");
|
||||
|
||||
let developerPersona = document.createElement("span");
|
||||
developerPersona.innerHTML = "Developers";
|
||||
developerPersona.id = "developerPersona";
|
||||
developerPersona.className = "persona";
|
||||
if (window.innerWidth < 1280) {
|
||||
if (readModeLs == null || readModeLs == "false") {
|
||||
document.documentElement.classList.add("read-mode");
|
||||
}
|
||||
} else {
|
||||
if (readModeLs == "false") {
|
||||
document.documentElement.classList.remove("read-mode");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
let referencePersona = document.createElement("span");
|
||||
referencePersona.innerHTML = "Reference";
|
||||
referencePersona.id = "referencePersona";
|
||||
referencePersona.className = "persona";
|
||||
var resizeTimer;
|
||||
window.addEventListener("resize", function () {
|
||||
clearTimeout(resizeTimer);
|
||||
resizeTimer = setTimeout(function () {
|
||||
resize();
|
||||
}, 50);
|
||||
});
|
||||
|
||||
list = document.getElementsByClassName("toctree-l1");
|
||||
resize();
|
||||
})();
|
||||
|
||||
for (i=0; i<list.length; i++) {
|
||||
let page_title = list[i].childNodes[0].innerHTML;
|
||||
|
||||
// --------------------------------------------------
|
||||
// Dark mode
|
||||
// --------------------------------------------------
|
||||
(function () {
|
||||
const darkModeEl = document.getElementById("dark-mode-toggle");
|
||||
var darkModeLs = localStorage.getItem("dark-mode");
|
||||
|
||||
// Check if the dark mode in enabled in user's local storage
|
||||
if (darkModeLs === "true") {
|
||||
document.documentElement.classList.add("dark-mode");
|
||||
darkModeEl.classList.add("active");
|
||||
}
|
||||
|
||||
darkModeEl.addEventListener("click", (event) => {
|
||||
document.documentElement.classList.toggle("dark-mode");
|
||||
|
||||
if (document.documentElement.classList.contains("dark-mode")) {
|
||||
localStorage.setItem("dark-mode", "true");
|
||||
} else {
|
||||
localStorage.setItem("dark-mode", "false");
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
|
||||
// --------------------------------------------------
|
||||
// Detect parent iframe.
|
||||
// This is required to hide the navigation links when viewed via PathFactory for analytics purposes
|
||||
// --------------------------------------------------
|
||||
(function () {
|
||||
if (window.location !== window.parent.location) {
|
||||
document.body.classList.add("inside-iframe");
|
||||
}
|
||||
})();
|
||||
|
||||
|
||||
// --------------------------------------------------
|
||||
// Get meta key based on the OS
|
||||
// --------------------------------------------------
|
||||
(function () {
|
||||
const metaKeyEl = document.getElementById("search-meta-key");
|
||||
|
||||
if(metaKeyEl) {
|
||||
if(isMac()) {
|
||||
metaKeyEl.innerHTML = "⌘";
|
||||
}
|
||||
else {
|
||||
metaKeyEl.classList.add("ctrl");
|
||||
metaKeyEl.innerHTML = "Ctrl";
|
||||
}
|
||||
}
|
||||
})();
|
||||
|
||||
|
||||
// --------------------------------------------------
|
||||
// Cookie banner
|
||||
// --------------------------------------------------
|
||||
(function () {
|
||||
var cookieLs = localStorage.getItem("set-cookie");
|
||||
const cookieBanner = document.getElementById("cookie");
|
||||
if (cookieLs == null) {
|
||||
cookieBanner.classList.add("show");
|
||||
}
|
||||
|
||||
cookieBanner.addEventListener("click", (event) => {
|
||||
localStorage.setItem("set-cookie", "true");
|
||||
cookieBanner.classList.remove("show");
|
||||
});
|
||||
})();
|
||||
|
||||
|
||||
// --------------------------------------------------
|
||||
// Content Nav
|
||||
// --------------------------------------------------
|
||||
(function () {
|
||||
const contentNav = document.querySelectorAll("[data-content-nav]");
|
||||
contentNav.forEach((nav) => {
|
||||
nav.addEventListener("click", (event) => {
|
||||
event.preventDefault();
|
||||
var target = nav.getAttribute("data-content-nav");
|
||||
|
||||
document
|
||||
.querySelector(".content__nav__inner a.active")
|
||||
.classList.remove("active");
|
||||
document
|
||||
.querySelector(".content__nav__dropdown nav.active")
|
||||
.classList.remove("active");
|
||||
document.getElementById(target).classList.add("active");
|
||||
nav.classList.add("active");
|
||||
});
|
||||
});
|
||||
})();
|
||||
|
||||
|
||||
// --------------------------------------------------
|
||||
// Search
|
||||
// --------------------------------------------------
|
||||
(function () {
|
||||
const searchToggleEl = document.querySelectorAll(".search-toggle");
|
||||
const searchParentEl = document.querySelector(".header__hero");
|
||||
const searchInputEl = document.querySelector(".search__text");
|
||||
const searchCloseEl = document.getElementById("search-close");
|
||||
const searchDocEL = document.getElementById("search-documentation")
|
||||
|
||||
if(searchInputEl) {
|
||||
// Open
|
||||
searchToggleEl.forEach((item) => {
|
||||
item.addEventListener("click", (event) => {
|
||||
// Hide opened toc menu on mobile
|
||||
if(tocMenuEl) {
|
||||
tocMenuEl.closest(".content__toc").classList.remove("active");
|
||||
}
|
||||
|
||||
// Toggle search
|
||||
searchParentEl.classList.add("active");
|
||||
searchInputEl.focus();
|
||||
});
|
||||
});
|
||||
|
||||
// Close
|
||||
searchCloseEl.addEventListener("click", (event) => {
|
||||
searchParentEl.classList.remove("active");
|
||||
searchInputEl.value = "";
|
||||
});
|
||||
}
|
||||
|
||||
// Add ID to search result page
|
||||
if(searchDocEL) {
|
||||
document.documentElement.classList.add("search-doc");
|
||||
}
|
||||
})();
|
||||
|
||||
|
||||
// --------------------------------------------------
|
||||
// Asides: Sidebar and Nav
|
||||
// --------------------------------------------------
|
||||
(function () {
|
||||
const asideToggleEls = document.querySelectorAll("[data-aside-toggle]");
|
||||
const sidebarEl = document.querySelector(".sidebar");
|
||||
const navEl = document.querySelector(".nav");
|
||||
const asideHideEls = document.querySelectorAll(".hide-aside");
|
||||
|
||||
function hideAside() {
|
||||
document.querySelector(".aside-backdrop").remove();
|
||||
document.documentElement.classList.remove("doc-active", "nav-active");
|
||||
}
|
||||
|
||||
asideToggleEls.forEach((item) => {
|
||||
item.addEventListener("click", (event) => {
|
||||
event.preventDefault();
|
||||
var target = item.getAttribute("data-aside-toggle");
|
||||
|
||||
document.documentElement.classList.add(target + "-active");
|
||||
|
||||
var backdrop = document.createElement("div");
|
||||
backdrop.classList.add("aside-backdrop");
|
||||
backdrop.onclick = function () {
|
||||
document.documentElement.classList.remove(target + "-active");
|
||||
backdrop.remove();
|
||||
}
|
||||
|
||||
if(target == "doc") {
|
||||
sidebarEl.insertAdjacentElement("afterend", backdrop);
|
||||
}
|
||||
else {
|
||||
navEl.insertAdjacentElement("afterend", backdrop);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
asideHideEls.forEach(item => {
|
||||
item.addEventListener("click", (event) => {
|
||||
event.preventDefault();
|
||||
hideAside();
|
||||
});
|
||||
});
|
||||
})();
|
||||
|
||||
|
||||
// --------------------------------------------------
|
||||
// TOC in mobile
|
||||
// --------------------------------------------------
|
||||
(function () {
|
||||
const tocToggleEl = document.querySelector(".content__toc__inner > h3 > a");
|
||||
|
||||
if(tocToggleEl) {
|
||||
tocToggleEl.addEventListener("click", (event) => {
|
||||
event.preventDefault();
|
||||
tocMenuEl.closest(".content__toc").classList.toggle("active");
|
||||
});
|
||||
}
|
||||
})();
|
||||
|
||||
|
||||
// --------------------------------------------------
|
||||
// Icon switches
|
||||
// e.g Read mode and Dark mode buttons
|
||||
// --------------------------------------------------
|
||||
(function () {
|
||||
const iconSwitchesEls = document.querySelectorAll(".icon--switch");
|
||||
iconSwitchesEls.forEach((item) => {
|
||||
item.addEventListener("click", (event) => {
|
||||
event.preventDefault();
|
||||
item.classList.toggle("active");
|
||||
});
|
||||
});
|
||||
})();
|
||||
|
||||
|
||||
// --------------------------------------------------
|
||||
// Focus search input on key combination
|
||||
// --------------------------------------------------
|
||||
(function () {
|
||||
const root = document.documentElement;
|
||||
|
||||
document.addEventListener("keydown", (event) => {
|
||||
if(!root.classList.contains("read-mode")) {
|
||||
const searchInputEl = document.querySelector(".search__text");
|
||||
var metaKey = isMac() ? event.metaKey : event.ctrlKey
|
||||
|
||||
if (metaKey && event.key === "/") {
|
||||
searchInputEl.focus();
|
||||
window.scrollTo(0, 0);
|
||||
}
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
|
||||
// --------------------------------------------------
|
||||
// Inserts the personas into the left-hand nav
|
||||
// --------------------------------------------------
|
||||
(function() {
|
||||
const operationPersona = document.createElement("li");
|
||||
operationPersona.innerHTML = "Operations";
|
||||
operationPersona.className = "docs__title";
|
||||
|
||||
const administrationPersona = document.createElement("li");
|
||||
administrationPersona.innerHTML = "Administration";
|
||||
administrationPersona.className = "docs__title";
|
||||
|
||||
const developerPersona = document.createElement("li");
|
||||
developerPersona.innerHTML = "Developers";
|
||||
developerPersona.className = "docs__title";
|
||||
|
||||
const referencePersona = document.createElement("li");
|
||||
referencePersona.innerHTML = "Reference";
|
||||
referencePersona.className = "docs__title";
|
||||
|
||||
const list = document.getElementsByClassName("toctree-l1");
|
||||
|
||||
for ( i = 0; i < list.length; i++) {
|
||||
const page_title = list[i].childNodes[0].innerHTML;
|
||||
if (page_title === "Install and Deploy MinIO" || page_title === "Deploy the MinIO Operator") {
|
||||
list[i].insertAdjacentElement('beforebegin',operationPersona);
|
||||
// First persona is not listed in the design, so commenting it for now.
|
||||
//list[i].insertAdjacentElement('beforebegin',operationPersona);
|
||||
}
|
||||
else if (page_title === "MinIO Console") {
|
||||
list[i].insertAdjacentElement('beforebegin',administrationPersona);
|
||||
list[i].insertAdjacentElement('beforebegin',administrationPersona);
|
||||
}
|
||||
else if (page_title === "Software Development Kits (SDK)") {
|
||||
list[i].insertAdjacentElement('beforebegin',developerPersona);
|
||||
list[i].insertAdjacentElement('beforebegin',developerPersona);
|
||||
}
|
||||
else if (page_title === "MinIO Client") {
|
||||
list[i].insertAdjacentElement('beforebegin',referencePersona);
|
||||
list[i].insertAdjacentElement('beforebegin',referencePersona);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
})();
|
||||
});
|
||||
60
source/_static/scss/includes/_alert.scss
Normal file
60
source/_static/scss/includes/_alert.scss
Normal file
@ -0,0 +1,60 @@
|
||||
$alert-variants: note important warning;
|
||||
|
||||
div.admonition {
|
||||
border-radius: $border-radius;
|
||||
border: 0;
|
||||
border: 1px solid transparent;
|
||||
padding: 1.5rem;
|
||||
font-size: $font-size-md;
|
||||
background-color: var(--theme-light-bg);
|
||||
color: var(--headings-color);
|
||||
|
||||
p.admonition-title {
|
||||
font-family: inherit;
|
||||
font-size: $font-size-md;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
text-decoration: underline;
|
||||
text-decoration-style: dotted;
|
||||
text-decoration-thickness: 1px;
|
||||
text-underline-offset: 0.2rem;
|
||||
text-decoration-color: transparent;
|
||||
transition: text-decoration-color 300ms;
|
||||
}
|
||||
|
||||
code {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
@each $variant in $alert-variants {
|
||||
&.#{$variant} {
|
||||
border-color: var(--alert-#{$variant}-border-color);
|
||||
color: var(--alert-#{$variant}-color);
|
||||
background-color: var(--alert-#{$variant}-bg);
|
||||
|
||||
code,
|
||||
div.highlight pre {
|
||||
background-color: var(--alert-#{$variant}-code-bg);
|
||||
color: var(--alert-#{$variant}-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: currentColor;
|
||||
text-decoration-color: var(--alert-#{$variant}-link-decoration-color);
|
||||
|
||||
&:hover {
|
||||
text-decoration-color: var(--alert-#{$variant}-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,151 +1,110 @@
|
||||
aside.sidebar {
|
||||
// ----------------------
|
||||
// Sidebar
|
||||
// ----------------------
|
||||
div.sidebar {
|
||||
width: $sidebar-width;
|
||||
position: fixed;
|
||||
position: sticky;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-color: $sidebar-bg;
|
||||
background-color: var(--sidebar-bg);
|
||||
transition: opacity 400ms, transform 300ms;
|
||||
padding: $content-padding + 1 $content-padding $content-padding - 0.75 $content-padding;
|
||||
padding: var(--content-padding);
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
z-index: $z-index-header - 1;
|
||||
height: 100vh;
|
||||
z-index: $z-index-header - 2;
|
||||
margin: 0;
|
||||
border: none;
|
||||
|
||||
@include breakpoint-min(breakpoints(xl)) {
|
||||
padding-top: $content-padding + $header-height;
|
||||
}
|
||||
|
||||
@include breakpoint-max(breakpoints(xl)) {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
z-index: $z-index-header + 1;
|
||||
}
|
||||
|
||||
& > .toggle-icon {
|
||||
@include breakpoint-min(breakpoints(xl)) {
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
.hide-aside {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
position: absolute;
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: $z-index-header + 1;
|
||||
box-shadow: 0.5rem 0 0.75rem rgba(0, 0, 0, 0.175);
|
||||
display: none;
|
||||
|
||||
.hide-aside {
|
||||
text-align: right;
|
||||
margin: 0 -0.75rem 1rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-active {
|
||||
.sidebar {
|
||||
@include breakpoint-min(breakpoints(xl)) {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@include breakpoint-max(breakpoints(xl)) {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
box-shadow: 0.25rem 0 0.75rem rgba($black, 0.1);
|
||||
}
|
||||
.doc-active {
|
||||
div.sidebar {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar__title {
|
||||
margin: -0.25rem 0 1.5rem;
|
||||
line-height: 100%;
|
||||
margin: 0 0 1rem;
|
||||
font-size: $font-size-md;
|
||||
font-weight: $font-weight-bold;
|
||||
display: block;
|
||||
|
||||
& > a {
|
||||
line-height: 100%;
|
||||
color: $docs-item-main-color;
|
||||
font-size: 0.9rem;
|
||||
text-transform: uppercase;
|
||||
font-weight: $font-weight-medium;
|
||||
|
||||
&:hover {
|
||||
color: $docs-item-main-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search {
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
.search__text {
|
||||
appearance: none;
|
||||
border: 1px solid $search-border-color;
|
||||
height: $search-height;
|
||||
background-color: $white;
|
||||
color: $search-color;
|
||||
font-size: 0.85rem;
|
||||
width: 100%;
|
||||
padding: 0 1rem 0.1rem 2.6rem;
|
||||
background: $search-icon no-repeat center left 1rem;
|
||||
background-color: $search-bg;
|
||||
border-radius: $border-radius;
|
||||
|
||||
&:focus {
|
||||
border-color: $search-focus-border-color
|
||||
&, &:hover {
|
||||
color: var(--headings-color);
|
||||
}
|
||||
}
|
||||
|
||||
// ----------------------
|
||||
// Docs Navigation
|
||||
// ----------------------
|
||||
.docs {
|
||||
margin-right: -0.65rem;
|
||||
|
||||
font-size: $font-size-sm;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0.5rem 0 0.5rem 0;
|
||||
font-size: .90rem;
|
||||
|
||||
& > span.persona {
|
||||
font-weight: bold;
|
||||
border-bottom-style: solid;
|
||||
border-width: 2px;
|
||||
display: block;
|
||||
padding-bottom: 1rem;
|
||||
|
||||
}
|
||||
margin: 0;
|
||||
|
||||
& > li {
|
||||
|
||||
margin: 0.5rem 0 0.5rem 0.5rem;
|
||||
|
||||
& > a {
|
||||
&, & > code {
|
||||
all: unset;
|
||||
}
|
||||
color: var(--text-muted-color);
|
||||
display: block;
|
||||
padding: 0.4rem 0;
|
||||
|
||||
&:hover {
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
color: var(--text-color);
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
|
||||
& > a {
|
||||
color: $docs-item-main-active-color;
|
||||
font-weight: $font-weight-medium;
|
||||
}
|
||||
}
|
||||
|
||||
&.active-parent {
|
||||
|
||||
& > a {
|
||||
color: $docs-item-sub-color;
|
||||
font-weight: $font-weight-medium;
|
||||
}
|
||||
}
|
||||
|
||||
& > ul {
|
||||
|
||||
& > li {
|
||||
margin: 0.5rem 0 0.5rem 0.5rem;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
&.current > a,
|
||||
& > a.current {
|
||||
font-weight: $font-weight-medium;
|
||||
color: var(--docs-nav-active-color);
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.docs__title {
|
||||
margin: 2rem 0 0.5rem;
|
||||
border-bottom: 1px solid var(--docs-nav-group-border-color);
|
||||
color: var(--text-color);
|
||||
font-weight: $font-weight-medium;
|
||||
padding-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
|
||||
// ----------------------
|
||||
// Misc
|
||||
// ----------------------
|
||||
.aside-backdrop {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 11;
|
||||
cursor: pointer;
|
||||
}
|
||||
@ -11,6 +11,8 @@
|
||||
|
||||
html {
|
||||
font-size: $root-font-size;
|
||||
scroll-behavior: smooth;
|
||||
scroll-padding: 1rem;
|
||||
}
|
||||
|
||||
body {
|
||||
@ -18,202 +20,7 @@ body {
|
||||
font-family: $font-family-base;
|
||||
font-size: 1rem;
|
||||
line-height: $body-line-height;
|
||||
color: $body-color;
|
||||
background-color: $body-bg;
|
||||
color: var(--text-color);
|
||||
font-weight: $font-weight-normal;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $link-color;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: $link-hover-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
& > img.anchor {
|
||||
box-shadow: none;
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
&.reference {
|
||||
text-decoration: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: $docs-item-main-color;
|
||||
position: relative;
|
||||
|
||||
& > .toc-backref {
|
||||
color: $docs-item-main-color;
|
||||
}
|
||||
|
||||
& > .headerlink {
|
||||
position: absolute;
|
||||
left: -1.5rem;
|
||||
top: 0;
|
||||
opacity: 0.5;
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
dl {
|
||||
& > dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
// Hack because sphinx renders nested ul elements as dl/dt/dd for some reason
|
||||
|
||||
li {
|
||||
& dl.simple {
|
||||
font-weight: normal;
|
||||
|
||||
& dt {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
& dd {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.admonition {
|
||||
margin-top: 0;
|
||||
padding: 10px 20px;
|
||||
|
||||
background: rgba($black, .01);
|
||||
border: none;
|
||||
border-left: 4px solid grey;
|
||||
|
||||
& > p.admonition-title {
|
||||
font-weight: bold;
|
||||
font-family: $font-family-base;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
&.warning {
|
||||
background-color: $docs-item-admonition-warning-body;
|
||||
border: none;
|
||||
border-left: 4px solid $docs-item-admonition-warning-border;
|
||||
}
|
||||
|
||||
&.important {
|
||||
background-color: $docs-item-admonition-important-body;
|
||||
border: none;
|
||||
border-left: 4px solid $docs-item-admonition-important-border;
|
||||
}
|
||||
|
||||
&.note {
|
||||
background-color: $docs-item-admonition-note-body;
|
||||
border: none;
|
||||
border-left: 4px solid $docs-item-admonition-note-border;
|
||||
}
|
||||
}
|
||||
|
||||
dl {
|
||||
margin: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
dl.minio {
|
||||
margin: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
div.footer {
|
||||
width: auto;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.align-default {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
table.docutils {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
font-size: .9rem;
|
||||
|
||||
& > tbody tr th.stub {
|
||||
border: none;
|
||||
border-bottom: 1px solid $docs-item-table-border;
|
||||
color: $theme-red;
|
||||
}
|
||||
|
||||
& > thead tr th {
|
||||
border: none;
|
||||
border-bottom: 1px solid $docs-item-table-border;
|
||||
color: $theme-red;
|
||||
}
|
||||
|
||||
& > tbody tr td {
|
||||
border: none;
|
||||
border-bottom: 1px solid $docs-item-table-border;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.sphinx-tabs-tab {
|
||||
color: rgba($black, .5);
|
||||
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0px 20px 10px 20px;
|
||||
|
||||
&[aria-selected=true] {
|
||||
color: $theme-red;
|
||||
font-weight: bold;
|
||||
border-bottom: .15em solid $theme-red;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
button.toggle-button {
|
||||
width: 1.25em;
|
||||
height: 1.25em;
|
||||
|
||||
&.toggle-button-hidden:before {
|
||||
left: -7em;
|
||||
}
|
||||
|
||||
& > .bar {
|
||||
width: 14px;
|
||||
left: 13%;
|
||||
}
|
||||
}
|
||||
|
||||
.xref {
|
||||
color: $link-color;
|
||||
}
|
||||
|
||||
.content__main {
|
||||
a img {
|
||||
box-shadow: 0px 0px 5px lightgray;
|
||||
}
|
||||
|
||||
a.noshadow img {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
ul.simple li {
|
||||
margin: 0px 0px 10px 0px;
|
||||
}
|
||||
|
||||
video {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background-color: var(--body-bg);
|
||||
}
|
||||
@ -1,10 +1,10 @@
|
||||
@font-face {
|
||||
font-family: "Mark";
|
||||
src: url("../fonts/Mark-Regular.woff2") format("woff2"),
|
||||
url("../fonts/Mark-Regular.woff") format("woff");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
font-family: "Mark";
|
||||
src: url("../fonts/Mark-Regular.woff2") format("woff2"),
|
||||
url("../fonts/Mark-Regular.woff") format("woff");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Mark";
|
||||
@ -12,4 +12,12 @@
|
||||
url("../fonts/Mark-Medium.woff") format("woff");
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Mark";
|
||||
src: url("../fonts/Mark-Bold.woff2") format("woff2"),
|
||||
url("../fonts/Mark-Bold.woff") format("woff");
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
37
source/_static/scss/includes/_footer.scss
Normal file
37
source/_static/scss/includes/_footer.scss
Normal file
@ -0,0 +1,37 @@
|
||||
div.footer {
|
||||
all: revert;
|
||||
background-color: var(--footer-bg);
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
||||
|
||||
&, a {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
a {
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.footer__credit {
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
gap: 0.2rem;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
padding: 1.5rem 0;
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
|
||||
.footer__license {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
@ -1,444 +1,155 @@
|
||||
// Using CSS variables to match the parent site's nav configs.
|
||||
:root {
|
||||
--nav-text-color: #{$black};
|
||||
--nav-item-border-color: #{$black};
|
||||
--nav-item-arrow: #{$nav-arrow-icon};
|
||||
--nav-toggle-hover-border-color: #{$black};
|
||||
--nav-bg-gray: #{$nav-sub-hover-bg};
|
||||
--header-bg: #{$white};
|
||||
--nav-top-border-color: #{$gray-200};
|
||||
}
|
||||
|
||||
.header {
|
||||
height: $header-height;
|
||||
background-color: $header-bg;
|
||||
box-shadow: 0 0 0.75rem rgba($black, 0.1);
|
||||
width: 100%;
|
||||
z-index: $z-index-header;
|
||||
flex-shrink: 0;
|
||||
padding: 0 $content-padding;
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
height: $header-height-mobile;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 $content-padding-mobile;
|
||||
}
|
||||
}
|
||||
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
position: absolute;
|
||||
left: 1.3rem;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.logo__link {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.nav {
|
||||
z-index: 1;
|
||||
transition: opacity 300ms, transform 300ms;
|
||||
font-size: $font-size-md;
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
height: 100vh;
|
||||
width: $nav-mobile-width;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
flex-direction: column;
|
||||
transform: translate3d($nav-mobile-width, 0, 0);
|
||||
opacity: 0;
|
||||
box-shadow: $nav-mobile-box-shadow;
|
||||
overflow-y: auto;
|
||||
background-color: $nav-mobile-bg;
|
||||
}
|
||||
|
||||
& > .toggle-icon {
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__top,
|
||||
.nav__bottom {
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
display: flex;
|
||||
margin: 0.25rem 0;
|
||||
}
|
||||
|
||||
align-items: center;
|
||||
background-color: var(--header-bg);
|
||||
box-shadow: 0 0 0.75rem rgba($black, 0.1);
|
||||
width: 100%;
|
||||
position: relative;
|
||||
gap: 2rem;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.nav__top {
|
||||
border-bottom: 1px solid var(--nav-top-border-color);
|
||||
z-index: $z-index-header;
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
border-bottom: 1px solid $gray-100;
|
||||
padding-bottom: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
& > .container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav__link {
|
||||
&.inactive {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.header__top {
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
border-bottom: 1px solid var(--nav-top-border-color);
|
||||
display: flex;
|
||||
padding: 0.4rem 0;
|
||||
height: 3rem;
|
||||
|
||||
.nav {
|
||||
font-size: $font-size-sm;
|
||||
margin: 0 -1rem 0 auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-active {
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
z-index: 1000; //FIXME
|
||||
|
||||
.nav {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
z-index: $nav-active-z-index;
|
||||
}
|
||||
.header__logo {
|
||||
& > svg {
|
||||
width: 6.25rem;
|
||||
fill: var(--logo-fill-color);
|
||||
}
|
||||
}
|
||||
|
||||
.nav__item {
|
||||
&:hover {
|
||||
.nav__dropdown,
|
||||
& ~ .nav__dropdown--product {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.header__title {
|
||||
line-height: 100%;
|
||||
font-weight: 500;
|
||||
color: var(--header-headings-color);
|
||||
margin-left: 0.5rem;
|
||||
font-size: $font-size-sm;
|
||||
padding-bottom: 0.1rem;
|
||||
}
|
||||
|
||||
.nav__link--dropdown {
|
||||
& > span {
|
||||
&:before {
|
||||
opacity: 0;
|
||||
}
|
||||
.header__actions {
|
||||
flex-shrink: 0;
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
gap: 0.5rem;
|
||||
margin-left: auto;
|
||||
|
||||
.icon {
|
||||
&:not(.icon--switch) {
|
||||
& > svg {
|
||||
fill: var(--header-text-color);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: var(--header-actions-icon-alt-hover-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
.nav__link {
|
||||
padding-right: 1.25rem;
|
||||
background: var(--nav-item-arrow) no-repeat top 20px 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 #fff;
|
||||
position: absolute;
|
||||
bottom: -2px;
|
||||
transition: opacity 200ms;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
.icon--switch {
|
||||
transition: background-color 500ms, border-color 500ms;
|
||||
background-color: var(--header-actions-icon-bg);
|
||||
border-color: var(--header-actions-icon-border-color);
|
||||
|
||||
&:hover {
|
||||
.nav__link {
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__link {
|
||||
position: relative;
|
||||
|
||||
&,
|
||||
&:hover {
|
||||
color: var(--nav-text-color);
|
||||
}
|
||||
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
padding: 0.5rem 0 0.6rem;
|
||||
cursor: pointer;
|
||||
|
||||
& > span {
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
background-color: var(--nav-item-border-color);
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 0;
|
||||
content: "";
|
||||
transform: translateY(5px);
|
||||
opacity: 0;
|
||||
transition: opacity 300ms, transform 300ms;
|
||||
}
|
||||
background-color: var(--header-actions-icon-hover-bg);
|
||||
}
|
||||
|
||||
&:not(.nav__link--dropdown) {
|
||||
&:hover {
|
||||
& > span {
|
||||
&:before {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
& > svg {
|
||||
stroke: var(--header-actions-icon-stroke);
|
||||
stroke-width: var(--header-actions-icon-stroke-width);
|
||||
|
||||
&:last-child {
|
||||
& > path {
|
||||
&:last-child {
|
||||
fill: var(--header-actions-icon-path-fill);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
font-weight: $font-weight-medium;
|
||||
color: $black;
|
||||
|
||||
& > span {
|
||||
display: block;
|
||||
padding: 0.5rem 1.5rem;
|
||||
}
|
||||
#read-mode-toggle {
|
||||
@include breakpoint-max(breakpoints(xl)) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__link--active {
|
||||
& > span {
|
||||
&:before {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
:root {
|
||||
&:not(.read-mode) {
|
||||
.header__actions {
|
||||
position: absolute;
|
||||
bottom: 2rem;
|
||||
right: var(--content-padding);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__link--download {
|
||||
border: 1px solid $theme-red;
|
||||
transition: background-color 300ms, color 300ms;
|
||||
border-radius: $border-radius;
|
||||
padding: 0.2rem 0.95rem 0.3rem;
|
||||
margin-left: auto;
|
||||
.header__hero {
|
||||
text-align: center;
|
||||
padding: 3rem 0 2rem;
|
||||
|
||||
&:hover {
|
||||
background-color: $theme-red;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
margin: 1.5rem;
|
||||
text-align: center;
|
||||
padding: 0.5rem 1rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__dropdown {
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
width: 365px;
|
||||
transform: translateX(calc(-50% + 3rem));
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 2.65rem;
|
||||
opacity: 0;
|
||||
transition: opacity 200ms;
|
||||
pointer-events: none;
|
||||
border-radius: $border-radius-lg;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0.0625rem 1.25rem rgba($black, 0.13);
|
||||
background-color: $white;
|
||||
z-index: 1;
|
||||
|
||||
.nav__dropdown__inner {
|
||||
padding: 1.5rem;
|
||||
max-height: calc(100vh - 5rem);
|
||||
overflow-y: auto;
|
||||
border-radius: $border-radius-lg;
|
||||
& > h2 {
|
||||
font-size: 3rem;
|
||||
font-weight: $font-weight-bold;
|
||||
color: var(--header-headings-color);
|
||||
margin: 0 0 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
.nav__dropdown__inner {
|
||||
background-color: var(--nav-bg-gray);
|
||||
padding: 0.5rem 0.8rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__dropdown--product {
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
&.read-mode {
|
||||
.header__top {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
max-width: 1200px;
|
||||
width: 100%;
|
||||
transform: translateX(0);
|
||||
left: 0;
|
||||
|
||||
.nav__dropdown__inner {
|
||||
padding: 2.5rem 2.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__sub {
|
||||
padding: 0.6rem 0.75rem;
|
||||
font-weight: $font-weight-medium;
|
||||
color: $black;
|
||||
border-radius: $border-radius;
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
font-size: 0.85rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
&,
|
||||
& > small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
& > small {
|
||||
color: #4b4b4b;
|
||||
font-weight: normal;
|
||||
font-size: 0.8rem;
|
||||
opacity: 0.75;
|
||||
margin-top: 0.25rem;
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: var(--nav-bg-gray);
|
||||
color: $black;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__feature {
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__column {
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
padding: 0 1rem;
|
||||
|
||||
&:not(:last-child) {
|
||||
flex: 1;
|
||||
.header__logo {
|
||||
& > svg {
|
||||
width: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
& > .nav__sub {
|
||||
margin-top: 1rem;
|
||||
.header__hero {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: $search-height;
|
||||
padding: 0 var(--content-padding);
|
||||
top: 3.3rem;
|
||||
|
||||
& > h2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include breakpoint-min(breakpoints(xl)) {
|
||||
max-width: 31.5rem;
|
||||
|
||||
}
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
top: 10rem
|
||||
}
|
||||
|
||||
&:not(.active) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__column__title {
|
||||
text-transform: uppercase;
|
||||
font-size: 0.6rem;
|
||||
padding-left: 0.75rem;
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 100%;
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.nav__lead {
|
||||
&,
|
||||
&:hover {
|
||||
color: $black;
|
||||
}
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
& > img {
|
||||
width: 30px;
|
||||
flex-shrink: 0;
|
||||
margin-right: 0.75rem;
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__jump {
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
padding-left: 2.6rem;
|
||||
margin-top: -0.2rem;
|
||||
|
||||
& > a {
|
||||
&,
|
||||
&:hover {
|
||||
color: $black;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
font-size: 0.8rem;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__separator {
|
||||
border-left: 1px solid $gray-100;
|
||||
margin: 0 1rem;
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.toggle-icon {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
cursor: pointer;
|
||||
border-radius: $border-radius;
|
||||
transition: background-color 300ms;
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
|
||||
&:hover {
|
||||
background-color: $toggle-icon-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
[data-toggle="nav"] {
|
||||
margin-left: auto;
|
||||
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@ -1,40 +1,19 @@
|
||||
.content {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
flex-wrap: nowrap;
|
||||
height: calc(100vh - #{$header-height});
|
||||
|
||||
.content__inner {
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
display: flex;
|
||||
}
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.content__main {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
background-color: $content-bg;
|
||||
align-self: flex-start;
|
||||
padding: $content-padding;
|
||||
|
||||
@include breakpoint-min(breakpoints(xl)) {
|
||||
padding-left: $sidebar-width + $content-padding;
|
||||
transition: padding-left 300ms;
|
||||
will-change: padding-left;
|
||||
}
|
||||
padding: var(--content-padding);
|
||||
}
|
||||
|
||||
.sidebar-active {
|
||||
.content__main {
|
||||
padding-left: $content-padding;
|
||||
}
|
||||
}
|
||||
|
||||
.content__aside {
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
flex-shrink: 0;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
order: 2;
|
||||
padding-left: var(--content-padding);
|
||||
}
|
||||
}
|
||||
|
||||
@ -44,6 +23,28 @@
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin: 0 auto;
|
||||
padding: 0 var(--content-padding);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
:root {
|
||||
&:not(.read-mode) {
|
||||
.container {
|
||||
max-width: $container-width;
|
||||
}
|
||||
}
|
||||
|
||||
&.read-mode {
|
||||
.content {
|
||||
& > .container {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Keep only the main content when the page is loaded inside an iframe.
|
||||
// Currently we load certain pages inside iframes for PathFactory analytics.
|
||||
.inside-iframe {
|
||||
@ -57,6 +58,6 @@
|
||||
}
|
||||
|
||||
.content__main {
|
||||
padding-left: $content-padding;
|
||||
padding-left: var(--content-padding);
|
||||
}
|
||||
}
|
||||
@ -1,27 +1,16 @@
|
||||
// Toggle icons
|
||||
$toggleIcons: (
|
||||
docs: 'docs.svg',
|
||||
menu: 'menu.svg',
|
||||
close: 'close-circle.svg',
|
||||
toc: 'toc.svg'
|
||||
);
|
||||
|
||||
@each $name, $icon in $toggleIcons {
|
||||
.toggle-icon--#{$name} {
|
||||
background-image: url(../img/icons/#{$icon});
|
||||
}
|
||||
}
|
||||
|
||||
// ----------------------
|
||||
// Custom scrollbar
|
||||
// ----------------------
|
||||
.scrollbar {
|
||||
scrollbar-color: transparent transparent;
|
||||
scrollbar-width: thin;
|
||||
|
||||
|
||||
&:hover {
|
||||
scrollbar-color: $scrollbar-bg transparent;
|
||||
scrollbar-color: var(--scrollbar-bg) transparent;
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background-color: $scrollbar-bg;
|
||||
background-color: var(--scrollbar-bg);
|
||||
}
|
||||
}
|
||||
|
||||
@ -40,7 +29,189 @@ $toggleIcons: (
|
||||
background-clip: content-box;
|
||||
|
||||
&:hover {
|
||||
background-color: $scrollbar-hover-bg;
|
||||
background-color: var(--scrollbar-hover-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ----------------------
|
||||
// Buttons icons
|
||||
// ----------------------
|
||||
.icon {
|
||||
width: 1.75rem;
|
||||
height: 1.75rem;
|
||||
border: 1px solid transparent;
|
||||
border-radius: $border-radius;
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
font-size: 0;
|
||||
flex-shrink: 0;
|
||||
|
||||
&:not(.icon--switch) {
|
||||
& > svg {
|
||||
fill: var(--text-muted-color);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: var(--theme-light-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon--switch {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
position: relative;
|
||||
|
||||
& > img,
|
||||
& > svg {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
transition: transform 300ms, opacity 300ms;
|
||||
position: absolute;
|
||||
|
||||
&:last-child:not(:only-child) {
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
& > svg,
|
||||
& > img {
|
||||
&:first-child {
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ----------------------
|
||||
// Cookie banner
|
||||
// ----------------------
|
||||
#cookie {
|
||||
background-color: #E0EDF3;
|
||||
padding: 0.5rem 0;
|
||||
color: $black;
|
||||
font-size: 0.75rem;
|
||||
z-index: 10;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
|
||||
&:not(.show) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: $font-weight-medium;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #006DA0;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
& > .container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.cookie__text {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#cookie__btn {
|
||||
background-color: #101D32;
|
||||
border-radius: $border-radius;
|
||||
display: inline-block;
|
||||
color: $white;
|
||||
padding: 0 0.75rem 0.1rem;
|
||||
line-height: 1;
|
||||
cursor: pointer;
|
||||
height: 1.65rem;
|
||||
border: 0;
|
||||
flex-shrink: 0;
|
||||
margin-left: 1rem;
|
||||
|
||||
&:hover {
|
||||
background-color: #050a13;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// -----------------------------
|
||||
// Read mode utility classes
|
||||
// -----------------------------
|
||||
:root {
|
||||
&:not(.read-mode) {
|
||||
.visible-rm {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.dark-mode) {
|
||||
.hidden-lm {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.dark-mode {
|
||||
.hidden-dm {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.read-mode {
|
||||
.hidden-rm {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ----------------------
|
||||
// SD cards
|
||||
// ----------------------
|
||||
.sd-container-fluid {
|
||||
--sd-gutter-x: 0;
|
||||
}
|
||||
|
||||
.sd-card {
|
||||
--sd-color-shadow: none;
|
||||
--sd-color-card-border: var(--theme-light-bg);
|
||||
--sd-color-card-border-hover: var(--theme-light-hover-bg);
|
||||
}
|
||||
|
||||
.sd-card-hover {
|
||||
&:hover {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.sd-card-body {
|
||||
padding: 1.5rem;
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.sd-card-title {
|
||||
line-height: 100%;
|
||||
margin: -0.2rem 0 1rem;
|
||||
}
|
||||
@ -15,4 +15,45 @@
|
||||
@media (max-width: ($bp - 1)) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin breakpoint-between($lower, $upper) {
|
||||
@media (min-width: $lower) and (max-width: ($upper - 1)) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
// Hide Scrollbars
|
||||
@mixin hide-scrollbars {
|
||||
overflow: -moz-scrollbars-none;
|
||||
-ms-overflow-style: none;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Dark/Light Theme
|
||||
@mixin theme-switch($map) {
|
||||
:root {
|
||||
&:not(.dark-mode) {
|
||||
@each $property, $value in $map {
|
||||
$light: nth($value, 1);
|
||||
$dark: nth($value, 2);
|
||||
|
||||
#{$property}: #{$light};
|
||||
}
|
||||
}
|
||||
|
||||
&.dark-mode {
|
||||
@each $property, $value in $map {
|
||||
$light: nth($value, 1);
|
||||
$dark: nth($value, 2);
|
||||
|
||||
#{$property}: #{$dark};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
525
source/_static/scss/includes/_nav.scss
Normal file
525
source/_static/scss/includes/_nav.scss
Normal file
@ -0,0 +1,525 @@
|
||||
// ----------------------
|
||||
// Main menu
|
||||
// ----------------------
|
||||
.nav {
|
||||
align-items: center;
|
||||
position: relative;
|
||||
gap: 0.5rem;
|
||||
font-size: $font-size-md;
|
||||
|
||||
.hide-aside {
|
||||
padding: 0.5rem;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__link {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav__link--active {
|
||||
& > span {
|
||||
&:before {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__link--download {
|
||||
border: 1px solid var(--nav-download-border-color);
|
||||
transition: background-color 300ms, color 300ms;
|
||||
border-radius: $border-radius;
|
||||
margin-left: auto;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--nav-download-hover-bg);
|
||||
}
|
||||
}
|
||||
|
||||
.nav__sub {
|
||||
padding: 0.6rem 0.75rem;
|
||||
font-weight: $font-weight-medium;
|
||||
color: var(--text-color);
|
||||
border-radius: $border-radius;
|
||||
|
||||
&,
|
||||
& > small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
& > small {
|
||||
color: var(--text-muted-color);
|
||||
font-weight: normal;
|
||||
font-size: 0.8rem;
|
||||
opacity: 0.75;
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: var(--theme-light-bg);
|
||||
color: var(--text-color);
|
||||
}
|
||||
}
|
||||
|
||||
.nav__column__title {
|
||||
text-transform: uppercase;
|
||||
font-size: 0.6rem;
|
||||
padding-left: 0.75rem;
|
||||
margin-bottom: 0.5rem;
|
||||
line-height: 100%;
|
||||
color: var(--text-muted-color);
|
||||
}
|
||||
|
||||
.nav__lead {
|
||||
&,
|
||||
&:hover {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
& > img {
|
||||
width: 30px;
|
||||
flex-shrink: 0;
|
||||
margin-right: 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__separator {
|
||||
border-left: 1px solid var(--theme-light-bg);
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
|
||||
:root {
|
||||
&:not(.read-mode) {
|
||||
.nav {
|
||||
margin: 0.5rem 0 0 -1rem;
|
||||
display: flex;
|
||||
|
||||
.nav__link {
|
||||
padding-right: 1rem;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__item {
|
||||
&:hover {
|
||||
.nav__link {
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__dropdown,
|
||||
& ~ .nav__dropdown--product {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.nav__link--dropdown {
|
||||
& > span {
|
||||
&:before {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__link {
|
||||
padding-right: 1.25rem;
|
||||
margin-right: 0.5rem;
|
||||
background: var(--nav-item-arrow) no-repeat top 20px 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: 0;
|
||||
transition: opacity 200ms;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__link {
|
||||
padding: 0.5rem 0 0.6rem;
|
||||
cursor: pointer;
|
||||
|
||||
&,
|
||||
&:hover {
|
||||
color: var(--nav-text-color);
|
||||
}
|
||||
|
||||
& > span {
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
background-color: var(--nav-item-border-color);
|
||||
position: absolute;
|
||||
bottom: -4px;
|
||||
left: 0;
|
||||
content: "";
|
||||
transform: translateY(5px);
|
||||
opacity: 0;
|
||||
transition: opacity 300ms, transform 300ms;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.nav__link--dropdown) {
|
||||
&:hover {
|
||||
& > span {
|
||||
&:before {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__dropdown {
|
||||
width: 365px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 100%;
|
||||
opacity: 0;
|
||||
transition: opacity 200ms;
|
||||
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;
|
||||
|
||||
.nav__dropdown__inner {
|
||||
padding: 1.5rem;
|
||||
max-height: calc(100vh - 5rem);
|
||||
overflow-y: auto;
|
||||
border-radius: $border-radius-lg;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__dropdown--product {
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
max-width: 1200px;
|
||||
width: 100%;
|
||||
transform: translateX(0);
|
||||
left: 0;
|
||||
|
||||
.nav__dropdown__inner {
|
||||
padding: 2.5rem 2.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__feature {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.nav__column {
|
||||
padding: 0 1rem;
|
||||
|
||||
&:not(:last-child) {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
& > .nav__sub {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav__jump {
|
||||
padding-left: 2.6rem;
|
||||
margin-top: -0.2rem;
|
||||
|
||||
& > a {
|
||||
&,
|
||||
&:hover {
|
||||
color: var(--text-muted-color);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
font-size: 0.8rem;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__link--download {
|
||||
padding: 0.25rem 1rem 0.35rem;
|
||||
}
|
||||
}
|
||||
|
||||
&.read-mode {
|
||||
.nav {
|
||||
margin-top: 0;
|
||||
height: 100vh;
|
||||
width: $nav-mobile-width;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
flex-direction: column;
|
||||
transform: translate3d($nav-mobile-width, 0, 0);
|
||||
opacity: 0;
|
||||
box-shadow: 0 0 10px rgba($black, 0.25);
|
||||
overflow-y: auto;
|
||||
background-color: var(--nav-bg);
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
&.nav-active {
|
||||
.nav {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
z-index: $nav-active-z-index;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__link {
|
||||
font-weight: $font-weight-medium;
|
||||
border-radius: $border-radius;
|
||||
color: var(--headings-color);
|
||||
|
||||
& > span {
|
||||
display: block;
|
||||
padding: 0.5rem 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__link--download {
|
||||
margin: 1.5rem 0.75rem 1rem;
|
||||
text-align: center;
|
||||
padding: 0.5rem 1rem;
|
||||
display: block;
|
||||
|
||||
&:hover {
|
||||
color: var(--header-headings-color);
|
||||
}
|
||||
}
|
||||
|
||||
.nav__dropdown {
|
||||
.nav__dropdown__inner {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__sub {
|
||||
font-size: $font-size-sm;
|
||||
font-weight: normal;
|
||||
|
||||
& > small {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
a.nav__link:not(.nav__link--download),
|
||||
.nav__sub {
|
||||
&:hover {
|
||||
background-color: var(--theme-light-bg);
|
||||
}
|
||||
}
|
||||
|
||||
.nav__column__title {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.nav__lead {
|
||||
& > img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.nav__jump {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav__separator {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.nav-active,
|
||||
&.doc-active {
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ----------------------
|
||||
// Content nav
|
||||
// ----------------------
|
||||
.content__nav {
|
||||
background-color: var(--content-nav-bg);
|
||||
font-size: $font-size-md;
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
box-shadow: 0 0.1875rem 0.375rem rgba($black, 0.15);
|
||||
|
||||
.container {
|
||||
white-space: nowrap;
|
||||
overflow-x: auto;
|
||||
display: flex;
|
||||
@include hide-scrollbars();
|
||||
}
|
||||
|
||||
&:after {
|
||||
background-image: linear-gradient(270deg, var(--content-nav-bg) 0%, var(--content-nav-bg) 10%, transparent 100%);
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
&:not(.dark-mode):not(.read-mode) {
|
||||
.content__nav__inner {
|
||||
& > a.active {
|
||||
& > img {
|
||||
&:first-child {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content__nav__inner {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
list-style: none;
|
||||
gap: 2.5rem;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
|
||||
& > a {
|
||||
color: var(--text-muted-color);
|
||||
font-weight: $font-weight-medium;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0.69rem 0;
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: color 300ms;
|
||||
|
||||
& > img {
|
||||
margin-right: 0.75rem;
|
||||
opacity: 0.65;
|
||||
transition: opacity 300ms;
|
||||
filter: var(--content-nav-icon-filter);
|
||||
|
||||
&:first-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
border-bottom-color: var(--content-nav-active-border-color);
|
||||
color: var(--text-muted-hover-color);
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&.active {
|
||||
& > img {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--text-muted-hover-color);
|
||||
}
|
||||
}
|
||||
|
||||
.search-toggle {
|
||||
margin-left: auto;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
.content__nav__dropdown {
|
||||
z-index: 1;
|
||||
background-color: var(--content-nav-sub-bg);
|
||||
font-size: $font-size-sm;
|
||||
|
||||
&:after {
|
||||
background-image: linear-gradient(270deg, var(--content-nav-sub-bg) 0%, var(--content-nav-sub-bg) 10%, transparent 100%);
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1.5rem;
|
||||
|
||||
&:not(.active) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
& > a {
|
||||
font-weight: $font-weight-medium;
|
||||
color: var(--content-nav-sub-color);
|
||||
border-bottom: 2px solid transparent;
|
||||
padding: 0.7rem 0;
|
||||
transition: color 300ms;
|
||||
|
||||
&.active {
|
||||
border-bottom-color: var(--content-nav-sub-active-border-color);
|
||||
color: var(--content-nav-sub-active-color);
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
&:not(.active) {
|
||||
&:hover {
|
||||
color: var(--content-nav-sub-hover-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content__nav,
|
||||
.content__nav__dropdown {
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 3rem;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
height: 2.8125rem;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
@ -1,190 +0,0 @@
|
||||
html {
|
||||
line-height: 1.35;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none;
|
||||
text-decoration: underline;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
line-height: 1.15;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
legend {
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
display: table;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
address {
|
||||
font-style: normal;
|
||||
color: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
269
source/_static/scss/includes/_reset.scss
Normal file
269
source/_static/scss/includes/_reset.scss
Normal file
@ -0,0 +1,269 @@
|
||||
// ----------------------
|
||||
// Links
|
||||
// ----------------------
|
||||
a {
|
||||
color: var(--link-color);
|
||||
|
||||
&:hover {
|
||||
color: var(--link-hover-color);
|
||||
}
|
||||
|
||||
|
||||
&, &:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
& > img.anchor {
|
||||
box-shadow: none;
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
&.reference {
|
||||
&, &:hover {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ----------------------
|
||||
// Headings
|
||||
// ----------------------
|
||||
h1 {
|
||||
margin-top: -0.15rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
margin: 2rem 0 1rem;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
position: relative;
|
||||
line-height: 1.2;
|
||||
|
||||
&,
|
||||
& > a,
|
||||
code {
|
||||
color: var(--headings-color);
|
||||
font-size: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
h1 { font-size: 1.75rem; }
|
||||
h2 { font-size: 1.5rem; }
|
||||
h3 { font-size: 1.25rem; }
|
||||
h4 { font-size: 1rem; }
|
||||
h5 { font-size: 1rem; }
|
||||
h6 { font-size: 1rem; }
|
||||
|
||||
.content__main {
|
||||
// Setting extra padding and margin to make room for anchors.
|
||||
h1, h2, h3, h4, h5 {
|
||||
padding-left: 1.5rem;
|
||||
margin-left: -1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
a.headerlink {
|
||||
position: absolute;
|
||||
left: -1rem;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto 0;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
border: 1px solid var(--header-link-border-color);
|
||||
background-color: var(--header-link-bg);
|
||||
z-index: 11;
|
||||
border-radius: $border-radius;
|
||||
font-size: 0;
|
||||
|
||||
&, &:hover {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-image: var(--header-link-icon);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: var(--header-link-border-color);
|
||||
}
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ----------------------
|
||||
// Code
|
||||
// ----------------------
|
||||
tt.xref, code.xref,
|
||||
code,
|
||||
pre,
|
||||
div.highlight {
|
||||
font-family: $font-family-mono;
|
||||
font-weight: $font-weight-bold;
|
||||
background-color: var(--code-bg);
|
||||
color: var(--code-color);
|
||||
border-radius: $border-radius;
|
||||
font-size: $font-size-md;
|
||||
}
|
||||
|
||||
tt.xref, code.xref,
|
||||
code {
|
||||
padding: 0.1rem 0.35rem;
|
||||
line-height: 100%;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
code.xref,
|
||||
code {
|
||||
color: var(--code-link-color);
|
||||
background-color: var(--code-link-bg);
|
||||
transition: opacity 300ms;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
code {
|
||||
background-color: var(--code-link-bg);
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.highlight {
|
||||
pre {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.w {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
border-radius: $border-radius;
|
||||
padding: 1.25rem 1.5rem;
|
||||
}
|
||||
|
||||
dl pre,
|
||||
blockquote pre,
|
||||
li pre {
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
|
||||
|
||||
// ----------------------
|
||||
// Image
|
||||
// ----------------------
|
||||
[data-lightbox] {
|
||||
img {
|
||||
padding: 0.25rem;
|
||||
border: 1px solid var(--theme-light-bg);
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
img {
|
||||
border-color: var(--theme-light-hover-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// ----------------------
|
||||
// Table
|
||||
// ----------------------
|
||||
table.docutils {
|
||||
box-shadow: none;
|
||||
margin: 1rem 0 2rem;
|
||||
|
||||
td,
|
||||
th {
|
||||
border-color: var(--table-border-color);
|
||||
padding: 0.75rem 1rem;
|
||||
line-height: 1.5;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th {
|
||||
font-weight: $font-weight-medium;
|
||||
color: var(--headings-color);
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
|
||||
caption {
|
||||
font-size: $font-size-sm;
|
||||
font-style: italic;
|
||||
margin-bottom: 0.5rem;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ----------------------
|
||||
// Form
|
||||
// ----------------------
|
||||
form {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea {
|
||||
font-family: $font-family-base;
|
||||
}
|
||||
|
||||
|
||||
// ----------------------
|
||||
// Media
|
||||
// ----------------------
|
||||
video {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
// ----------------------
|
||||
// List
|
||||
// ----------------------
|
||||
dl {
|
||||
margin-bottom: 1rem;
|
||||
|
||||
dt {
|
||||
margin: 1.5rem 0 0.5rem;
|
||||
font-weight: $font-weight-medium;
|
||||
color: var(--headings-color);
|
||||
}
|
||||
|
||||
dd {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
|
||||
// ----------------------
|
||||
// Misc
|
||||
// ----------------------
|
||||
abbr, acronym {
|
||||
border-bottom: none;
|
||||
text-underline-offset: 0.15rem;
|
||||
}
|
||||
|
||||
.guilabel,
|
||||
.menuselection {
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
dt:target,
|
||||
span.highlighted {
|
||||
background-color: transparent;
|
||||
}
|
||||
178
source/_static/scss/includes/_search.scss
Normal file
178
source/_static/scss/includes/_search.scss
Normal file
@ -0,0 +1,178 @@
|
||||
:root {
|
||||
// Hide redundant elements from search result page
|
||||
&.search-doc {
|
||||
.search-toggle,
|
||||
.content__toc,
|
||||
h1#search-documentation,
|
||||
#search-progress,
|
||||
#search-documentation ~ p {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.read-mode {
|
||||
.search__inner {
|
||||
border-color: var(--search-border-color);
|
||||
|
||||
&:focus-within {
|
||||
border-color: var(--search-focus-border-color);
|
||||
}
|
||||
}
|
||||
|
||||
.search__text {
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
height: 2.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.read-mode) {
|
||||
.search__inner {
|
||||
@include breakpoint-min(breakpoints(xl)) {
|
||||
background-image: var(--search-icon);
|
||||
padding-left: 2.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Search UI
|
||||
.search__inner {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
width: 100%;
|
||||
background-color: var(--search-bg);
|
||||
border-radius: $border-radius;
|
||||
border: 1px solid transparent;
|
||||
align-items: center;
|
||||
padding: 0 0.3rem;
|
||||
background-position: center left 1rem;
|
||||
background-repeat: no-repeat;
|
||||
transition: box-shadow 200ms;
|
||||
|
||||
@include breakpoint-min(breakpoints(xl)) {
|
||||
max-width: 31.5rem;
|
||||
}
|
||||
|
||||
kbd {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
border: 1px solid var(--theme-light-hover-bg);
|
||||
border-radius: $border-radius;
|
||||
padding: 0.325rem 0.3rem 0.175rem;
|
||||
line-height: 100%;
|
||||
top: 0.525rem;
|
||||
right: 0.525rem;
|
||||
transition: opacity 300ms;
|
||||
|
||||
& > span {
|
||||
&:not(:first-child) {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
&:not(:last-of-type) {
|
||||
display: inline-block;
|
||||
padding: 0 0.1rem;
|
||||
}
|
||||
|
||||
&.ctrl {
|
||||
font-size: 0.6rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:focus-within {
|
||||
box-shadow: 0 0 0 0.3rem var(--search-focus-shadow);
|
||||
}
|
||||
}
|
||||
|
||||
.search__text {
|
||||
appearance: none;
|
||||
border: 0;
|
||||
height: $search-height;
|
||||
background-color: transparent;
|
||||
color: var(--search-color);
|
||||
font-size: 0.85rem;
|
||||
width: 100%;
|
||||
padding: 0 0.5rem 0.15rem 0.25rem;
|
||||
|
||||
&::placeholder {
|
||||
color: var(--search-placeholder-color);
|
||||
}
|
||||
|
||||
@include breakpoint-between(breakpoints(lg), breakpoints(xl)) {
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
& ~ kbd {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Search form in results page
|
||||
#search-documentation {
|
||||
& ~ form {
|
||||
& > input {
|
||||
&[type="submit"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&[type="text"] {
|
||||
appearance: none;
|
||||
height: $search-height;
|
||||
color: var(--search-color);
|
||||
font-size: 0.85rem;
|
||||
width: 100%;
|
||||
padding: 0 1rem 0.15rem 2.5rem;
|
||||
border: 1px solid var(--search-border-color);
|
||||
border-radius: $border-radius;
|
||||
background: transparent var(--search-icon) no-repeat center left 1rem;
|
||||
|
||||
&:focus {
|
||||
border-color: var(--search-focus-border-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Search results
|
||||
#search-results {
|
||||
& > h2 {
|
||||
margin-bottom: -0.75rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.search-summary {
|
||||
color: var(--text-muted-color);
|
||||
}
|
||||
|
||||
ul.search {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
|
||||
& > li {
|
||||
background-image: none;
|
||||
padding: 0.5rem 0;
|
||||
|
||||
& > a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
& > span {
|
||||
font-size: $font-size-sm;
|
||||
color: var(--text-muted-color);
|
||||
}
|
||||
|
||||
& + li {
|
||||
border-top: 1px solid var(--theme-light-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
17
source/_static/scss/includes/_tab.scss
Normal file
17
source/_static/scss/includes/_tab.scss
Normal file
@ -0,0 +1,17 @@
|
||||
.sd-tab-set {
|
||||
--sd-color-tabs-label-inactive: var(--text-muted-color);
|
||||
--sd-color-tabs-label-hover: var(--text-color);
|
||||
--sd-color-tabs-label-active: var(--headings-color);
|
||||
--sd-color-tabs-underline-active: var(--tab-active-border-color);
|
||||
--sd-color-tabs-overline: var(--tab-border-color);
|
||||
--sd-color-tabs-underline: transparent;
|
||||
--sd-color-tabs-underline-hover: transparent;
|
||||
|
||||
& > label {
|
||||
padding: 0.5rem 0;
|
||||
margin-right: 2rem;
|
||||
opacity: 1;
|
||||
font-weight: $font-weight-medium;
|
||||
transition: border 300ms, color 300ms, opacity 300ms;
|
||||
}
|
||||
}
|
||||
122
source/_static/scss/includes/_theme.scss
Normal file
122
source/_static/scss/includes/_theme.scss
Normal file
@ -0,0 +1,122 @@
|
||||
// CSS custom properties for dark/light themes.
|
||||
// Each property contains 2 values: first is for light theme, second is for dark theme.
|
||||
$theme-properties: (
|
||||
// Body
|
||||
--body-bg: $white $dark-0,
|
||||
|
||||
// Text
|
||||
--link-color: #006DA0 #85B3EE,
|
||||
--link-hover-color: #015378 #99c0f4,
|
||||
--text-color: $black $text-dark-color,
|
||||
--text-muted-color: #4B4B4B #697995,
|
||||
--headings-color: $black #E3EEEF,
|
||||
|
||||
// Theme
|
||||
--theme-light-bg: $light-300 $dark-200,
|
||||
--theme-light-hover-bg: $light-500 $dark-300,
|
||||
|
||||
// Header
|
||||
--header-bg: $header-light-bg $dark-0,
|
||||
--logo-fill-color: $theme-red $white,
|
||||
--header-actions-icon-bg: $white $dark-0,
|
||||
--header-actions-icon-border-color: transparent $dark-500,
|
||||
--header-actions-icon-stroke: $black $dark-500,
|
||||
--header-actions-icon-stroke-width: 1.5 1.25,
|
||||
--header-actions-icon-path-fill: $header-light-bg $dark-500,
|
||||
--header-actions-icon-hover-bg: $light-500 $dark-200,
|
||||
--header-actions-icon-alt-hover-bg: rgba($white, 0.1) $dark-200,
|
||||
--header-headings-color: $white $headings-dark-color,
|
||||
--header-link-border-color: $light-300 $dark-200,
|
||||
--header-link-bg: $white $dark-0,
|
||||
--header-link-icon: url("../img/icons/anchor.svg") url("../img/icons/anchor-dark.svg"),
|
||||
--header-text-color: $white $text-dark-color,
|
||||
|
||||
// Content
|
||||
--content-nav-bg: $light-100 $dark-100,
|
||||
--content-nav-active-border-color: $black $dark-500,
|
||||
--content-nav-sub-bg: $white $dark-500,
|
||||
--content-nav-sub-color: $black $dark-0,
|
||||
--content-nav-sub-active-border-color: $theme-red $dark-0,
|
||||
--content-nav-sub-hover-color: $theme-red $dark-300,
|
||||
--content-nav-sub-active-color: $theme-red $dark-0,
|
||||
--content-nav-icon-filter: none (invert(100%) sepia(12%) saturate(777%) hue-rotate(181deg) brightness(100%) contrast(85%)),
|
||||
|
||||
// Search
|
||||
--search-bg: $white $dark-100,
|
||||
--search-border-color: $light-400 $dark-400,
|
||||
--search-focus-border-color: $light-500 $dark-500,
|
||||
--search-placeholder-color: #7e7e7e $text-dark-color,
|
||||
--search-color: $black $text-dark-color,
|
||||
--search-icon: url(../img/icons/search.svg) url(../img/icons/search-dark.svg),
|
||||
--search-focus-shadow: rgba($white, 0.15) #1b232f,
|
||||
|
||||
// Sidebar
|
||||
--sidebar-bg: $light-100 $dark-100,
|
||||
--sidebar-hide-bg: $light-500 $dark-400,
|
||||
--sidebar-hide-hover-bg: #c2c9d1 $dark-500,
|
||||
|
||||
// Docs nav
|
||||
--docs-nav-active-color: $theme-red $headings-dark-color,
|
||||
--docs-nav-group-border-color: $light-300 $dark-500,
|
||||
|
||||
// Scrollbar
|
||||
--scrollbar-bg: #e5e5e5 #2e3747,
|
||||
--scrollbar-hover-bg: #dddddd #364052,
|
||||
|
||||
// Table
|
||||
--table-border-color: $light-300 $dark-200,
|
||||
|
||||
// Code
|
||||
--code-bg: $light-300 $dark-500,
|
||||
--code-hover-bg: $light-400 #9fa8b9,
|
||||
--code-color: $black $dark-0,
|
||||
--code-link-color: #006DA0 #12243c,
|
||||
--code-link-bg: #cde4ff #71a7ed,
|
||||
|
||||
// Tab
|
||||
--tab-active-border-color: $theme-red $dark-500,
|
||||
--tab-border-color: $light-300 $dark-200,
|
||||
|
||||
// TOC
|
||||
--toc-caret-icon: url("../img/icons/chevron-down.svg") url("../img/icons/chevron-down-dark.svg"),
|
||||
|
||||
// Mainmenu
|
||||
--nav-bg: $white $dark-100,
|
||||
--nav-text-color: $white $text-dark-color,
|
||||
--nav-item-border-color: $white $dark-500,
|
||||
--nav-item-arrow: url(../img/icons/nav-arrow.svg) url(../img/icons/nav-arrow-dark.svg),
|
||||
--nav-toggle-hover-border-color: $white $dark-500,
|
||||
--nav-top-border-color: rgba(255, 255, 255, 0.2) $dark-200,
|
||||
--nav-dropdown-bg: $white $dark-100,
|
||||
--nav-download-border-color: $theme-red $dark-500,
|
||||
--nav-download-hover-bg: $theme-red $dark-200,
|
||||
|
||||
// Footer
|
||||
--footer-bg: #1D1D1D #151c24,
|
||||
|
||||
// Icon
|
||||
--icon-sidebar-toggle-hover-bg: rgba($white, 0.1) $dark-200,
|
||||
--icon-search-toggle-hover-bg: darken($light-100, 5%) $dark-300,
|
||||
|
||||
// Alerts
|
||||
--alert-important-bg: #fff9e6 rgba(39, 38, 21, 0.75),
|
||||
--alert-important-border-color: #ffe79a #3e320d,
|
||||
--alert-important-color: #9a7500 #b28e1b,
|
||||
--alert-important-code-bg: #f2e7c4 #322d1b,
|
||||
--alert-important-link-decoration-color: #d9cda7 #433c23,
|
||||
|
||||
--alert-note-bg: #eaf2fd rgba(21, 35, 55, 0.75),
|
||||
--alert-note-border-color: #cfe3ff #172c4b,
|
||||
--alert-note-color: #1467c2 #4291e8,
|
||||
--alert-note-code-bg: #cedff8 #1b3150,
|
||||
--alert-note-link-decoration-color: #99bff3 #1f3c67,
|
||||
|
||||
--alert-warning-bg: #fff4f5 rgba(42, 9, 12, 0.5),
|
||||
--alert-warning-border-color: #f2d1d5 #401317,
|
||||
--alert-warning-color: #b2404b #bb4a55,
|
||||
--alert-warning-code-bg: #f3dfe1 #3d1014,
|
||||
--alert-warning-link-decoration-color: #e3c3c6 #54141a,
|
||||
);
|
||||
|
||||
// Activate dark/light themes
|
||||
@include theme-switch($theme-properties);
|
||||
@ -1,43 +1,191 @@
|
||||
#localtoc {
|
||||
font-size: 0.8rem;
|
||||
#table-of-contents {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#table-of-contents {
|
||||
background: none;
|
||||
border-style: none;
|
||||
padding: $content-padding $content-padding $content-padding - 0.6rem $content-padding;
|
||||
margin: 0;
|
||||
.content__toc {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
width: 13rem;
|
||||
flex-shrink: 0;
|
||||
order: 2;
|
||||
width: 14rem;
|
||||
height: 100vh;
|
||||
padding: var(--content-padding) var(--content-padding) var(--content-padding) 0;
|
||||
overflow-y: auto;
|
||||
|
||||
.icon {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.topic-title {
|
||||
margin: 0;
|
||||
font-weight: $font-weight-medium;
|
||||
color: $black;
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: var(--content-padding);
|
||||
background-color: var(--body-bg);
|
||||
z-index: $z-index-header - 2;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 10px 0px 10px 0px;
|
||||
.icon {
|
||||
height: 2.7rem;
|
||||
width: 2.7rem;
|
||||
padding: 0.75rem;
|
||||
border: 1px solid var(--theme-light-bg);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
& > {
|
||||
li {
|
||||
list-style: none;
|
||||
margin: 10px 0px 10px 0px;
|
||||
|
||||
& > p a.reference {
|
||||
text-decoration: none;
|
||||
border-bottom: none;
|
||||
color: $docs-item-main-color;
|
||||
}
|
||||
|
||||
& > ul {
|
||||
margin: 10px 0px 10px 10px;
|
||||
&.active {
|
||||
& > .content__toc__inner {
|
||||
& > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
h3 > a {
|
||||
border-radius: $border-radius $border-radius 0 0;
|
||||
|
||||
&:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content__toc__inner {
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
margin: 0 0.75rem;
|
||||
|
||||
& > h3 {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 0;
|
||||
line-height: 1;
|
||||
|
||||
& > a {
|
||||
font-size: 1rem;
|
||||
color: var(--headings-color);
|
||||
font-size: 0;
|
||||
|
||||
&:before {
|
||||
content: "Contents";
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
padding: 0.85rem;
|
||||
background-color: var(--theme-light-bg);
|
||||
border-radius: $border-radius;
|
||||
display: block;
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
height: 1rem;
|
||||
width: 1rem;
|
||||
position: absolute;
|
||||
right: 1.25rem;
|
||||
top: 0.9rem;
|
||||
background: var(--toc-caret-icon) no-repeat center;
|
||||
background-size: 1rem;
|
||||
transform-origin: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-size: $font-size-sm;
|
||||
|
||||
ul ul {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
& > ul {
|
||||
@include breakpoint-min(breakpoints(lg)) {
|
||||
position: relative;
|
||||
padding-left: 1rem;
|
||||
margin-top: 1rem;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
width: 2px;
|
||||
height: calc(100% - 0.8rem);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.5rem;
|
||||
background-color: var(--theme-light-bg);
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 100%;
|
||||
width: 100%;
|
||||
background-color: var(--theme-light-bg);
|
||||
display: none;
|
||||
border-radius: 0 0 $border-radius $border-radius;
|
||||
z-index: 1;
|
||||
border-top: 1px solid var(--theme-light-hover-bg);
|
||||
padding: 0.65rem 1rem 1rem;
|
||||
max-height: 12rem;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
& > li {
|
||||
& > a {
|
||||
font-size: 0;
|
||||
|
||||
&:before {
|
||||
content: "Introduction";
|
||||
font-size: $font-size-sm;
|
||||
transition: color 300ms;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
color: var(--text-muted-color);
|
||||
code {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--text-color);
|
||||
}
|
||||
}
|
||||
|
||||
& > ul {
|
||||
& > li {
|
||||
a {
|
||||
transition: color 300ms;
|
||||
margin: 0.25rem 0;
|
||||
position: relative;
|
||||
|
||||
&:before {
|
||||
content: "";
|
||||
width: 2px;
|
||||
height: calc(100% - 0.8rem);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.5rem;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,30 +1,22 @@
|
||||
// Colors
|
||||
$white: #ffffff;
|
||||
$black: #000000;
|
||||
$theme-red: #C72C48;
|
||||
$theme-red-light: rgba($theme-red, 0.5);
|
||||
$theme-red-lighter: rgba($theme-red, 0.25);
|
||||
$theme-hover-bg: rgb(245, 245, 245);
|
||||
$theme-red: #c72e49;
|
||||
|
||||
// Gray
|
||||
$gray-100: #F7F7F7;
|
||||
$gray-200: #dedede;
|
||||
$gray-300: #c6c6c6;
|
||||
$gray-400: #adadad;
|
||||
$gray-500: #949494;
|
||||
// Gray shades light
|
||||
$light-100: #F5F5F5;
|
||||
$light-200: #EFF0F1;
|
||||
$light-300: #E8EAEC;
|
||||
$light-400: #E1E3E6;
|
||||
$light-500: #D9DDE2;
|
||||
|
||||
// Overrides for sphinx-design
|
||||
// https://sphinx-design.readthedocs.io/en/alabaster-theme/css_variables.html
|
||||
|
||||
:root {
|
||||
--sd-color-tabs-label-active: #{$theme-red};
|
||||
--sd-color-tabs-label-inactive: #{$theme-red-light};
|
||||
--sd-color-tabs-overline: #{$theme-red-light};
|
||||
--sd-color-tabs-underline: #{$theme-red-lighter};
|
||||
--sd-color-tabs-underline-active: #{$theme-red-lighter};
|
||||
--sd-color-tabs-underline-hover: #{$theme-red-light};
|
||||
--sd-color-tabs-label-hover: #{$theme-red-light};
|
||||
}
|
||||
// Gray shades dark
|
||||
$dark-0: #19202A;
|
||||
$dark-100: #212936;
|
||||
$dark-200: #273140;
|
||||
$dark-300: #2E394A;
|
||||
$dark-400: #59667A;
|
||||
$dark-500: #8A93A4;
|
||||
|
||||
// Breakpoints
|
||||
$breakpoints: (
|
||||
@ -32,110 +24,61 @@ $breakpoints: (
|
||||
sm: 576px,
|
||||
md: 768px,
|
||||
lg: 992px,
|
||||
xl: 1200px
|
||||
xl: 1280px
|
||||
);
|
||||
|
||||
|
||||
// z-index
|
||||
$z-index-header: 10;
|
||||
|
||||
$z-index-header: 11;
|
||||
|
||||
// Body
|
||||
$font-family-base: 'Mark', sans-serif;
|
||||
$font-family-headings: 'Mark', sans-serif;
|
||||
$font-family-mono: Courier New, Courier ,monospace;
|
||||
$root-font-size: 16px;
|
||||
$body-font-size: 1rem;
|
||||
$body-line-height: 1.5;
|
||||
$body-color: #4b4b4b;
|
||||
$body-bg: #F9F9F9;
|
||||
|
||||
$body-line-height: 1.6;
|
||||
|
||||
// Text
|
||||
$text-color: #4b4b4b;
|
||||
$text-hover-color: darken($text-color, 20%);
|
||||
$text-muted-color: #727272;
|
||||
|
||||
$text-dark-color: #A2ADC0;
|
||||
$headings-dark-color: #E3EEEF;
|
||||
|
||||
// Font size
|
||||
$font-size-xs: 0.6875rem;
|
||||
$font-size-sm: 0.8125rem;
|
||||
$font-size-md: 0.9375rem;
|
||||
|
||||
|
||||
// Layout
|
||||
$container-width: 95%;
|
||||
$content-bg: $white;
|
||||
$content-padding: 1.75rem;
|
||||
$content-padding-mobile: 1.25rem;
|
||||
$container-width: 1400px;
|
||||
|
||||
:root {
|
||||
--content-padding: 1.75rem;
|
||||
|
||||
@include breakpoint-max(breakpoints(lg)) {
|
||||
--content-padding: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Font weight
|
||||
$font-weight-normal: 400;
|
||||
$font-weight-medium: 500;
|
||||
|
||||
|
||||
// Links
|
||||
$link-color: #0045ec;
|
||||
$link-hover-color: #0036b9;
|
||||
|
||||
$font-weight-bold: 700;
|
||||
|
||||
// Header
|
||||
$header-height: 5.65rem;
|
||||
$header-height-mobile: 4.5rem;
|
||||
$header-bg: $white;
|
||||
$logo-height: 1.05rem;
|
||||
|
||||
$header-light-bg: #031733;
|
||||
|
||||
// Sidebar
|
||||
$sidebar-width: 19rem;
|
||||
$sidebar-bg: #F9F9F9;
|
||||
|
||||
$sidebar-width: 18rem;
|
||||
|
||||
// Border Radius
|
||||
$border-radius: 0.1875rem;
|
||||
$border-radius-sm: 0.125rem;
|
||||
$border-radius-lg: 0.3125rem;
|
||||
|
||||
|
||||
// Search
|
||||
$search-border-color: #F0F0F0;
|
||||
$search-focus-border-color: darken($search-border-color, 15%);
|
||||
$search-height: 2.65rem;
|
||||
$search-color: #555555;
|
||||
$search-icon: url(../img/icons/search.svg);
|
||||
$search-bg: $white;
|
||||
|
||||
|
||||
// Docs
|
||||
$docs-item-main-color: #1C1C1C;
|
||||
$docs-item-main-hover-color: $black;
|
||||
$docs-item-main-active-color: $theme-red;
|
||||
$docs-item-sub-color: #494949;
|
||||
$docs-item-sub-hover-color: darken($docs-item-sub-color, 30%);
|
||||
$docs-item-sub-active-color: $docs-item-sub-hover-color;
|
||||
$docs-item-admonition-warning-body: #FFF2F2;
|
||||
$docs-item-admonition-important-body: #FFF9E6;
|
||||
$docs-item-admonition-note-body: #EDF9FF;
|
||||
$docs-item-admonition-warning-border: #E54253;
|
||||
$docs-item-admonition-important-border: #EDBC39;
|
||||
$docs-item-admonition-note-border: #2592EF;
|
||||
$docs-item-table-border: #e6e6e6;
|
||||
|
||||
|
||||
// Toggle icon
|
||||
$toggle-icon-hover-bg: rgba($theme-red, 0.075);
|
||||
|
||||
|
||||
// Nav
|
||||
$nav-link-color: $body-color;
|
||||
$nav-border-color: #4b4b4b;
|
||||
// Nav - FIXME
|
||||
$nav-sub-hover-bg: #f8f8f8;
|
||||
$nav-mobile-bg: $white;
|
||||
$nav-mobile-width: 300px;
|
||||
$nav-mobile-box-shadow: 0 0 10px rgba($black, 0.1);
|
||||
$nav-active-z-index: 100;
|
||||
$nav-arrow-icon: url(../img/icons/nav-arrow.svg);
|
||||
|
||||
|
||||
// Scrollbar
|
||||
$scrollbar-bg: #dddddd;
|
||||
$scrollbar-hover-bg: #cecece;
|
||||
$nav-active-z-index: 100;
|
||||
@ -1,10 +1,16 @@
|
||||
@import 'includes/variables';
|
||||
@import 'includes/mixins';
|
||||
@import 'includes/variables';
|
||||
@import 'includes/font';
|
||||
@import 'includes/normalize';
|
||||
@import 'includes/reset';
|
||||
@import 'includes/theme';
|
||||
@import 'includes/base';
|
||||
@import 'includes/layout';
|
||||
@import 'includes/header';
|
||||
@import 'includes/aside';
|
||||
@import 'includes/toc';
|
||||
@import 'includes/misc';
|
||||
@import 'includes/tab';
|
||||
@import 'includes/misc';
|
||||
@import 'includes/search';
|
||||
@import 'includes/footer';
|
||||
@import 'includes/nav';
|
||||
@import 'includes/alert';
|
||||
83
source/_templates/content-navigation.html
Normal file
83
source/_templates/content-navigation.html
Normal file
@ -0,0 +1,83 @@
|
||||
<div class="content__nav">
|
||||
<div class="container">
|
||||
<nav class="content__nav__inner">
|
||||
<a href="" class="active" data-content-nav="cn-kubernetes">
|
||||
<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
|
||||
</a>
|
||||
|
||||
<a href="" data-content-nav="cn-docker">
|
||||
<img class="hidden-rm" src="{{ pathto('_static/img/icons/docker.svg',1) }}" alt="Docker" />
|
||||
<img class="hidden-rm" src="{{ pathto('_static/img/icons/docker-inactive.svg',1) }}" alt="Docker" />
|
||||
Docker
|
||||
</a>
|
||||
|
||||
<a href="" data-content-nav="cn-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
|
||||
</a>
|
||||
|
||||
<a href="" data-content-nav="cn-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
|
||||
</a>
|
||||
|
||||
<a href="" data-content-nav="cn-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
|
||||
</a>
|
||||
|
||||
<button type="button" class="icon search-toggle visible-rm">
|
||||
{%- include "icons/search.html" %}
|
||||
Search
|
||||
</button>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="content__nav__dropdown">
|
||||
<div class="container">
|
||||
<nav id="cn-kubernetes" class="active">
|
||||
<a class="active" href="">Upstream</a>
|
||||
<a href="">Redhat Openshift</a>
|
||||
<a href="">VMware Tanzu</a>
|
||||
<a href="">SUSE Rancher</a>
|
||||
<a href="">Amazon EKS</a>
|
||||
<a href="">Azure Kubernetes Service</a>
|
||||
<a href="">Google Kubernetes Engine</a>
|
||||
<a href="">Others</a>
|
||||
</nav>
|
||||
|
||||
<nav id="cn-docker">
|
||||
<a href="">docker-1</a>
|
||||
<a href="">docker-2</a>
|
||||
<a href="">docker-3</a>
|
||||
<a href="">docker-4</a>
|
||||
</nav>
|
||||
|
||||
<nav id="cn-linux">
|
||||
<a href="">linux-1</a>
|
||||
<a href="">linux-2</a>
|
||||
<a href="">linux-3</a>
|
||||
<a href="">linux-4</a>
|
||||
</nav>
|
||||
|
||||
<nav id="cn-macos">
|
||||
<a href="">macos-1</a>
|
||||
<a href="">macos-2</a>
|
||||
<a href="">macos-3</a>
|
||||
<a href="">macos-4</a>
|
||||
</nav>
|
||||
|
||||
<nav id="cn-windows">
|
||||
<a href="">windows-1</a>
|
||||
<a href="">windows-2</a>
|
||||
<a href="">windows-3</a>
|
||||
<a href="">windows-4</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
11
source/_templates/cookie.html
Normal file
11
source/_templates/cookie.html
Normal file
@ -0,0 +1,11 @@
|
||||
<div id="cookie">
|
||||
<div class="container">
|
||||
<div class="cookie__text">
|
||||
<strong>Your privacy is important to us:</strong>
|
||||
We use cookies in order to give you a better experience. If you wish so, you can always review our
|
||||
<a target="_blank" rel="noreferrer noopener" href="https://min.io/privacy-policy">Privacy Policy</a>.
|
||||
</div>
|
||||
|
||||
<button type="button" id="cookie__btn">Accept</button>
|
||||
</div>
|
||||
</div>
|
||||
12
source/_templates/footer.html
Normal file
12
source/_templates/footer.html
Normal file
@ -0,0 +1,12 @@
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="footer__credit">
|
||||
This work is licensed under a
|
||||
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License.</a>
|
||||
{{ copyright }}
|
||||
<a class="footer__license" rel="license" href="http://creativecommons.org/licenses/by/4.0/">
|
||||
<img alt="Creative Commons License" src="https://i.creativecommons.org/l/by/4.0/80x15.png" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
53
source/_templates/header.html
Normal file
53
source/_templates/header.html
Normal file
@ -0,0 +1,53 @@
|
||||
<header class="header inactive">
|
||||
<div class="container">
|
||||
<div class="header__top">
|
||||
<a href="/" class="header__logo">
|
||||
<svg viewBox="0 0 162.612 24.465">
|
||||
<path d="M52.751.414h9.108v23.63h-9.108zM41.711.74l-18.488 9.92a.919.919 0 0 1-.856 0L3.879.74A2.808 2.808 0 0 0 2.558.414h-.023A2.4 2.4 0 0 0 0 2.641v21.376h9.1V13.842a.918.918 0 0 1 1.385-.682l10.361 5.568a3.634 3.634 0 0 0 3.336.028l10.933-5.634a.917.917 0 0 1 1.371.69v10.205h9.1V2.641A2.4 2.4 0 0 0 43.055.414h-.023a2.808 2.808 0 0 0-1.321.326zm65.564-.326h-9.237v10.755a.913.913 0 0 1-1.338.706L72.762.675a2.824 2.824 0 0 0-1.191-.261h-.016a2.4 2.4 0 0 0-2.535 2.227v21.377h9.163V13.275a.914.914 0 0 1 1.337-.707l24.032 11.2a2.813 2.813 0 0 0 1.188.26 2.4 2.4 0 0 0 2.535-2.227zm7.161 23.63V.414h4.191v23.63zm28.856.421c-11.274 0-19.272-4.7-19.272-12.232C124.02 4.741 132.066 0 143.292 0s19.32 4.7 19.32 12.233-7.902 12.232-19.32 12.232zm0-21.333c-8.383 0-14.84 3.217-14.84 9.1 0 5.926 6.457 9.1 14.84 9.1s14.887-3.174 14.887-9.1c0-5.883-6.504-9.1-14.887-9.1z" />
|
||||
</svg>
|
||||
</a>
|
||||
<div class="header__title visible-rm">Documentation</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" %}
|
||||
Menu
|
||||
</button>
|
||||
|
||||
<button id="dark-mode-toggle" type="button" class="icon icon--switch">
|
||||
<img src="{{ pathto('_static/img/icons/dark-mode.svg',1) }}" alt="Dark Mode" />
|
||||
<img src="{{ pathto('_static/img/icons/dark-mode-active.svg',1) }}" alt="Dark Mode" />
|
||||
Dark Mode
|
||||
</button>
|
||||
|
||||
<button id="read-mode-toggle" type="button" class="icon icon--switch">
|
||||
<svg width="18" height="16" fill="none">
|
||||
<path d="M9 1.842v11.789"/>
|
||||
<path d="M9 2.167C5.608.151 2.486 1.18 1.177 2.044 1.063 2.119 1 2.25 1 2.389v11.516c0 .371.434.58.738.379 2.625-1.733 5.701-.89 7.126.043a.22.22 0 0 0 .262-.016c2.455-2.06 5.484-.918 7.194.1a.45.45 0 0 0 .679-.385V2.404c0-.147-.073-.286-.196-.362C13.659.103 10.306 1.304 9 2.167z"/>
|
||||
</svg>
|
||||
|
||||
<svg width="18" height="16" fill="none" fill-rule="evenodd">
|
||||
<path d="M9 1.842v11.789"/>
|
||||
<path d="M9 2.167C5.608.151 2.486 1.18 1.177 2.044 1.063 2.119 1 2.25 1 2.389v11.516c0 .371.434.58.738.379 2.625-1.733 5.701-.89 7.126.043a.22.22 0 0 0 .262-.016c2.455-2.06 5.484-.918 7.194.1a.45.45 0 0 0 .679-.385V2.404c0-.147-.073-.286-.196-.362C13.659.103 10.306 1.304 9 2.167z"/>
|
||||
<path d="M1.178 2.038C3.557.609 6.203.65 9.117 2.161l.001 11.835c-2.633-1.367-5.279-1.367-7.94 0-.08.041-.08-3.944 0-11.957z"/>
|
||||
</svg>
|
||||
|
||||
Reading Mode
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{%- include "top-navigation.html" %}
|
||||
|
||||
<div class="header__hero">
|
||||
<h2>Documentation</h2>
|
||||
{%- include "searchbox.html" %}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
3
source/_templates/icons/close.html
Normal file
3
source/_templates/icons/close.html
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="12" height="12">
|
||||
<path d="M11.253 1.691L10.125.563 5.653 5.035 1.181.563.053 1.691l4.472 4.472-4.472 4.472 1.128 1.128 4.472-4.472 4.472 4.472 1.128-1.128-4.472-4.472z" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 213 B |
3
source/_templates/icons/menu.html
Normal file
3
source/_templates/icons/menu.html
Normal file
@ -0,0 +1,3 @@
|
||||
<svg viewbox="0 0 17 13">
|
||||
<path d="M16.034 0H.966C.433 0 0 .346 0 .773s.433.773.966.773h15.068c.533 0 .966-.346.966-.773S16.567 0 16.034 0zm0 5.409H.966c-.533 0-.966.346-.966.773s.433.773.966.773h15.068c.533 0 .966-.346.966-.773s-.433-.773-.966-.773zm0 5.409H.966c-.533 0-.966.346-.966.773s.433.773.966.773h15.068c.533 0 .966-.346.966-.773s-.433-.773-.966-.773z" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 376 B |
3
source/_templates/icons/search.html
Normal file
3
source/_templates/icons/search.html
Normal file
@ -0,0 +1,3 @@
|
||||
<svg width="14" height="15">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 6.5a5 5 0 1 1-10 0 5 5 0 0 1 10 0Zm-1.59 5.535a6.5 6.5 0 1 1 1.179-.931l1.845 2.096a.75.75 0 0 1-1.127.99L9.91 12.036Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 217 B |
@ -1,7 +1,6 @@
|
||||
{# Import the theme's layout. #}
|
||||
{% extends "!layout.html" %}
|
||||
|
||||
|
||||
{# Custom CSS overrides #}
|
||||
|
||||
{% block extrahead %}
|
||||
@ -60,9 +59,6 @@
|
||||
{%- endfor %}
|
||||
{%- else %}
|
||||
{#- old style sidebars: using blocks -- should be deprecated #}
|
||||
{%- block sidebartoc %}
|
||||
{%- include "localtoc.html" %}
|
||||
{%- endblock %}
|
||||
|
||||
{%- block sidebarrel %}
|
||||
{%- include "relations.html" %}
|
||||
@ -85,63 +81,40 @@
|
||||
{%- endmacro %}
|
||||
|
||||
{%- block header %}
|
||||
<header class="header">
|
||||
<div class="logo">
|
||||
<i class="toggle-icon toggle-icon--docs" data-toggle="sidebar"></i>
|
||||
<a class="logo__link" href="https://min.io">
|
||||
<img
|
||||
width="85"
|
||||
src="{{ pathto('_static/img/docs-logo.svg',1) }}"
|
||||
alt="Logo"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
{%- include "top-navigation.html" %}
|
||||
</header>
|
||||
{%- include "header.html" %}
|
||||
{%- endblock %}
|
||||
|
||||
{%- block content %}
|
||||
<section class="content scrollbar">
|
||||
<aside class="sidebar scrollbar">
|
||||
<i class="toggle-icon toggle-icon--close" data-toggle="sidebar"></i>
|
||||
<section class="content">
|
||||
{%- include "content-navigation.html" %}
|
||||
|
||||
<h3 class="sidebar__title">
|
||||
<a href="{{ pathto('index') }}">{{ shorttitle}} </a>
|
||||
</h3>
|
||||
|
||||
{{ miniosidebar() }}
|
||||
</aside>
|
||||
<div class="content__aside">
|
||||
<div id=localtoc></div>
|
||||
</div>
|
||||
<div class="content__main">
|
||||
<!--
|
||||
{% block alertbar -%}
|
||||
<div class="admonition important">
|
||||
<span class="alert-message">
|
||||
<p>Welcome to the upcoming version of the MinIO Documentation!
|
||||
The content on this page is under active development and
|
||||
may change at any time.
|
||||
If you can't find what you're looking for, check our
|
||||
<a href="https://docs.min.io"> legacy documentation</a>.
|
||||
Thank you for your patience.
|
||||
</p>
|
||||
</span>
|
||||
<div class="container">
|
||||
<div class="content__inner">
|
||||
<div class="sidebar scrollbar">
|
||||
<div class="hide-aside visible-rm">
|
||||
<button type="button" class="icon">
|
||||
{%- include "icons/close.html" %}
|
||||
Close Doc Navigation
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<a class="sidebar__title" href="{{ pathto('index') }}">{{ shorttitle}}</a>
|
||||
|
||||
{{ miniosidebar() }}
|
||||
</div>
|
||||
{% endblock %}
|
||||
-->
|
||||
{% block body %} {% endblock %}
|
||||
<div class="footer">
|
||||
<div>
|
||||
<p>This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>. ©{{ copyright }}</p>
|
||||
<p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/80x15.png" /></a></p>
|
||||
|
||||
{%- include "toc.html" %}
|
||||
|
||||
<div class="content__main">
|
||||
{% block body %} {% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{%- include "footer.html" %}
|
||||
</section>
|
||||
{%- endblock %}
|
||||
|
||||
{%- block footer %}
|
||||
{%- include "cookie.html" %}
|
||||
{%- endblock %}
|
||||
@ -1,5 +1,21 @@
|
||||
{%- if pagename != "search" and builder != "singlehtml" %}
|
||||
<form class="search" action="{{ pathto('search') }}" method="get" role="search">
|
||||
<input type="text" class="search__text" id="docs-search" name="q" aria-labelledby="searchlabel" placeholder="Search Documentation" />
|
||||
<div class="search__inner">
|
||||
<button id="search-close" class="icon visible-rm" type="button">
|
||||
<svg width="13" height="10" viewBox="0 0 12 10">
|
||||
<path d="M1.707 4.137H11.5c.277 0 .5.23.5.516 0 .137-.051.27-.145.363s-.223.152-.355.152H1.707l3.148 3.254a.53.53 0 0 1 0 .73c-.098.102-.223.152-.355.152s-.258-.051-.355-.152l-4-4.133c-.195-.203-.195-.531 0-.734l4-4.133A.5.5 0 0 1 4.5 0a.5.5 0 0 1 .355.152.53.53 0 0 1 0 .73zm0 0" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
Hide Search
|
||||
</button>
|
||||
|
||||
<input type="text" class="search__text" id="docs-search" name="q" aria-labelledby="searchlabel" placeholder="Search Documentation" />
|
||||
|
||||
<kbd class="hidden-rm">
|
||||
<span id="search-meta-key"></span>
|
||||
<span>+</span>
|
||||
<span>/</span>
|
||||
</kbd>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
{%- endif %}
|
||||
17
source/_templates/toc.html
Normal file
17
source/_templates/toc.html
Normal file
@ -0,0 +1,17 @@
|
||||
<div class="content__toc scrollbar">
|
||||
<button data-aside-toggle="doc" class="icon" type="button">
|
||||
{%- include "icons/menu.html" %}
|
||||
TOC Menu
|
||||
</button>
|
||||
|
||||
<div class="content__toc__inner">
|
||||
{%- block sidebartoc %}
|
||||
{%- include "localtoc.html" %}
|
||||
{%- endblock %}
|
||||
</div>
|
||||
|
||||
<button class="icon search-toggle" type="button">
|
||||
{%- include "icons/search.html" %}
|
||||
Search
|
||||
</button>
|
||||
</div>
|
||||
@ -1,166 +1,166 @@
|
||||
<div class="nav">
|
||||
<i class="toggle-icon toggle-icon--close" data-toggle="nav"></i>
|
||||
<div class="hide-aside visible-rm">
|
||||
<button type="button" class="icon">
|
||||
{%- include "icons/close.html" %}
|
||||
Close Navigation
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="nav__top">
|
||||
<a target="_blank" rel="noreferrer" href="https://subnet.min.io/" class="nav__link">
|
||||
<span>Customer Login</span>
|
||||
</a>
|
||||
<a target="_blank" rel="noreferrer" href="https://subnet.min.io/" class="nav__link visible-rm">
|
||||
<span>Customer Login</span>
|
||||
</a>
|
||||
|
||||
<div class="nav__item">
|
||||
<div class="nav__link nav__link--dropdown">
|
||||
<span>Product</span>
|
||||
</div>
|
||||
|
||||
<div class="nav__dropdown nav__dropdown--product">
|
||||
<div class="nav__dropdown__inner">
|
||||
<div class="nav__feature">
|
||||
<div class="nav__column">
|
||||
<div class="nav__column__title">Multi-Cloud</div>
|
||||
|
||||
<a href="https://min.io/product/private-cloud-vmware-tanzu" class="nav__sub">MinIO for VMware Tanzu</a>
|
||||
<a href="https://min.io/product/private-cloud-red-hat-openshift" class="nav__sub">MinIO for OpenShift</a>
|
||||
<a href="https://min.io/product/multicloud-suse-rancher" class="nav__sub">MinIO for SUSE Rancher</a>
|
||||
<a href="https://min.io/product/multicloud-elastic-kubernetes-service" class="nav__sub">MinIO for Amazon Elastic Kubernetes Service</a>
|
||||
<a href="https://min.io/product/multicloud-azure-kubernetes-service" class="nav__sub">MinIO for Azure Kubernetes Service</a>
|
||||
<a href="https://min.io/product/multicloud-google-kubernetes-service" class="nav__sub">MinIO for Google Kubernetes Engine</a>
|
||||
</div>
|
||||
|
||||
<i class="nav__separator"></i>
|
||||
|
||||
<div class="nav__column">
|
||||
<div class="nav__column__title">Features</div>
|
||||
|
||||
<a href="https://min.io/product/active-data-replication-for-object-storage" class="nav__sub">Active Active Replication</a>
|
||||
<a href="https://min.io/product/identity-and-access-management" class="nav__sub">Identity & Access Management</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">Bucket & Object Immutability</a>
|
||||
<a href="https://min.io/product/object-versioning-bucket-versioning" class="nav__sub">Bucket & Object Versioning</a>
|
||||
<a href="https://min.io/product/automated-data-tiering-lifecycle-management" class="nav__sub">Data Life Cycle Management & Tiering</a>
|
||||
<a href="https://min.io/product/automated-cloud-data-management-interface" class="nav__sub">Automated Data Management Interfaces</a>
|
||||
<a href="https://min.io/product/object-storage-performance-monitoring" class="nav__sub">Monitoring</a>
|
||||
<a href="https://min.io/product/scalable-object-storage" class="nav__sub">Scalability</a>
|
||||
<a href="https://min.io/product/s3-compatibility" class="nav__sub">AWS S3 Compatibility</a>
|
||||
</div>
|
||||
|
||||
<div class="nav__column">
|
||||
<div class="nav__sub">
|
||||
<a href="https://min.io/hybrid-cloud-storage" class="nav__lead">
|
||||
<img src="{{ pathto('_static/img/icons/hybrid-cloud.svg',1) }}" alt="Hybrid Cloud Object Storage" />
|
||||
Hybrid Cloud Object Storage
|
||||
</a>
|
||||
<div class="nav__jump">
|
||||
<a href="https://min.io/hybrid-cloud-storage#overview">Overview</a>
|
||||
<a href="https://min.io/hybrid-cloud-storage#architecture">Architecture</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav__sub">
|
||||
<a href="https://min.io/product/overview" class="nav__lead">
|
||||
<img src="{{ pathto('_static/img/icons/baremetal.svg',1) }}" alt="Baremetal" />
|
||||
Baremetal
|
||||
</a>
|
||||
<div class="nav__jump">
|
||||
<a href="https://min.io/product/overview#features">Overview</a>
|
||||
<a href="https://min.io/product/overview#architecture">Architecture</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://min.io/product/erasure-code-calculator" class="nav__sub nav__lead">
|
||||
<img class="h-6" src="{{ pathto('_static/img/icons/erasure-code-calculator.svg',1) }}" alt="Erasure Code Calculator" />
|
||||
Erasure Code Calculator
|
||||
</a>
|
||||
<a href="https://min.io/product/reference-hardware" class="nav__sub nav__lead">
|
||||
<img src="{{ pathto('_static/img/icons/ref-hardware.svg',1) }}" alt="Reference Hardware" />
|
||||
Reference Hardware
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav__bottom">
|
||||
<div class="nav__item">
|
||||
<div class="nav__link nav__link--dropdown" data-href="product">
|
||||
<span>Product</span>
|
||||
</div>
|
||||
<div class="nav__item">
|
||||
<div class="nav__link nav__link--dropdown">
|
||||
<span>Solutions</span>
|
||||
|
||||
<div class="nav__dropdown nav__dropdown--product">
|
||||
<div class="nav__dropdown">
|
||||
<div class="nav__dropdown__inner">
|
||||
<div class="nav__feature">
|
||||
<div class="nav__column">
|
||||
<div class="nav__column__title">Multi-Cloud</div>
|
||||
|
||||
<a href="https://min.io/product/private-cloud-vmware-tanzu" class="nav__sub" data-nav="vm-tanzu">MinIO for VMware Tanzu</a>
|
||||
<a href="https://min.io/product/private-cloud-red-hat-openshift" class="nav__sub" data-nav="open-shift">MinIO for OpenShift</a>
|
||||
<a href="https://min.io/product/multicloud-suse-rancher" class="nav__sub" data-nav="multicloud-suse-rancher">MinIO for SUSE Rancher</a>
|
||||
<a href="https://min.io/product/multicloud-elastic-kubernetes-service" class="nav__sub" data-nav="elastic-kubernetes-service">MinIO for Amazon Elastic Kubernetes Service</a>
|
||||
<a href="https://min.io/product/multicloud-azure-kubernetes-service" class="nav__sub" data-nav="azure-kubernetes-service">MinIO for Azure Kubernetes Service</a>
|
||||
<a href="https://min.io/product/multicloud-google-kubernetes-service" class="nav__sub" data-nav="google-kubernetes-engine">MinIO for Google Kubernetes Engine</a>
|
||||
</div>
|
||||
|
||||
<i class="nav__separator"></i>
|
||||
|
||||
<div class="nav__column">
|
||||
<div class="nav__column__title">Features</div>
|
||||
|
||||
<a href="https://min.io/product/active-data-replication-for-object-storage" class="nav__sub" data-nav="active-active-replication">Active Active Replication</a>
|
||||
<a href="https://min.io/product/identity-and-access-management" class="nav__sub" data-nav="scalable-identity-access-management">Identity & Access Management</a>
|
||||
<a href="https://min.io/product/enterprise-object-storage-encryption" class="nav__sub" data-nav="encryption">Encryption</a>
|
||||
<a href="https://min.io/product/data-immutability-for-object-storage" class="nav__sub" data-nav="object-immutability">Bucket & Object Immutability</a>
|
||||
<a href="https://min.io/product/object-versioning-bucket-versioning" class="nav__sub" data-nav="versioning">Bucket & Object Versioning</a>
|
||||
<a href="https://min.io/product/automated-data-tiering-lifecycle-management" class="nav__sub" data-nav="life-cycle">Data Life Cycle Management & Tiering</a>
|
||||
<a href="https://min.io/product/automated-cloud-data-management-interface" class="nav__sub" data-nav="interface">Automated Data Management Interfaces</a>
|
||||
<a href="https://min.io/product/object-storage-performance-monitoring" class="nav__sub" data-nav="monitoring">Monitoring</a>
|
||||
<a href="https://min.io/product/scalable-object-storage" class="nav__sub" data-nav="scalable">Scalability</a>
|
||||
<a href="https://min.io/product/s3-compatibility" class="nav__sub" data-nav="s3-compatibility">AWS S3 Compatibility</a>
|
||||
</div>
|
||||
|
||||
<div class="nav__column">
|
||||
<div class="nav__sub" data-nav="hybrid-cloud-storage">
|
||||
<a href="https://min.io/hybrid-cloud-storage" class="nav__lead">
|
||||
<img src="{{ pathto('_static/img/icons/hybrid-cloud.svg',1) }}" alt="Hybrid Cloud Object Storage" />
|
||||
Hybrid Cloud Object Storage
|
||||
</a>
|
||||
<div class="nav__jump">
|
||||
<a href="https://min.io/hybrid-cloud-storage#overview">Overview</a>
|
||||
<a href="https://min.io/hybrid-cloud-storage#architecture">Architecture</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav__sub" data-nav="overview">
|
||||
<a href="https://min.io/product/overview" class="nav__lead">
|
||||
<img src="{{ pathto('_static/img/icons/baremetal.svg',1) }}" alt="Baremetal" />
|
||||
Baremetal
|
||||
</a>
|
||||
<div class="nav__jump">
|
||||
<a href="https://min.io/product/overview#features">Overview</a>
|
||||
<a href="https://min.io/product/overview#architecture">Architecture</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://min.io/product/erasure-code-calculator" class="nav__sub nav__lead" data-nav="erasure-code-calculator">
|
||||
<img class="h-6" src="{{ pathto('_static/img/icons/erasure-code-calculator.svg',1) }}" alt="Erasure Code Calculator" />
|
||||
Erasure Code Calculator
|
||||
</a>
|
||||
<a href="https://min.io/product/reference-hardware" class="nav__sub nav__lead" data-nav="reference-hardware">
|
||||
<img src="{{ pathto('_static/img/icons/ref-hardware.svg',1) }}" alt="Reference Hardware" />
|
||||
Reference Hardware
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://min.io/product/integrations" class="nav__sub">
|
||||
<span>Integrations</span>
|
||||
<small>Browse our vast portfolio of integrations</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/vmware" class="nav__sub">
|
||||
<span>VMware</span>
|
||||
<small>Discover how MinIO integrates with VMware across the portfolio from the Persistent Data platform to TKGI and how we support their Kubernetes ambitions.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/optimize-splunk-smartstore-performance" class="nav__sub">
|
||||
<span>Splunk</span>
|
||||
<small>Find out how MinIO is delivering performance at scale for Splunk SmartStores</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/veeam" class="nav__sub">
|
||||
<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="https://min.io/solutions/azure-s3-api-integration" class="nav__sub">
|
||||
<span>Azure to AWS S3 Gateway</span>
|
||||
<small>Learn how MinIO allows Azure Blob to speak Amazon’s S3 API</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/hdfs-migration" class="nav__sub">
|
||||
<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="https://min.io/solutions/native-object-store-for-teradata" class="nav__sub">
|
||||
<span>Teradata</span>
|
||||
<small>Discover why MinIO is the Native Object Store (NOS) of choice for at-scale Teradata deployments</small>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav__item">
|
||||
<div class="nav__link nav__link--dropdown" data-href="solutions">
|
||||
<span>Solutions</span>
|
||||
|
||||
<div class="nav__dropdown">
|
||||
<div class="nav__dropdown__inner">
|
||||
<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 href="https://min.io/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 TKGI and how we support their Kubernetes ambitions.</small>
|
||||
</a>
|
||||
<a href="https://min.io/solutions/optimize-splunk-smartstore-performance" class="nav__sub" data-nav="splunk">
|
||||
<span>Splunk</span>
|
||||
<small>Find out how MinIO is delivering performance at scale for Splunk SmartStores</small>
|
||||
</a>
|
||||
<a href="https://min.io/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="https://min.io/solutions/azure-s3-api-integration" class="nav__sub" data-nav="azure">
|
||||
<span>Azure to AWS S3 Gateway</span>
|
||||
<small>Learn how MinIO allows Azure Blob to speak Amazon’s S3 API</small>
|
||||
</a>
|
||||
<a href="https://min.io/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="https://min.io/solutions/native-object-store-for-teradata" class="nav__sub" data-nav="teradata">
|
||||
<span>Teradata</span>
|
||||
<small>Discover why MinIO is the Native Object Store (NOS) of choice for at-scale Teradata deployments</small>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav__item">
|
||||
<div class="nav__link nav__link--active nav__link--dropdown">
|
||||
<span>Docs</span>
|
||||
|
||||
<div class="nav__dropdown">
|
||||
<div class="nav__dropdown__inner">
|
||||
<a href="https://docs.min.io/minio/baremetal" class="nav__sub">
|
||||
<span class="">MinIO Baremetal</span>
|
||||
<small class="">MinIO Object Storage for Baremetal Infrastructure</small>
|
||||
</a>
|
||||
<a href="https://docs.min.io/minio/k8s" class="nav__sub">
|
||||
<span class="">MinIO Hybrid Cloud</span>
|
||||
<small class="">MinIO Object Storage for Kubernetes-Managed Private and Public Cloud Infrastructure</small>
|
||||
</a>
|
||||
<a href="https://docs.min.io/minio/vsphere" class="nav__sub">
|
||||
<span class="">MinIO for VMware Cloud Foundation</span>
|
||||
<small class="">MinIO Object Storage for VMware Cloud Foundation 4.2</small>
|
||||
</a>
|
||||
<a href="https://docs.min.io" class="nav__sub">
|
||||
<span class="">MinIO Legacy Documentation</span>
|
||||
<small class="">Legacy Documentation for MinIO Object Storage</small>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="https://blog.min.io/" class="nav__link">
|
||||
<span>Blog</span>
|
||||
</a>
|
||||
|
||||
<a href="https://min.io/resources" class="nav__link" data-href="resources">
|
||||
<span>Resources</span>
|
||||
</a>
|
||||
|
||||
<a href="https://min.io/partner" class="nav__link" data-href="partners">
|
||||
<span>Partner</span>
|
||||
</a>
|
||||
<a href="https://min.io/pricing" class="nav__link" data-href="pricing">
|
||||
<span>Pricing</span>
|
||||
</a>
|
||||
|
||||
<a class="nav__link nav__link--download" href="https://min.io/download">Download</a>
|
||||
</div>
|
||||
</div>
|
||||
<i class="toggle-icon toggle-icon--menu" data-toggle="nav"></i>
|
||||
|
||||
<div class="nav__item">
|
||||
<div class="nav__link nav__link--active nav__link--dropdown">
|
||||
<span>Docs</span>
|
||||
|
||||
<div class="nav__dropdown">
|
||||
<div class="nav__dropdown__inner">
|
||||
<a href="https://docs.min.io/minio/baremetal" class="nav__sub">
|
||||
<span class="">MinIO Baremetal</span>
|
||||
<small class="">MinIO Object Storage for Baremetal Infrastructure</small>
|
||||
</a>
|
||||
<a href="https://docs.min.io/minio/k8s" class="nav__sub">
|
||||
<span class="">MinIO Hybrid Cloud</span>
|
||||
<small class="">MinIO Object Storage for Kubernetes-Managed Private and Public Cloud Infrastructure</small>
|
||||
</a>
|
||||
<a href="https://docs.min.io/minio/vsphere" class="nav__sub">
|
||||
<span class="">MinIO for VMware Cloud Foundation</span>
|
||||
<small class="">MinIO Object Storage for VMware Cloud Foundation 4.2</small>
|
||||
</a>
|
||||
<a href="https://docs.min.io" class="nav__sub">
|
||||
<span class="">MinIO Legacy Documentation</span>
|
||||
<small class="">Legacy Documentation for MinIO Object Storage</small>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</a>
|
||||
|
||||
<a href="https://min.io/partner" class="nav__link">
|
||||
<span>Partner</span>
|
||||
</a>
|
||||
<a href="https://min.io/pricing" class="nav__link">
|
||||
<span>Pricing</span>
|
||||
</a>
|
||||
|
||||
<a class="nav__link nav__link--download" href="https://min.io/download">Download</a>
|
||||
</div>
|
||||
@ -237,7 +237,6 @@ html_favicon = '_static/favicon.png'
|
||||
|
||||
html_sidebars = {
|
||||
'**' : [
|
||||
'searchbox.html',
|
||||
'navigation.html'
|
||||
]
|
||||
}
|
||||
@ -260,8 +259,6 @@ html_js_files = ['js/main.js']
|
||||
|
||||
html_extra_path = [ 'extra']
|
||||
|
||||
html_permalinks_icon = "<img class='anchor' src=https://docs.min.io/minio/baremetal/_static/img/anchor-link.svg />"
|
||||
|
||||
html_title = 'MinIO Object Storage for ' + platform.capitalize()
|
||||
|
||||
# -- Options for Sphinx Tabs -------------------------------------------------
|
||||
|
||||
Reference in New Issue
Block a user