diff --git a/docs/mdbook.sh b/docs/mdbook.sh index 60b12782c..0593744e9 100755 --- a/docs/mdbook.sh +++ b/docs/mdbook.sh @@ -6,10 +6,8 @@ set -e; set -u if [ ! -d "mdbook_bin" ]; then mkdir -p mdbook_bin pushd mdbook_bin - #curl -L https://github.com/rust-lang/mdBook/releases/download/v0.4.13/mdbook-v0.4.13-x86_64-unknown-linux-gnu.tar.gz | tar xvz - curl -L https://github.com/rust-lang/mdBook/releases/download/v0.4.13/mdbook-v0.4.13-x86_64-apple-darwin-gnu.tar.gz | tar -xvz - chmod +x mdbook - curl https://github.com/Michael-F-Bryan/mdbook-linkcheck/releases/download/v0.7.6/mdbook-linkcheck.x86_64-unknown-linux-gnu.zip -o linkcheck.zip + curl -L https://github.com/rust-lang/mdBook/releases/download/v0.4.13/mdbook-v0.4.13-x86_64-unknown-linux-gnu.tar.gz | tar xvz + wget https://github.com/Michael-F-Bryan/mdbook-linkcheck/releases/download/v0.7.6/mdbook-linkcheck.x86_64-unknown-linux-gnu.zip -O linkcheck.zip unzip linkcheck.zip chmod +x mdbook-linkcheck popd diff --git a/website/assets/style.css b/website/assets/style.css index 5129a03bc..173544286 100644 --- a/website/assets/style.css +++ b/website/assets/style.css @@ -1,5 +1,3 @@ -@import"https://fonts.googleapis.com/css?family=Plus+Jakarta+Sans:regular,400,600,700"; - :root { --vp-c-white: #ffffff; --vp-c-white-soft: #f9f9f9; @@ -134,131 +132,10 @@ --vp-z-index-footer: 60 } -:root { - --vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E"); - --vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E") -} - :root { --vp-layout-max-width: 1440px } -:root { - --vp-code-line-height: 1.7; - --vp-code-font-size: .875em; - --vp-code-block-color: var(--vp-c-text-dark-1); - --vp-code-block-bg: #292d3e; - --vp-code-line-highlight-color: rgba(0, 0, 0, .5); - --vp-code-line-number-color: var(--vp-c-text-dark-3); - --vp-code-line-diff-add-color: rgba(125, 191, 123, .1); - --vp-code-line-diff-add-symbol-color: rgba(125, 191, 123, .5); - --vp-code-line-diff-remove-color: rgba(255, 128, 128, .05); - --vp-code-line-diff-remove-symbol-color: rgba(255, 128, 128, .5); - --vp-code-line-error-color: var(--vp-c-red-dimm-2); - --vp-code-line-warning-color: var(--vp-c-yellow-dimm-2); - --vp-code-copy-code-hover-bg: rgba(255, 255, 255, .05); - --vp-code-copy-code-active-text: var(--vp-c-text-dark-2) -} - -@media (prefers-color-scheme: dark) { - :root { - --vp-code-block-bg: var(--vp-c-bg-alt) - } -} - -:root { - --vp-button-brand-border: var(--vp-c-brand-light); - --vp-button-brand-text: var(--vp-c-text-dark-1); - --vp-button-brand-bg: var(--vp-c-brand); - --vp-button-brand-hover-border: var(--vp-c-brand-light); - --vp-button-brand-hover-text: var(--vp-c-text-dark-1); - --vp-button-brand-hover-bg: var(--vp-c-brand-light); - --vp-button-brand-active-border: var(--vp-c-brand-light); - --vp-button-brand-active-text: var(--vp-c-text-dark-1); - --vp-button-brand-active-bg: var(--vp-button-brand-bg); - --vp-button-alt-border: var(--vp-c-gray-light-3); - --vp-button-alt-text: var(--vp-c-text-light-1); - --vp-button-alt-bg: var(--vp-c-gray-light-5); - --vp-button-alt-hover-border: var(--vp-c-gray-light-3); - --vp-button-alt-hover-text: var(--vp-c-text-light-1); - --vp-button-alt-hover-bg: var(--vp-c-gray-light-4); - --vp-button-alt-active-border: var(--vp-c-gray-light-3); - --vp-button-alt-active-text: var(--vp-c-text-light-1); - --vp-button-alt-active-bg: var(--vp-c-gray-light-3); - --vp-button-sponsor-border: var(--vp-c-gray-light-3); - --vp-button-sponsor-text: var(--vp-c-text-light-2); - --vp-button-sponsor-bg: transparent; - --vp-button-sponsor-hover-border: var(--vp-c-sponsor); - --vp-button-sponsor-hover-text: var(--vp-c-sponsor); - --vp-button-sponsor-hover-bg: transparent; - --vp-button-sponsor-active-border: var(--vp-c-sponsor); - --vp-button-sponsor-active-text: var(--vp-c-sponsor); - --vp-button-sponsor-active-bg: transparent -} - -@media (prefers-color-scheme: dark) { - :root { - --vp-button-brand-border: var(--vp-c-brand-light); - --vp-button-brand-text: var(--vp-c-text-dark-1); - --vp-button-brand-bg: var(--vp-c-brand-dark); - --vp-button-brand-hover-border: var(--vp-c-brand-lighter); - --vp-button-brand-hover-text: var(--vp-c-text-dark-1); - --vp-button-brand-hover-bg: var(--vp-c-brand); - --vp-button-brand-active-border: var(--vp-c-brand-lighter); - --vp-button-brand-active-text: var(--vp-c-text-dark-1); - --vp-button-brand-active-bg: var(--vp-button-brand-bg); - --vp-button-alt-border: var(--vp-c-gray-dark-2); - --vp-button-alt-text: var(--vp-c-text-dark-1); - --vp-button-alt-bg: var(--vp-c-bg-mute); - --vp-button-alt-hover-border: var(--vp-c-gray-dark-2); - --vp-button-alt-hover-text: var(--vp-c-text-dark-1); - --vp-button-alt-hover-bg: var(--vp-c-gray-dark-2); - --vp-button-alt-active-border: var(--vp-c-gray-dark-2); - --vp-button-alt-active-text: var(--vp-c-text-dark-1); - --vp-button-alt-active-bg: var(--vp-button-alt-bg); - --vp-button-sponsor-border: var(--vp-c-gray-dark-1); - --vp-button-sponsor-text: var(--vp-c-text-dark-2) - } -} - -:root { - --vp-custom-block-code-font-size: 13px; - --vp-custom-block-info-border: var(--vp-c-divider-light); - --vp-custom-block-info-text: var(--vp-c-text-2); - --vp-custom-block-info-bg: var(--vp-c-white-soft); - --vp-custom-block-info-code-bg: var(--vp-c-gray-light-4); - --vp-custom-block-tip-border: var(--vp-c-green-dimm-1); - --vp-custom-block-tip-text: var(--vp-c-green-darker); - --vp-custom-block-tip-bg: var(--vp-c-green-dimm-3); - --vp-custom-block-tip-code-bg: var(--vp-custom-block-tip-bg); - --vp-custom-block-warning-border: var(--vp-c-yellow-dimm-1); - --vp-custom-block-warning-text: var(--vp-c-yellow-darker); - --vp-custom-block-warning-bg: var(--vp-c-yellow-dimm-3); - --vp-custom-block-warning-code-bg: var(--vp-custom-block-warning-bg); - --vp-custom-block-danger-border: var(--vp-c-red-dimm-1); - --vp-custom-block-danger-text: var(--vp-c-red-darker); - --vp-custom-block-danger-bg: var(--vp-c-red-dimm-3); - --vp-custom-block-danger-code-bg: var(--vp-custom-block-danger-bg); - --vp-custom-block-details-border: var(--vp-custom-block-info-border); - --vp-custom-block-details-text: var(--vp-custom-block-info-text); - --vp-custom-block-details-bg: var(--vp-custom-block-info-bg); - --vp-custom-block-details-code-bg: var(--vp-custom-block-details-bg) -} - -@media (prefers-color-scheme: dark) { - :root { - --vp-custom-block-info-border: var(--vp-c-divider-light); - --vp-custom-block-info-bg: var(--vp-c-black-mute); - --vp-custom-block-info-code-bg: var(--vp-c-gray-dark-4); - --vp-custom-block-tip-border: var(--vp-c-green-dimm-2); - --vp-custom-block-tip-text: var(--vp-c-green-light); - --vp-custom-block-warning-border: var(--vp-c-yellow-dimm-2); - --vp-custom-block-warning-text: var(--vp-c-yellow-light); - --vp-custom-block-danger-border: var(--vp-c-red-dimm-2); - --vp-custom-block-danger-text: var(--vp-c-red-light) - } -} - :root { --vp-nav-height: var(--vp-nav-height-mobile); --vp-nav-height-mobile: 56px; @@ -282,34 +159,6 @@ --vp-home-hero-image-filter: none } -:root { - --vp-badge-info-border: var(--vp-c-divider-light); - --vp-badge-info-text: var(--vp-c-text-2); - --vp-badge-info-bg: var(--vp-c-white-soft); - --vp-badge-tip-border: var(--vp-c-green-dimm-1); - --vp-badge-tip-text: var(--vp-c-green-darker); - --vp-badge-tip-bg: var(--vp-c-green-dimm-3); - --vp-badge-warning-border: var(--vp-c-yellow-dimm-1); - --vp-badge-warning-text: var(--vp-c-yellow-darker); - --vp-badge-warning-bg: var(--vp-c-yellow-dimm-3); - --vp-badge-danger-border: var(--vp-c-red-dimm-1); - --vp-badge-danger-text: var(--vp-c-red-darker); - --vp-badge-danger-bg: var(--vp-c-red-dimm-3) -} - -@media (prefers-color-scheme: dark) { - :root { - --vp-badge-info-border: var(--vp-c-divider-light); - --vp-badge-info-bg: var(--vp-c-black-mute); - --vp-badge-tip-border: var(--vp-c-green-dimm-2); - --vp-badge-tip-text: var(--vp-c-green-light); - --vp-badge-warning-border: var(--vp-c-yellow-dimm-2); - --vp-badge-warning-text: var(--vp-c-yellow-light); - --vp-badge-danger-border: var(--vp-c-red-dimm-2); - --vp-badge-danger-text: var(--vp-c-red-light) - } -} - *, :before, :after { @@ -322,10 +171,6 @@ html { -webkit-text-size-adjust: 100% } -/*html.dark { - color-scheme: dark -}*/ - body { margin: 0; width: 100%; @@ -383,14 +228,6 @@ textarea { a { color: inherit; - text-decoration: inherit -} - -ol, -ul { - list-style: none; - margin: 0; - padding: 0 } blockquote { @@ -436,28 +273,6 @@ textarea { color: inherit } -button { - padding: 0; - font-family: inherit; - background-color: transparent; - background-image: none -} - -button:enabled, -[role=button]:enabled { - cursor: pointer -} - -button:focus, -button:focus-visible { - outline: 1px dotted; - outline: 4px auto -webkit-focus-ring-color -} - -button:focus:not(:focus-visible) { - outline: none !important -} - input:focus, textarea:focus, select:focus { @@ -487,16 +302,6 @@ textarea::placeholder { color: var(--vp-c-text-3) } -input::-webkit-outer-spin-button, -input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0 -} - -input[type=number] { - -moz-appearance: textfield -} - textarea { resize: vertical } @@ -534,105 +339,6 @@ vite-error-overlay { overflow: hidden } -.custom-block { - border: 1px solid transparent; - border-radius: 8px; - padding: 16px 16px 8px; - line-height: 24px; - font-size: 14px; - color: var(--vp-c-text-2) -} - -.custom-block.info { - border-color: var(--vp-custom-block-info-border); - color: var(--vp-custom-block-info-text); - background-color: var(--vp-custom-block-info-bg) -} - -.custom-block.info code { - background-color: var(--vp-custom-block-info-code-bg) -} - -.custom-block.tip { - border-color: var(--vp-custom-block-tip-border); - color: var(--vp-custom-block-tip-text); - background-color: var(--vp-custom-block-tip-bg) -} - -.custom-block.tip code { - background-color: var(--vp-custom-block-tip-code-bg) -} - -.custom-block.warning { - border-color: var(--vp-custom-block-warning-border); - color: var(--vp-custom-block-warning-text); - background-color: var(--vp-custom-block-warning-bg) -} - -.custom-block.warning code { - background-color: var(--vp-custom-block-warning-code-bg) -} - -.custom-block.danger { - border-color: var(--vp-custom-block-danger-border); - color: var(--vp-custom-block-danger-text); - background-color: var(--vp-custom-block-danger-bg) -} - -.custom-block.danger code { - background-color: var(--vp-custom-block-danger-code-bg) -} - -.custom-block.details { - border-color: var(--vp-custom-block-details-border); - color: var(--vp-custom-block-details-text); - background-color: var(--vp-custom-block-details-bg) -} - -.custom-block.details code { - background-color: var(--vp-custom-block-details-code-bg) -} - -.custom-block-title { - font-weight: 700 -} - -.custom-block p+p { - margin: 8px 0 -} - -.custom-block.details summary { - margin: 0 0 8px; - font-weight: 700 -} - -.custom-block.details summary+p { - margin: 8px 0 -} - -.custom-block a { - color: inherit; - font-weight: 600; - text-decoration: underline; - transition: opacity .25s -} - -.custom-block a:hover { - opacity: .6 -} - -.custom-block code { - font-size: var(--vp-custom-block-code-font-size) -} - -.dark .vp-code-light { - display: none -} - -html:not(.dark) .vp-code-dark { - display: none -} - .VPSkipLink[data-v-151f2593] { top: 8px; @@ -668,32 +374,6 @@ html:not(.dark) .vp-code-dark { } } -.VPBackdrop[data-v-0164f098] { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: var(--vp-z-index-backdrop); - background: rgba(0, 0, 0, .6); - transition: opacity .5s -} - -.VPBackdrop.fade-enter-from[data-v-0164f098], -.VPBackdrop.fade-leave-to[data-v-0164f098] { - opacity: 0 -} - -.VPBackdrop.fade-leave-active[data-v-0164f098] { - transition-duration: .25s -} - -@media (min-width: 1280px) { - .VPBackdrop[data-v-0164f098] { - display: none - } -} - .VPNavBarTitle[data-v-d5925166] { flex-shrink: 0; border-bottom: 1px solid transparent @@ -745,16 +425,6 @@ html:not(.dark) .vp-code-dark { } } -.icon[data-v-3c355974] { - display: inline-block; - margin-top: -1px; - margin-left: 4px; - width: 11px; - height: 11px; - fill: var(--vp-c-text-3); - transition: fill .25s -} - .VPNavBarMenuLink[data-v-47a2263e] { display: flex; align-items: center; @@ -814,53 +484,6 @@ html:not(.dark) .vp-code-dark { transition: color .25s } -.VPFlyout[data-v-6ffb57d3] { - position: relative -} - -.VPFlyout[data-v-6ffb57d3]:hover { - color: var(--vp-c-brand); - transition: color .25s -} - -.VPFlyout:hover .text[data-v-6ffb57d3] { - color: var(--vp-c-text-2) -} - -.VPFlyout:hover .icon[data-v-6ffb57d3] { - fill: var(--vp-c-text-2) -} - -.VPFlyout.active .text[data-v-6ffb57d3] { - color: var(--vp-c-brand) -} - -.VPFlyout.active:hover .text[data-v-6ffb57d3] { - color: var(--vp-c-brand-dark) -} - -.VPFlyout:hover .menu[data-v-6ffb57d3], -.button[aria-expanded=true]+.menu[data-v-6ffb57d3] { - opacity: 1; - visibility: visible; - transform: translateY(0) -} - -.button[data-v-6ffb57d3] { - display: flex; - align-items: center; - padding: 0 12px; - height: var(--vp-nav-height-mobile); - color: var(--vp-c-text-1); - transition: color .5s -} - -@media (min-width: 960px) { - .button[data-v-6ffb57d3] { - height: var(--vp-nav-height-desktop) - } -} - .text[data-v-6ffb57d3] { display: flex; align-items: center; @@ -877,27 +500,6 @@ html:not(.dark) .vp-code-dark { } } -.option-icon[data-v-6ffb57d3] { - margin-right: 0; - width: 16px; - height: 16px; - fill: currentColor -} - -.text-icon[data-v-6ffb57d3] { - margin-left: 4px; - width: 14px; - height: 14px; - fill: currentColor -} - -.icon[data-v-6ffb57d3] { - width: 20px; - height: 20px; - fill: currentColor; - transition: fill .25s -} - .menu[data-v-6ffb57d3] { position: absolute; top: calc(var(--vp-nav-height-mobile) / 2 + 20px); @@ -923,17 +525,6 @@ html:not(.dark) .vp-code-dark { } } -.VPNavBarTranslations[data-v-db824e91] { - display: none -} - -@media (min-width: 1280px) { - .VPNavBarTranslations[data-v-db824e91] { - display: flex; - align-items: center - } -} - .title[data-v-db824e91] { padding: 0 24px 0 12px; line-height: 32px; @@ -942,22 +533,6 @@ html:not(.dark) .vp-code-dark { color: var(--vp-c-text-1) } -.VPSwitch[data-v-eba7420e] { - position: relative; - border-radius: 11px; - display: block; - width: 40px; - height: 22px; - flex-shrink: 0; - border: 1px solid var(--vp-c-divider); - background-color: var(--vp-c-bg-mute); - transition: border-color .25s -} - -.VPSwitch[data-v-eba7420e]:hover { - border-color: var(--vp-c-gray) -} - .check[data-v-eba7420e] { position: absolute; top: 1px; @@ -976,344 +551,79 @@ html:not(.dark) .vp-code-dark { } } -.icon[data-v-eba7420e] { + +.container[data-v-e5dd9c1c] { position: relative; - display: block; - width: 18px; - height: 18px; - border-radius: 50%; + width: 16px; + height: 14px; overflow: hidden } -.icon[data-v-eba7420e] svg { - position: absolute; - top: 3px; - left: 3px; - width: 12px; - height: 12px; - fill: var(--vp-c-text-2) +.VPNavBar[data-v-6f1d18b5] { + position: relative; + border-bottom: 1px solid var(--vp-c-divider-light); + padding: 0 8px 0 24px; + height: var(--vp-nav-height-mobile); + transition: border-color .5s, background-color .5s; + pointer-events: none } -@media (prefers-color-scheme: dark) { - .icon[data-v-eba7420e] svg { - fill: var(--vp-c-text-1); - transition: opacity .25s +@media (min-width: 768px) { + .VPNavBar[data-v-6f1d18b5] { + padding: 0 32px } } +@media (min-width: 960px) { + .VPNavBar[data-v-6f1d18b5] { + height: var(--vp-nav-height-desktop); + border-bottom: 0 + } -@media (prefers-color-scheme: dark) { - .VPSwitchAppearance[data-v-481098f9] .check { - transform: translate(18px) + .VPNavBar.has-sidebar .content[data-v-6f1d18b5] { + margin-right: -32px; + padding-right: 32px; + -webkit-backdrop-filter: saturate(50%) blur(8px); + backdrop-filter: saturate(50%) blur(8px); + background: rgba(255, 255, 255, .7) } -} -.VPNavBarAppearance[data-v-a3e7452b] { - display: none -} + @media (prefers-color-scheme: dark) { + .VPNavBar.has-sidebar .content[data-v-6f1d18b5] { + background: rgba(36, 36, 36, .7) + } + } -@media (min-width: 1280px) { - .VPNavBarAppearance[data-v-a3e7452b] { - display: flex; - align-items: center + @supports not (backdrop-filter: saturate(50%) blur(8px)) { + .VPNavBar.has-sidebar .content[data-v-6f1d18b5] { + background: rgba(255, 255, 255, .95) + } + + @media (prefers-color-scheme: dark) { + VPNavBar.has-sidebar .content[data-v-6f1d18b5] { + background: rgba(36, 36, 36, .95) + } + } } } -.VPSocialLink[data-v-e57698f6] { +.container[data-v-6f1d18b5] { display: flex; - justify-content: center; - align-items: center; - width: 36px; - height: 36px; - color: var(--vp-c-text-2); - transition: color .5s -} - -.VPSocialLink[data-v-e57698f6]:hover { - color: var(--vp-c-text-1); - transition: color .25s + justify-content: space-between; + margin: 0 auto; + max-width: calc(var(--vp-layout-max-width) - 64px); + pointer-events: none } -.VPSocialLink[data-v-e57698f6]>svg { - width: 20px; - height: 20px; - fill: currentColor +.container[data-v-6f1d18b5] * { + pointer-events: auto } -.VPSocialLinks[data-v-f6988cfb] { +.content[data-v-6f1d18b5] { display: flex; - flex-wrap: wrap; - justify-content: center -} - -.VPNavBarSocialLinks[data-v-738bef5a] { - display: none -} - -@media (min-width: 1280px) { - .VPNavBarSocialLinks[data-v-738bef5a] { - display: flex; - align-items: center - } -} - -.VPNavBarExtra[data-v-e4361c82] { - display: none; - margin-right: -12px -} - -@media (min-width: 768px) { - .VPNavBarExtra[data-v-e4361c82] { - display: block - } -} - -@media (min-width: 1280px) { - .VPNavBarExtra[data-v-e4361c82] { - display: none - } -} - -.trans-title[data-v-e4361c82] { - padding: 0 24px 0 12px; - line-height: 32px; - font-size: 14px; - font-weight: 700; - color: var(--vp-c-text-1) -} - -.item.appearance[data-v-e4361c82], -.item.social-links[data-v-e4361c82] { - display: flex; - align-items: center; - padding: 0 12px -} - -.item.appearance[data-v-e4361c82] { - min-width: 176px -} - -.appearance-action[data-v-e4361c82] { - margin-right: -2px -} - -.social-links-list[data-v-e4361c82] { - margin: -4px -8px -} - -.VPNavBarHamburger[data-v-e5dd9c1c] { - display: flex; - justify-content: center; - align-items: center; - width: 48px; - height: var(--vp-nav-height) -} - -@media (min-width: 768px) { - .VPNavBarHamburger[data-v-e5dd9c1c] { - display: none - } -} - -.container[data-v-e5dd9c1c] { - position: relative; - width: 16px; - height: 14px; - overflow: hidden -} - -.VPNavBarHamburger:hover .top[data-v-e5dd9c1c] { - top: 0; - left: 0; - transform: translate(4px) -} - -.VPNavBarHamburger:hover .middle[data-v-e5dd9c1c] { - top: 6px; - left: 0; - transform: translate(0) -} - -.VPNavBarHamburger:hover .bottom[data-v-e5dd9c1c] { - top: 12px; - left: 0; - transform: translate(8px) -} - -.VPNavBarHamburger.active .top[data-v-e5dd9c1c] { - top: 6px; - transform: translate(0) rotate(225deg) -} - -.VPNavBarHamburger.active .middle[data-v-e5dd9c1c] { - top: 6px; - transform: translate(16px) -} - -.VPNavBarHamburger.active .bottom[data-v-e5dd9c1c] { - top: 6px; - transform: translate(0) rotate(135deg) -} - -.VPNavBarHamburger.active:hover .top[data-v-e5dd9c1c], -.VPNavBarHamburger.active:hover .middle[data-v-e5dd9c1c], -.VPNavBarHamburger.active:hover .bottom[data-v-e5dd9c1c] { - background-color: var(--vp-c-text-2); - transition: top .25s, background-color .25s, transform .25s -} - -.top[data-v-e5dd9c1c], -.middle[data-v-e5dd9c1c], -.bottom[data-v-e5dd9c1c] { - position: absolute; - width: 16px; - height: 2px; - background-color: var(--vp-c-text-1); - transition: top .25s, background-color .5s, transform .25s -} - -.top[data-v-e5dd9c1c] { - top: 0; - left: 0; - transform: translate(0) -} - -.middle[data-v-e5dd9c1c] { - top: 6px; - left: 0; - transform: translate(8px) -} - -.bottom[data-v-e5dd9c1c] { - top: 12px; - left: 0; - transform: translate(4px) -} - -.VPNavBar[data-v-6f1d18b5] { - position: relative; - border-bottom: 1px solid var(--vp-c-divider-light); - padding: 0 8px 0 24px; - height: var(--vp-nav-height-mobile); - transition: border-color .5s, background-color .5s; - pointer-events: none -} - -@media (min-width: 768px) { - .VPNavBar[data-v-6f1d18b5] { - padding: 0 32px - } -} - -@media (min-width: 960px) { - .VPNavBar[data-v-6f1d18b5] { - height: var(--vp-nav-height-desktop); - border-bottom: 0 - } - - .VPNavBar.has-sidebar .content[data-v-6f1d18b5] { - margin-right: -32px; - padding-right: 32px; - -webkit-backdrop-filter: saturate(50%) blur(8px); - backdrop-filter: saturate(50%) blur(8px); - background: rgba(255, 255, 255, .7) - } - - @media (prefers-color-scheme: dark) { - .VPNavBar.has-sidebar .content[data-v-6f1d18b5] { - background: rgba(36, 36, 36, .7) - } - } - - @supports not (backdrop-filter: saturate(50%) blur(8px)) { - .VPNavBar.has-sidebar .content[data-v-6f1d18b5] { - background: rgba(255, 255, 255, .95) - } - - @media (prefers-color-scheme: dark) { - VPNavBar.has-sidebar .content[data-v-6f1d18b5] { - background: rgba(36, 36, 36, .95) - } - } - } -} - -.container[data-v-6f1d18b5] { - display: flex; - justify-content: space-between; - margin: 0 auto; - max-width: calc(var(--vp-layout-max-width) - 64px); - pointer-events: none -} - -.container[data-v-6f1d18b5] * { - pointer-events: auto -} - -.content[data-v-6f1d18b5] { - display: flex; - justify-content: flex-end; - align-items: center; - flex-grow: 1 -} - -.menu+.translations[data-v-6f1d18b5]:before, -.menu+.appearance[data-v-6f1d18b5]:before, -.menu+.social-links[data-v-6f1d18b5]:before, -.translations+.appearance[data-v-6f1d18b5]:before, -.appearance+.social-links[data-v-6f1d18b5]:before { - margin-right: 8px; - margin-left: 8px; - width: 1px; - height: 24px; - background-color: var(--vp-c-divider-light); - content: "" -} - -.menu+.appearance[data-v-6f1d18b5]:before, -.translations+.appearance[data-v-6f1d18b5]:before { - margin-right: 16px -} - -.appearance+.social-links[data-v-6f1d18b5]:before { - margin-left: 16px -} - -.social-links[data-v-6f1d18b5] { - margin-right: -8px -} - -.VPNavScreenMenuLink[data-v-b7098508] { - display: block; - border-bottom: 1px solid var(--vp-c-divider-light); - padding: 12px 0 11px; - line-height: 24px; - font-size: 14px; - font-weight: 500; - color: var(--vp-c-text-1); - transition: border-color .5s, color .25s -} - -.VPNavScreenMenuLink[data-v-b7098508]:hover { - color: var(--vp-c-brand) -} - -.VPNavScreenMenuGroupLink[data-v-7f173864] { - display: block; - line-height: 32px; - font-size: 13px; - font-weight: 400; - color: var(--vp-c-text-1); - transition: color .25s; - margin-left: 12px -} - -.VPNavScreenMenuGroupLink[data-v-7f173864]:hover { - color: var(--vp-c-brand) -} - -.VPNavScreenMenuGroupSection[data-v-7478538b] { - display: block + justify-content: flex-end; + align-items: center; + flex-grow: 1 } .title[data-v-7478538b] { @@ -1324,77 +634,6 @@ html:not(.dark) .vp-code-dark { transition: color .25s } -.VPNavScreenMenuGroup[data-v-5bc84358] { - border-bottom: 1px solid var(--vp-c-divider-light); - height: 48px; - overflow: hidden; - transition: border-color .5s -} - -.VPNavScreenMenuGroup .items[data-v-5bc84358] { - visibility: hidden -} - -.VPNavScreenMenuGroup.open .items[data-v-5bc84358] { - visibility: visible -} - -.VPNavScreenMenuGroup.open[data-v-5bc84358] { - padding-bottom: 10px; - height: auto -} - -.VPNavScreenMenuGroup.open .button[data-v-5bc84358] { - padding-bottom: 6px; - color: var(--vp-c-brand) -} - -.VPNavScreenMenuGroup.open .button-icon[data-v-5bc84358] { - transform: rotate(45deg) -} - -.button[data-v-5bc84358] { - display: flex; - justify-content: space-between; - align-items: center; - padding: 12px 4px 11px 0; - width: 100%; - line-height: 24px; - font-size: 14px; - font-weight: 500; - color: var(--vp-c-text-1); - transition: color .25s -} - -.button[data-v-5bc84358]:hover { - color: var(--vp-c-brand) -} - -.button-icon[data-v-5bc84358] { - width: 14px; - height: 14px; - fill: var(--vp-c-text-2); - transition: fill .5s, transform .25s -} - -.group[data-v-5bc84358]:first-child { - padding-top: 0 -} - -.group+.group[data-v-5bc84358], -.group+.item[data-v-5bc84358] { - padding-top: 4px -} - -.VPNavScreenAppearance[data-v-7bc19822] { - display: flex; - justify-content: space-between; - align-items: center; - border-radius: 8px; - padding: 12px 14px 12px 16px; - background-color: var(--vp-c-bg-soft); - transition: background-color .5s -} .text[data-v-7bc19822] { line-height: 24px; @@ -1404,15 +643,6 @@ html:not(.dark) .vp-code-dark { transition: color .5s } -.VPNavScreenTranslations[data-v-6bfcad30] { - height: 24px; - overflow: hidden -} - -.VPNavScreenTranslations.open[data-v-6bfcad30] { - height: auto -} - .title[data-v-6bfcad30] { display: flex; align-items: center; @@ -1421,20 +651,6 @@ html:not(.dark) .vp-code-dark { color: var(--vp-c-text-1) } -.icon[data-v-6bfcad30] { - width: 16px; - height: 16px; - fill: currentColor -} - -.icon.lang[data-v-6bfcad30] { - margin-right: 8px -} - -.icon.chevron[data-v-6bfcad30] { - margin-left: 4px -} - .list[data-v-6bfcad30] { padding: 4px 0 0 24px } @@ -1445,66 +661,12 @@ html:not(.dark) .vp-code-dark { color: var(--vp-c-text-1) } -.VPNavScreen[data-v-4a289eba] { - position: fixed; - top: calc(var(--vp-nav-height-mobile) + var(--vp-layout-top-height, 0px)); - right: 0; - bottom: 0; - left: 0; - padding: 0 32px; - width: 100%; - background-color: var(--vp-c-bg); - overflow-y: auto; - transition: background-color .5s; - pointer-events: auto -} - -.VPNavScreen.fade-enter-active[data-v-4a289eba], -.VPNavScreen.fade-leave-active[data-v-4a289eba] { - transition: opacity .25s -} - -.VPNavScreen.fade-enter-active .container[data-v-4a289eba], -.VPNavScreen.fade-leave-active .container[data-v-4a289eba] { - transition: transform .25s ease -} - -.VPNavScreen.fade-enter-from[data-v-4a289eba], -.VPNavScreen.fade-leave-to[data-v-4a289eba] { - opacity: 0 -} - -.VPNavScreen.fade-enter-from .container[data-v-4a289eba], -.VPNavScreen.fade-leave-to .container[data-v-4a289eba] { - transform: translateY(-8px) -} - -@media (min-width: 768px) { - .VPNavScreen[data-v-4a289eba] { - display: none - } -} - .container[data-v-4a289eba] { margin: 0 auto; padding: 24px 0 96px; max-width: 288px } -.menu+.translations[data-v-4a289eba], -.menu+.appearance[data-v-4a289eba], -.translations+.appearance[data-v-4a289eba] { - margin-top: 24px -} - -.menu+.social-links[data-v-4a289eba] { - margin-top: 16px -} - -.appearance+.social-links[data-v-4a289eba] { - margin-top: 16px -} - .VPNav[data-v-a50780ff] { position: relative; top: var(--vp-layout-top-height, 0px); @@ -1536,8 +698,10 @@ html:not(.dark) .vp-code-dark { background: rgba(255, 255, 255, .95) } - .dark .VPNav.no-sidebar[data-v-a50780ff] { - background: rgba(36, 36, 36, .95) + @media (prefers-color-scheme: dark) { + .VPNav.no-sidebar[data-v-a50780ff] { + background: rgba(36, 36, 36, .95) + } } } } @@ -1552,48 +716,20 @@ html:not(.dark) .vp-code-dark { align-items: center; border-bottom: 1px solid var(--vp-c-divider-light); width: 100%; - background-color: var(--vp-c-bg); - transition: border-color .5s, background-color .5s; - padding-top: var(--vp-layout-top-height, 0px) -} - -@media (min-width: 960px) { - .VPLocalNav[data-v-b6162a8b] { - display: none - } -} - -.menu[data-v-b6162a8b] { - display: flex; - align-items: center; - padding: 12px 24px 11px; - line-height: 24px; - font-size: 12px; - font-weight: 500; - color: var(--vp-c-text-2); - transition: color .5s -} - -.menu[data-v-b6162a8b]:hover { - color: var(--vp-c-text-1); - transition: color .25s -} - -@media (min-width: 768px) { - .menu[data-v-b6162a8b] { - padding: 0 32px - } + background-color: var(--vp-c-bg); + transition: border-color .5s, background-color .5s; + padding-top: var(--vp-layout-top-height, 0px) } -.menu-icon[data-v-b6162a8b] { - margin-right: 8px; - width: 16px; - height: 16px; - fill: currentColor +@media (min-width: 960px) { + .VPLocalNav[data-v-b6162a8b] { + display: none + } } -.top-link[data-v-b6162a8b] { - display: block; +.menu[data-v-b6162a8b] { + display: flex; + align-items: center; padding: 12px 24px 11px; line-height: 24px; font-size: 12px; @@ -1602,14 +738,14 @@ html:not(.dark) .vp-code-dark { transition: color .5s } -.top-link[data-v-b6162a8b]:hover { +.menu[data-v-b6162a8b]:hover { color: var(--vp-c-text-1); transition: color .25s } @media (min-width: 768px) { - .top-link[data-v-b6162a8b] { - padding: 12px 32px 11px + .menu[data-v-b6162a8b] { + padding: 0 32px } } @@ -1628,12 +764,6 @@ html:not(.dark) .vp-code-dark { color: var(--vp-c-brand) } -.link[data-v-36b976d1] .icon { - width: 12px; - height: 12px; - fill: currentColor -} - .link-text[data-v-36b976d1] { line-height: 20px; font-size: 14px; @@ -1672,129 +802,14 @@ html:not(.dark) .vp-code-dark { transition: color .25s } -.VPSidebarGroup.collapsible .action[data-v-6e45c352] { - display: block -} - -.VPSidebarGroup.collapsible .title[data-v-6e45c352] { - cursor: pointer -} - .title:hover .action[data-v-6e45c352] { color: var(--vp-c-text-2) } -.icon[data-v-6e45c352] { - position: absolute; - top: 8px; - left: 8px; - width: 16px; - height: 16px; - fill: currentColor -} - -.icon.minus[data-v-6e45c352] { - opacity: 1 -} - -.icon.plus[data-v-6e45c352], -.VPSidebarGroup.collapsed .icon.minus[data-v-6e45c352] { - opacity: 0 -} - -.VPSidebarGroup.collapsed .icon.plus[data-v-6e45c352] { - opacity: 1 -} - -.items[data-v-6e45c352] { - overflow: hidden -} - -.VPSidebarGroup.collapsed .items[data-v-6e45c352] { - margin-bottom: -22px; - max-height: 0 -} - -@media (min-width: 960px) { - .VPSidebarGroup.collapsed .items[data-v-6e45c352] { - margin-bottom: -14px - } -} - -.VPSidebar[data-v-a186aa16] { - position: fixed; - top: var(--vp-layout-top-height, 0px); - bottom: 0; - left: 0; - z-index: var(--vp-z-index-sidebar); - padding: 32px 32px 96px; - width: calc(100vw - 64px); - max-width: 320px; - background-color: var(--vp-c-bg); - opacity: 0; - box-shadow: var(--vp-c-shadow-3); - overflow-x: hidden; - overflow-y: auto; - transform: translate(-100%); - transition: opacity .5s, transform .25s ease -} - -.VPSidebar.open[data-v-a186aa16] { - opacity: 1; - visibility: visible; - transform: translate(0); - transition: opacity .25s, transform .5s cubic-bezier(.19, 1, .22, 1) -} - -@media (prefers-color-scheme: dark) { - .VPSidebar[data-v-a186aa16] { - box-shadow: var(--vp-shadow-1) - } -} - -@media (min-width: 960px) { - .VPSidebar[data-v-a186aa16] { - z-index: 1; - padding-top: var(--vp-nav-height-desktop); - padding-bottom: 128px; - width: var(--vp-sidebar-width); - max-width: 100%; - background-color: var(--vp-c-bg-alt); - opacity: 1; - visibility: visible; - box-shadow: none; - transform: translate(0) - } -} - -@media (min-width: 1440px) { - .VPSidebar[data-v-a186aa16] { - padding-left: max(32px, calc((100% - (var(--vp-layout-max-width) - 64px)) / 2)); - width: calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px) - } -} - .nav[data-v-a186aa16] { outline: 0 } -.group+.group[data-v-a186aa16] { - margin-top: 32px; - border-top: 1px solid var(--vp-c-divider-light); - padding-top: 10px -} - -@media (min-width: 960px) { - .group[data-v-a186aa16] { - padding-top: 10px; - width: calc(var(--vp-sidebar-width) - 64px) - } - - .group+.group[data-v-a186aa16] { - margin-top: 24px - } -} - .container[data-v-0a0d4301] { display: flex; flex-direction: column; @@ -1954,32 +969,6 @@ html:not(.dark) .vp-code-dark { } } -.image-bg[data-v-0a0d4301] { - position: absolute; - top: 50%; - left: 50%; - border-radius: 50%; - width: 192px; - height: 192px; - background-image: var(--vp-home-hero-image-background-image); - filter: var(--vp-home-hero-image-filter); - transform: translate(-50%, -50%) -} - -@media (min-width: 640px) { - .image-bg[data-v-0a0d4301] { - width: 256px; - height: 256px - } -} - -@media (min-width: 960px) { - .image-bg[data-v-0a0d4301] { - width: 320px; - height: 320px - } -} - [data-v-0a0d4301] .image-src { position: absolute; top: 50%; @@ -2027,25 +1016,6 @@ html:not(.dark) .vp-code-dark { height: 100% } -.icon[data-v-b8147458] { - display: flex; - justify-content: center; - align-items: center; - margin-bottom: 20px; - border-radius: 6px; - background-color: var(--vp-c-gray-light-4); - width: 48px; - height: 48px; - font-size: 24px; - transition: background-color .25s -} - -@media (prefers-color-scheme: dark) { - .icon[data-v-b8147458] { - background-color: var(--vp-c-gray-dark-5) - } -} - .title[data-v-b8147458] { line-height: 24px; font-size: 16px; @@ -2078,14 +1048,6 @@ html:not(.dark) .vp-code-dark { color: var(--vp-c-brand-dark) } -.link-text-icon[data-v-b8147458] { - display: inline-block; - margin-left: 6px; - width: 14px; - height: 14px; - fill: currentColor -} - .VPFeatures[data-v-69662dc1] { position: relative; padding: 0 24px @@ -2108,54 +1070,10 @@ html:not(.dark) .vp-code-dark { max-width: 1152px } -.items[data-v-69662dc1] { - display: flex; - flex-wrap: wrap; - margin: -8px -} - -.item[data-v-69662dc1] { - padding: 8px; - width: 100% -} - -@media (min-width: 640px) { - - .item.grid-2[data-v-69662dc1], - .item.grid-4[data-v-69662dc1], - .item.grid-6[data-v-69662dc1] { - width: 50% - } -} - -@media (min-width: 768px) { - - .item.grid-2[data-v-69662dc1], - .item.grid-4[data-v-69662dc1] { - width: 50% - } - - .item.grid-3[data-v-69662dc1], - .item.grid-6[data-v-69662dc1] { - width: calc(100% / 3) - } -} - -@media (min-width: 960px) { - .item.grid-4[data-v-69662dc1] { - width: 25% - } -} - .VPHome[data-v-1db23833] { padding-bottom: 96px } -.VPHome[data-v-1db23833] .VPHomeSponsors { - margin-top: 112px; - margin-bottom: -128px -} - @media (min-width: 768px) { .VPHome[data-v-1db23833] { padding-bottom: 128px @@ -2191,14 +1109,6 @@ html:not(.dark) .vp-code-dark { padding-left: 13px } -.VPDocAsideOutline[data-v-2865c0b0] { - display: none -} - -.VPDocAsideOutline.has-outline[data-v-2865c0b0] { - display: block -} - .content[data-v-2865c0b0] { position: relative; border-left: 1px solid var(--vp-c-divider-light); @@ -2226,139 +1136,11 @@ html:not(.dark) .vp-code-dark { font-weight: 600 } -.VPDocAside[data-v-afc4c1a1] { - display: flex; - flex-direction: column; - flex-grow: 1 -} .spacer[data-v-afc4c1a1] { flex-grow: 1 } -.VPDocAside[data-v-afc4c1a1] .spacer+.VPDocAsideSponsors, -.VPDocAside[data-v-afc4c1a1] .spacer+.VPDocAsideCarbonAds { - margin-top: 24px -} - -.VPDocAside[data-v-afc4c1a1] .VPDocAsideSponsors+.VPDocAsideCarbonAds { - margin-top: 16px -} - -.VPLastUpdated[data-v-18fe8fc2] { - line-height: 24px; - font-size: 14px; - font-weight: 500; - color: var(--vp-c-text-2) -} - -@media (min-width: 640px) { - .VPLastUpdated[data-v-18fe8fc2] { - line-height: 32px; - font-size: 14px; - font-weight: 500 - } -} - -.VPDocFooter[data-v-21f75714] { - margin-top: 64px -} - -.edit-info[data-v-21f75714] { - padding-bottom: 18px -} - -@media (min-width: 640px) { - .edit-info[data-v-21f75714] { - display: flex; - justify-content: space-between; - align-items: center; - padding-bottom: 14px - } -} - -.edit-link-button[data-v-21f75714] { - display: flex; - align-items: center; - border: 0; - line-height: 32px; - font-size: 14px; - font-weight: 500; - color: var(--vp-c-brand); - transition: color .25s -} - -.edit-link-button[data-v-21f75714]:hover { - color: var(--vp-c-brand-dark) -} - -.edit-link-icon[data-v-21f75714] { - margin-right: 8px; - width: 14px; - height: 14px; - fill: currentColor -} - -.prev-next[data-v-21f75714] { - border-top: 1px solid var(--vp-c-divider-light); - padding-top: 24px -} - -@media (min-width: 640px) { - .prev-next[data-v-21f75714] { - display: flex - } -} - -.pager.has-prev[data-v-21f75714] { - padding-top: 8px -} - -@media (min-width: 640px) { - .pager[data-v-21f75714] { - display: flex; - flex-direction: column; - flex-shrink: 0; - width: 50% - } - - .pager.has-prev[data-v-21f75714] { - padding-top: 0; - padding-left: 16px - } -} - -.pager-link[data-v-21f75714] { - display: block; - border: 1px solid var(--vp-c-divider-light); - border-radius: 8px; - padding: 11px 16px 13px; - width: 100%; - height: 100%; - transition: border-color .25s -} - -.pager-link[data-v-21f75714]:hover { - border-color: var(--vp-c-brand) -} - -.pager-link:hover .title[data-v-21f75714] { - color: var(--vp-c-brand-dark) -} - -.pager-link.next[data-v-21f75714] { - margin-left: auto; - text-align: right -} - -.desc[data-v-21f75714] { - display: block; - line-height: 20px; - font-size: 12px; - font-weight: 500; - color: var(--vp-c-text-2) -} - .title[data-v-21f75714] { display: block; line-height: 20px; @@ -2368,54 +1150,7 @@ html:not(.dark) .vp-code-dark { transition: color .25s } -.VPDoc[data-v-cfb513e0] { - padding: 32px 24px 96px; - width: 100% -} - -@media (min-width: 768px) { - .VPDoc[data-v-cfb513e0] { - padding: 48px 32px 128px - } -} - -@media (min-width: 960px) { - .VPDoc[data-v-cfb513e0] { - padding: 32px 32px 0 - } - - .VPDoc:not(.has-sidebar) .container[data-v-cfb513e0] { - display: flex; - justify-content: center; - max-width: 992px - } - - .VPDoc:not(.has-sidebar) .content[data-v-cfb513e0] { - max-width: 752px - } -} - -@media (min-width: 1280px) { - .VPDoc .container[data-v-cfb513e0] { - display: flex; - justify-content: center - } - - .VPDoc .aside[data-v-cfb513e0] { - display: block - } -} - -@media (min-width: 1440px) { - .VPDoc:not(.has-sidebar) .content[data-v-cfb513e0] { - max-width: 784px - } - - .VPDoc:not(.has-sidebar) .container[data-v-cfb513e0] { - max-width: 1104px - } -} - + .container[data-v-cfb513e0] { margin: 0 auto; width: 100% @@ -2486,10 +1221,6 @@ html:not(.dark) .vp-code-dark { margin: 0 auto } -.VPDoc.has-aside .content-container[data-v-cfb513e0] { - max-width: 688px -} - .VPContent[data-v-d981fe29] { flex-grow: 1; flex-shrink: 0; @@ -2570,23 +1301,6 @@ html:not(.dark) .vp-code-dark { min-height: 100vh } -.NotFound[data-v-95656537] { - padding: 64px 24px 96px; - text-align: center -} - -@media (min-width: 768px) { - .NotFound[data-v-95656537] { - padding: 96px 32px 168px - } -} - -.code[data-v-95656537] { - line-height: 64px; - font-size: 64px; - font-weight: 600 -} - .title[data-v-95656537] { padding-top: 12px; letter-spacing: 2px; @@ -2630,30 +1344,11 @@ html:not(.dark) .vp-code-dark { color: var(--vp-c-brand-dark) } -.VPHomeSponsors[data-v-247c88bc] { - border-top: 1px solid var(--vp-c-divider-light); - padding: 88px 24px 96px; - background-color: var(--vp-c-bg) -} - .container[data-v-247c88bc] { margin: 0 auto; max-width: 1152px } -.love[data-v-247c88bc] { - margin: 0 auto; - width: 28px; - height: 28px; - color: var(--vp-c-text-3) -} - -.icon[data-v-247c88bc] { - width: 28px; - height: 28px; - fill: currentColor -} - .message[data-v-247c88bc] { margin: 0 auto; padding-top: 10px; @@ -2665,368 +1360,66 @@ html:not(.dark) .vp-code-dark { color: var(--vp-c-text-2) } -.sponsors[data-v-247c88bc] { - padding-top: 32px -} - .action[data-v-247c88bc] { padding-top: 40px; text-align: center } -.VPTeamPage[data-v-10b00018] { - padding-bottom: 96px -} - -@media (min-width: 768px) { - .VPTeamPage[data-v-10b00018] { - padding-bottom: 128px - } -} - -.VPTeamPageSection+.VPTeamPageSection[data-v-10b00018-s], -.VPTeamMembers+.VPTeamPageSection[data-v-10b00018-s] { - margin-top: 64px -} - -.VPTeamMembers+.VPTeamMembers[data-v-10b00018-s] { - margin-top: 24px -} - -@media (min-width: 768px) { - .VPTeamPageTitle+.VPTeamPageSection[data-v-10b00018-s] { - margin-top: 16px - } - - .VPTeamPageSection+.VPTeamPageSection[data-v-10b00018-s], - .VPTeamMembers+.VPTeamPageSection[data-v-10b00018-s] { - margin-top: 96px - } -} - -.VPTeamMembers[data-v-10b00018-s] { - padding: 0 24px -} - -@media (min-width: 768px) { - .VPTeamMembers[data-v-10b00018-s] { - padding: 0 48px - } -} - -@media (min-width: 960px) { - .VPTeamMembers[data-v-10b00018-s] { - padding: 0 64px - } -} - -.VPTeamPageTitle[data-v-bf2cbdac] { - padding: 48px 32px; - text-align: center -} - -@media (min-width: 768px) { - .VPTeamPageTitle[data-v-bf2cbdac] { - padding: 64px 48px 48px - } -} - -@media (min-width: 960px) { - .VPTeamPageTitle[data-v-bf2cbdac] { - padding: 80px 64px 48px - } -} - -.title[data-v-bf2cbdac] { - letter-spacing: 0; - line-height: 44px; - font-size: 36px; - font-weight: 500 -} - -@media (min-width: 768px) { - .title[data-v-bf2cbdac] { - letter-spacing: -.5px; - line-height: 56px; - font-size: 48px - } -} - -.lead[data-v-bf2cbdac] { - margin: 0 auto; - max-width: 512px; - padding-top: 12px; - line-height: 24px; - font-size: 16px; - font-weight: 500; - color: var(--vp-c-text-2) -} - -@media (min-width: 768px) { - .lead[data-v-bf2cbdac] { - max-width: 592px; - letter-spacing: .15px; - line-height: 28px; - font-size: 20px - } -} - -.VPTeamPageSection[data-v-be0f7349] { - padding: 0 32px -} - -@media (min-width: 768px) { - .VPTeamPageSection[data-v-be0f7349] { - padding: 0 48px - } -} - -@media (min-width: 960px) { - .VPTeamPageSection[data-v-be0f7349] { - padding: 0 64px - } -} - -.title[data-v-be0f7349] { - position: relative; - margin: 0 auto; - max-width: 1152px; - text-align: center; - color: var(--vp-c-text-2) -} - -.title-line[data-v-be0f7349] { - position: absolute; - top: 16px; - left: 0; - width: 100%; - height: 1px; - background-color: var(--vp-c-divider-light) -} - -.title-text[data-v-be0f7349] { - position: relative; - display: inline-block; - padding: 0 24px; - letter-spacing: 0; - line-height: 32px; - font-size: 20px; - font-weight: 500; - background-color: var(--vp-c-bg) -} - -.lead[data-v-be0f7349] { - margin: 0 auto; - max-width: 480px; - padding-top: 12px; - text-align: center; - line-height: 24px; - font-size: 16px; - font-weight: 500; - color: var(--vp-c-text-2) -} - -.members[data-v-be0f7349] { - padding-top: 40px -} - -.VPTeamMembersItem[data-v-89ac5bf1] { - display: flex; - flex-direction: column; - gap: 2px; - border-radius: 12px; - width: 100%; - height: 100%; - overflow: hidden -} - -.VPTeamMembersItem.small .profile[data-v-89ac5bf1] { - padding: 32px -} - -.VPTeamMembersItem.small .data[data-v-89ac5bf1] { - padding-top: 20px -} - -.VPTeamMembersItem.small .avatar[data-v-89ac5bf1] { - width: 64px; - height: 64px -} - -.VPTeamMembersItem.small .name[data-v-89ac5bf1] { - line-height: 24px; - font-size: 16px -} - -.VPTeamMembersItem.small .affiliation[data-v-89ac5bf1] { - padding-top: 4px; - line-height: 20px; - font-size: 14px -} - -.VPTeamMembersItem.small .desc[data-v-89ac5bf1] { - padding-top: 12px; - line-height: 20px; - font-size: 14px -} - -.VPTeamMembersItem.small .links[data-v-89ac5bf1] { - margin: 0 -16px -20px; - padding: 10px 0 0 -} - -.VPTeamMembersItem.medium .profile[data-v-89ac5bf1] { - padding: 48px 32px -} - -.VPTeamMembersItem.medium .data[data-v-89ac5bf1] { - padding-top: 24px; - text-align: center -} - -.VPTeamMembersItem.medium .avatar[data-v-89ac5bf1] { - width: 96px; - height: 96px -} - -.VPTeamMembersItem.medium .name[data-v-89ac5bf1] { - letter-spacing: .15px; - line-height: 28px; - font-size: 20px -} - -.VPTeamMembersItem.medium .affiliation[data-v-89ac5bf1] { - padding-top: 4px; - font-size: 16px -} - -.VPTeamMembersItem.medium .desc[data-v-89ac5bf1] { - padding-top: 16px; - max-width: 288px; - font-size: 16px -} - -.VPTeamMembersItem.medium .links[data-v-89ac5bf1] { - margin: 0 -16px -12px; - padding: 16px 12px 0 -} - -.profile[data-v-89ac5bf1] { - flex-grow: 1; - background-color: var(--vp-c-bg-soft) -} - -.data[data-v-89ac5bf1] { - text-align: center -} - -.avatar[data-v-89ac5bf1] { - position: relative; - flex-shrink: 0; - margin: 0 auto; - border-radius: 50%; - box-shadow: var(--vp-shadow-3) -} - -.avatar-img[data-v-89ac5bf1] { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: 50%; - object-fit: cover -} - -.name[data-v-89ac5bf1] { - margin: 0; - font-weight: 600 -} - -.affiliation[data-v-89ac5bf1] { - margin: 0; - font-weight: 500; - color: var(--vp-c-text-2) -} - -.org.link[data-v-89ac5bf1] { - color: var(--vp-c-text-2); - transition: color .25s -} - -.org.link[data-v-89ac5bf1]:hover { - color: var(--vp-c-brand) -} - -.desc[data-v-89ac5bf1] { - margin: 0 auto -} - -.links[data-v-89ac5bf1] { - display: flex; - justify-content: center; - height: 56px -} - -.sp-link[data-v-89ac5bf1] { - display: flex; - justify-content: center; - align-items: center; - text-align: center; - padding: 16px; - font-size: 14px; - font-weight: 500; - color: var(--vp-c-sponsor); - background-color: var(--vp-c-bg-soft); - transition: color .25s, background-color .25s -} - -.sp-link[data-v-89ac5bf1]:hover, -.sp-link[data-v-89ac5bf1]:focus { - outline: none; - color: var(--vp-c-text-dark-1); - background-color: var(--vp-c-sponsor) -} - -.sp-icon[data-v-89ac5bf1] { - margin-right: 8px; - width: 16px; - height: 16px; - fill: currentColor -} - -.VPTeamMembers.small .container[data-v-04685dce] { - grid-template-columns: repeat(auto-fit, minmax(224px, 1fr)) +.title[data-v-bf2cbdac] { + letter-spacing: 0; + line-height: 44px; + font-size: 36px; + font-weight: 500 } -.VPTeamMembers.small.count-1 .container[data-v-04685dce] { - max-width: 276px +@media (min-width: 768px) { + .title[data-v-bf2cbdac] { + letter-spacing: -.5px; + line-height: 56px; + font-size: 48px + } } -.VPTeamMembers.small.count-2 .container[data-v-04685dce] { - max-width: 576px +.title[data-v-be0f7349] { + position: relative; + margin: 0 auto; + max-width: 1152px; + text-align: center; + color: var(--vp-c-text-2) } -.VPTeamMembers.small.count-3 .container[data-v-04685dce] { - max-width: 876px +.title-line[data-v-be0f7349] { + position: absolute; + top: 16px; + left: 0; + width: 100%; + height: 1px; + background-color: var(--vp-c-divider-light) } -.VPTeamMembers.medium .container[data-v-04685dce] { - grid-template-columns: repeat(auto-fit, minmax(256px, 1fr)) +.title-text[data-v-be0f7349] { + position: relative; + display: inline-block; + padding: 0 24px; + letter-spacing: 0; + line-height: 32px; + font-size: 20px; + font-weight: 500; + background-color: var(--vp-c-bg) } -@media (min-width: 375px) { - .VPTeamMembers.medium .container[data-v-04685dce] { - grid-template-columns: repeat(auto-fit, minmax(288px, 1fr)) - } +.data[data-v-89ac5bf1] { + text-align: center } -.VPTeamMembers.medium.count-1 .container[data-v-04685dce] { - max-width: 368px +.desc[data-v-89ac5bf1] { + margin: 0 auto } -.VPTeamMembers.medium.count-2 .container[data-v-04685dce] { - max-width: 760px +.links[data-v-89ac5bf1] { + display: flex; + justify-content: center; + height: 56px } .container[data-v-04685dce] { @@ -3040,7 +1433,6 @@ html:not(.dark) .vp-code-dark { --vp-c-brand: #2355CB; --vp-c-brand-dark: #2355CB; --vp-c-black-soft: #000000; - --vp-code-block-bg: rgba(255, 255, 255, .1); --vp-c-text-light-1: #000000; --vp-c-text-dark-1: #ffffff; --landing-fade: #D8E1F8; @@ -3064,23 +1456,6 @@ html:not(.dark) .vp-code-dark { font-weight: 700 } -.VPDocFooter { - display: none -} - -.VPDoc .container .content { - padding-bottom: 0 !important -} - -.VPDoc .container .content h1 { - color: var(--vp-c-text-1) !important -} - -.VPDoc .container .content h2, -.VPDoc .container .content h3, -.VPDoc .container .content h4, -.VPDoc .container .content h5, -.VPDoc .container .content h6, .VPLink.link.active .link-text { color: var(--vp-c-brand) !important } @@ -3089,52 +1464,6 @@ html:not(.dark) .vp-code-dark { font-size: 16px } -#VPSidebarNav { - text-align: right -} - -#VPSidebarNav .title { - display: block -} - -#VPSidebarNav .title .title-text { - font-size: 20px -} - -#VPSidebarNav .group { - border-top: 0px; - margin-top: 8px -} - -#VPSidebarNav .group .items .link-text:hover { - color: #56bced !important -} - -#VPSidebarNav .group:nth-of-type(2) .items .link-text { - font-weight: 700 !important; - color: var(--vp-c-text-1); - font-size: 20px -} - -#VPSidebarNav .group:nth-of-type(3) .items .link-text { - font-weight: 700 !important; - color: var(--vp-c-text-1); - font-size: 20px -} - -#VPSidebarNav .group:nth-of-type(4) .items span .link-text { - color: var(--vp-c-text-2) !important; - font-weight: 700 !important; - line-height: 30px; - cursor: text -} - -#VPSidebarNav .group:nth-of-type(5) .items .link-text { - font-weight: 700 !important; - color: var(--vp-c-text-1); - font-size: 20px -} - ::-webkit-scrollbar { display: none } @@ -3344,6 +1673,7 @@ html:not(.dark) .vp-code-dark { } .landing-action-btn { + text-decoration: none; font-weight: 600; font-size: 21px; padding: 12px 57px; @@ -3362,8 +1692,6 @@ html:not(.dark) .vp-code-dark { background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; - -moz-background-clip: text; - -moz-text-fill-color: transparent } .landing-description-title { @@ -3373,8 +1701,6 @@ html:not(.dark) .vp-code-dark { background-repeat: repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; - -moz-background-clip: text; - -moz-text-fill-color: transparent; font-size: 80px; font-weight: 600; line-height: 89px @@ -3400,6 +1726,7 @@ html:not(.dark) .vp-code-dark { } .docs-block { + text-decoration: none; display: block; float: left; width: calc(33% - 50px); @@ -3478,65 +1805,6 @@ html:not(.dark) .vp-code-dark { position: relative } -.problem-img { - width: 120px; - position: absolute; - bottom: 40px; - right: 40px -} - -.landing-proxy { - position: relative; - overflow: hidden -} - -.step-img-container { - width: 100%; - height: 440px; - border-radius: 40px; - position: relative; - background-color: #ebebeb -} - -.step-img { - width: 50%; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%) -} - -.roadmap-container { - overflow-x: auto; - margin-top: -10px -} - -.roadmap { - width: 2900px; - position: relative -} - -.roadmap-step { - position: absolute -} - -.roadmap-step-pointer { - width: 60px; - height: 60px; - border-radius: 30px; - text-align: center; - line-height: 60px; - font-size: 25px; - color: var(--vp-c-bg); - background-color: var(--vp-c-text-1) -} - -.roadmap-step-pointer-line { - margin-left: 29px; - width: 0px; - border-left: 2px solid var(--vp-c-text-1) -} - .pointer-text { width: 240px; position: absolute; @@ -3548,248 +1816,6 @@ html:not(.dark) .vp-code-dark { overflow-y: hidden !important } -.blog-title { - text-align: center; - background-color: var(--vp-c-brand); - background-image: linear-gradient(90deg, #2355CB 25%, #AADEF6 50%, #56BCED 75%); - background-size: 100%; - background-repeat: repeat; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - -moz-background-clip: text; - -moz-text-fill-color: transparent; - font-size: 75px !important; - font-weight: 600; - line-height: 95px !important -} - -.post-img-sm { - float: left; - width: 250px; - height: 330px; - border-radius: 40px; - background-position: center; - background-repeat: no-repeat; - background-size: cover -} - -.post-info { - width: 100% -} - -.post-title { - font-size: 40px !important; - line-height: 47px !important; - font-weight: 700 !important; - margin-top: 0 !important; - margin-bottom: 20px !important; - padding-top: 0 !important; - border-top: 0px !important -} - -.post-description { - height: 100px; - font-size: 19px !important; - line-height: 25px !important; - font-weight: 500; - overflow: hidden; - color: #717171 !important -} - -.post-date { - height: 48px; - font-size: 17px !important; - line-height: 23px !important; - font-weight: 600; - padding-top: 7px; - margin-bottom: 12px !important -} - -.post-btn { - font-size: 17px !important; - background-color: #56bced; - color: var(--vp-c-bg) !important; - padding: 12px 40px; - border-radius: 25px -} - -.post-btn:hover { - background-color: var(--vp-c-bg); - border: 2px solid #56BCED; - color: #56bced !important -} - -.blog-filters { - width: 220px; - position: absolute; - left: -300px; - z-index: 1 -} - -.blog-filters h3 { - font-size: 23px; - margin-bottom: 20px -} - -.post-category { - font-size: 17px !important; - line-height: 23px !important; - font-weight: 600; - margin-top: 0 !important; - cursor: pointer -} - -.post-category:first-letter { - text-transform: uppercase -} - -.post-category:hover { - text-decoration: underline -} - -.post-category.active { - color: var(--vp-c-brand) -} - -.social-buttons { - position: fixed; - top: 170px; - right: 50px; - width: 250px -} - -.social-buttons h2 { - font-weight: 500; - font-size: 23px; - border-top: none; - margin-top: 0 -} - -.social-link { - float: left; - width: 25px; - margin-right: 30px -} - -.social-link:hover { - cursor: pointer -} - -.related-posts .all-blogs { - font-size: 20px; - text-decoration: underline; - color: var(--vp-c-text-1) -} - -.related-posts .all-blogs:hover { - text-decoration: underline; - color: #56bced -} - -.related-post { - min-width: 222px; - height: 180px; - padding: 20px; - border: 2px solid #C8D4F2; - border-radius: 40px; - text-align: center; - position: relative -} - -.related-post h3 { - margin-top: 0 -} - -.read-more-container { - position: absolute; - width: 100%; - bottom: 25px; - left: 0 -} - -.read-more { - padding: 10px 40px; - border-radius: 30px; - color: var(--vp-c-bg) !important; - background-color: #56bced -} - -.read-more:hover { - color: #56bced !important; - background-color: var(--vp-c-bg) !important; - border: 2px solid #56BCED -} - -.vp-doc img { - width: 100% -} - -.archive-input { - width: 170px; - max-width: 100%; - border-bottom: 2px solid var(--vp-c-text-1) -} - -.pagination-container { - width: 100%; - height: 30px; - float: left; - position: relative; - margin-top: 30px -} - -.pagination { - width: max-content; - position: absolute; - left: 50%; - transform: translate(-50%) -} - -.pagination-nav-btn { - background-color: var(--vp-c-brand); - padding: 5px 17px; - border-radius: 20px -} - -.pagination-nav-btn:hover { - background-color: #56bced -} - -.pagination-nav-btn.disabled { - background-color: #717171 !important -} - -.pagination-nav-btn-page { - width: 38px; - font-size: 16px; - font-weight: 600 -} - -.pagination-nav-btn-page:hover { - text-decoration: underline -} - -.pagination-nav-btn-page.disabled { - color: #56bced !important -} - -.landing-proxy-title { - text-align: center; - background-color: var(--vp-c-brand); - background-image: linear-gradient(90deg, #2355CB 25%, #AADEF6 50%, #56BCED 75%); - background-size: 100%; - background-repeat: repeat; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - -moz-background-clip: text; - -moz-text-fill-color: transparent; - font-size: 80px; - font-weight: 600; - line-height: 110px; - margin-top: 350px; - margin-bottom: 350px -} - .footer-nav { padding-top: 15px } @@ -3834,12 +1860,6 @@ html:not(.dark) .vp-code-dark { max-width: 674px } -@media (max-width: 440px) { - .post-title { - font-size: 25px !important; - line-height: 35px !important - } -} @media (max-width: 768px) { .p-130 { @@ -3927,32 +1947,9 @@ html:not(.dark) .vp-code-dark { width: 100% } - .landing-main-title .w-45, - .post-img-sm { + .landing-main-title .w-45 { display: none } - - .post-info { - padding-left: 0; - text-align: center - } - - .post-title { - height: auto; - max-height: 100px !important - } - - .post-description { - text-align: justify - } - - .related-posts { - text-align: center - } - - .related-post-container { - width: 100% !important - } } @media (max-width: 928px) { @@ -4015,24 +2012,6 @@ html:not(.dark) .vp-code-dark { .landing-deploy .w-40 { width: 100% } - - .blog-title { - font-size: 50px !important; - line-height: 65px !important - } -} - -@media (max-width: 1280px) { - .social-buttons { - display: none - } -} - -@media (min-width: 440px) and (max-width: 1235px) { - .post-title { - font-size: 30px !important; - line-height: 40px !important - } } @media (max-width: 1360px) { @@ -4095,11 +2074,6 @@ html:not(.dark) .vp-code-dark { line-height: 60px } - .landing-proxy-title { - font-size: 70px; - line-height: 100px - } - .landing-title { font-size: 55px; line-height: 70px diff --git a/website/src/main.rs b/website/src/main.rs index ca4bbd853..07f0addec 100644 --- a/website/src/main.rs +++ b/website/src/main.rs @@ -29,32 +29,20 @@ fn main() { } let root = current_dir.join("website").join("root"); + std::fs::remove_dir_all(&root).unwrap(); + std::fs::create_dir_all(&root).unwrap(); // copy assets - std::fs::create_dir_all(root.join("assets")).unwrap(); - std::fs::write( - root.join("assets/style.css"), - include_bytes!("../assets/style.css"), - ) - .unwrap(); - std::fs::write( - root.join("assets/arrow_right.png"), - include_bytes!("../assets/arrow_right.png"), - ) - .unwrap(); - std::fs::write( - root.join("assets/title_image.png"), - include_bytes!("../assets/title_image.png"), - ) - .unwrap(); - std::fs::write( - root.join("assets/logo.png"), - include_bytes!("../assets/logo.png"), - ) - .unwrap(); - std::fs::write( - root.join("favicon.ico"), - include_bytes!("../assets/favicon.ico"), + let dest_assets = root.join("assets"); + std::fs::create_dir_all(&dest_assets).unwrap(); + for file in std::fs::read_dir("website/assets").unwrap() { + let file = file.unwrap(); + std::fs::copy(file.path(), dest_assets.join(file.file_name())).unwrap(); + } + // browsers expect to find the file here. + std::fs::rename( + "website/root/assets/favicon.ico", + "website/root/favicon.ico", ) .unwrap(); diff --git a/website/src/version_tags.rs b/website/src/version_tags.rs index c7a668da5..9df0f732f 100644 --- a/website/src/version_tags.rs +++ b/website/src/version_tags.rs @@ -56,8 +56,5 @@ pub fn get_versions_of_repo(repo_path: &Path) -> Vec { !any_known }); - // reverse order so that we are in the correct order again - versions.reverse(); - versions } diff --git a/website/templates/base.html b/website/templates/base.html index 70f5a982c..51604e7f0 100644 --- a/website/templates/base.html +++ b/website/templates/base.html @@ -25,7 +25,7 @@ data-v-f83db6ba="">Main NavigationDocsDocsGithub @@ -40,8 +40,8 @@ {% block content %}

Placeholder content

{% endblock %}