From 7aa3b10de04ad73afa62c46a7ac872e7d2a45c7f Mon Sep 17 00:00:00 2001 From: crt Date: Thu, 15 Sep 2022 12:34:48 +0200 Subject: [PATCH] shit i made during class --- README.md | 1 + assets/favicon.ico | Bin 0 -> 283950 bytes assets/pico.css | 2835 ++++++++++++++++++++++++++++++++++++++++++++ custom.css | 65 + index.html | 67 ++ 5 files changed, 2968 insertions(+) create mode 100644 README.md create mode 100644 assets/favicon.ico create mode 100644 assets/pico.css create mode 100644 custom.css create mode 100644 index.html diff --git a/README.md b/README.md new file mode 100644 index 0000000..6e69df5 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +Astralink uwu diff --git a/assets/favicon.ico b/assets/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..6aadd58dd69acc8e88e93512f817a6ad00468df6 GIT binary patch literal 283950 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 literal 0 HcmV?d00001 diff --git a/assets/pico.css b/assets/pico.css new file mode 100644 index 0000000..119ebdd --- /dev/null +++ b/assets/pico.css @@ -0,0 +1,2835 @@ +@charset "UTF-8"; +/*! + * Pico.css v1.5.5 (https://picocss.com) + * Copyright 2019-2022 - Licensed under MIT + */ +/** + * Theme: default + */ +:root { + --font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", + "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol", "Noto Color Emoji"; + --line-height: 1.5; + --font-weight: 400; + --font-size: 16px; + --border-radius: 0.25rem; + --border-width: 1px; + --outline-width: 3px; + --spacing: 1rem; + --typography-spacing-vertical: 1.5rem; + --block-spacing-vertical: calc(var(--spacing) * 2); + --block-spacing-horizontal: var(--spacing); + --grid-spacing-vertical: 0; + --grid-spacing-horizontal: var(--spacing); + --form-element-spacing-vertical: 0.75rem; + --form-element-spacing-horizontal: 1rem; + --nav-element-spacing-vertical: 1rem; + --nav-element-spacing-horizontal: 0.5rem; + --nav-link-spacing-vertical: 0.5rem; + --nav-link-spacing-horizontal: 0.5rem; + --form-label-font-weight: var(--font-weight); + --transition: 0.2s ease-in-out; + --modal-overlay-backdrop-filter: blur(0.25rem); +} +@media (min-width: 576px) { + :root { + --font-size: 17px; + } +} +@media (min-width: 768px) { + :root { + --font-size: 18px; + } +} +@media (min-width: 992px) { + :root { + --font-size: 19px; + } +} +@media (min-width: 1200px) { + :root { + --font-size: 20px; + } +} + +@media (min-width: 576px) { + body > header, +body > main, +body > footer, +section { + --block-spacing-vertical: calc(var(--spacing) * 2.5); + } +} +@media (min-width: 768px) { + body > header, +body > main, +body > footer, +section { + --block-spacing-vertical: calc(var(--spacing) * 3); + } +} +@media (min-width: 992px) { + body > header, +body > main, +body > footer, +section { + --block-spacing-vertical: calc(var(--spacing) * 3.5); + } +} +@media (min-width: 1200px) { + body > header, +body > main, +body > footer, +section { + --block-spacing-vertical: calc(var(--spacing) * 4); + } +} + +@media (min-width: 576px) { + article { + --block-spacing-horizontal: calc(var(--spacing) * 1.25); + } +} +@media (min-width: 768px) { + article { + --block-spacing-horizontal: calc(var(--spacing) * 1.5); + } +} +@media (min-width: 992px) { + article { + --block-spacing-horizontal: calc(var(--spacing) * 1.75); + } +} +@media (min-width: 1200px) { + article { + --block-spacing-horizontal: calc(var(--spacing) * 2); + } +} + +dialog > article { + --block-spacing-vertical: calc(var(--spacing) * 2); + --block-spacing-horizontal: var(--spacing); +} +@media (min-width: 576px) { + dialog > article { + --block-spacing-vertical: calc(var(--spacing) * 2.5); + --block-spacing-horizontal: calc(var(--spacing) * 1.25); + } +} +@media (min-width: 768px) { + dialog > article { + --block-spacing-vertical: calc(var(--spacing) * 3); + --block-spacing-horizontal: calc(var(--spacing) * 1.5); + } +} + +a { + --text-decoration: none; +} +a.secondary, a.contrast { + --text-decoration: underline; +} + +small { + --font-size: 0.875em; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + --font-weight: 700; +} + +h1 { + --font-size: 2rem; + --typography-spacing-vertical: 3rem; +} + +h2 { + --font-size: 1.75rem; + --typography-spacing-vertical: 2.625rem; +} + +h3 { + --font-size: 1.5rem; + --typography-spacing-vertical: 2.25rem; +} + +h4 { + --font-size: 1.25rem; + --typography-spacing-vertical: 1.874rem; +} + +h5 { + --font-size: 1.125rem; + --typography-spacing-vertical: 1.6875rem; +} + +[type=checkbox], +[type=radio] { + --border-width: 2px; +} + +[type=checkbox][role=switch] { + --border-width: 3px; +} + +thead th, +thead td, +tfoot th, +tfoot td { + --border-width: 3px; +} + +:not(thead, tfoot) > * > td { + --font-size: 0.875em; +} + +pre, +code, +kbd, +samp { + --font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", + "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, + "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +kbd { + --font-weight: bolder; +} + +[data-theme=light], +:root:not([data-theme=dark]) { + --background-color: #fff; + --color: hsl(205deg, 20%, 32%); + --h1-color: hsl(205deg, 30%, 15%); + --h2-color: #24333e; + --h3-color: hsl(205deg, 25%, 23%); + --h4-color: #374956; + --h5-color: hsl(205deg, 20%, 32%); + --h6-color: #4d606d; + --muted-color: hsl(205deg, 10%, 50%); + --muted-border-color: hsl(205deg, 20%, 94%); + --primary: hsl(195deg, 85%, 41%); + --primary-hover: hsl(195deg, 90%, 32%); + --primary-focus: rgba(16, 149, 193, 0.125); + --primary-inverse: #fff; + --secondary: hsl(205deg, 15%, 41%); + --secondary-hover: hsl(205deg, 20%, 32%); + --secondary-focus: rgba(89, 107, 120, 0.125); + --secondary-inverse: #fff; + --contrast: hsl(205deg, 30%, 15%); + --contrast-hover: #000; + --contrast-focus: rgba(89, 107, 120, 0.125); + --contrast-inverse: #fff; + --mark-background-color: #fff2ca; + --mark-color: #543a26; + --ins-color: #388e3c; + --del-color: #c62828; + --blockquote-border-color: var(--muted-border-color); + --blockquote-footer-color: var(--muted-color); + --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --form-element-background-color: transparent; + --form-element-border-color: hsl(205deg, 14%, 68%); + --form-element-color: var(--color); + --form-element-placeholder-color: var(--muted-color); + --form-element-active-background-color: transparent; + --form-element-active-border-color: var(--primary); + --form-element-focus-color: var(--primary-focus); + --form-element-disabled-background-color: hsl(205deg, 18%, 86%); + --form-element-disabled-border-color: hsl(205deg, 14%, 68%); + --form-element-disabled-opacity: 0.5; + --form-element-invalid-border-color: #c62828; + --form-element-invalid-active-border-color: #d32f2f; + --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125); + --form-element-valid-border-color: #388e3c; + --form-element-valid-active-border-color: #43a047; + --form-element-valid-focus-color: rgba(67, 160, 71, 0.125); + --switch-background-color: hsl(205deg, 16%, 77%); + --switch-color: var(--primary-inverse); + --switch-checked-background-color: var(--primary); + --range-border-color: hsl(205deg, 18%, 86%); + --range-active-border-color: hsl(205deg, 16%, 77%); + --range-thumb-border-color: var(--background-color); + --range-thumb-color: var(--secondary); + --range-thumb-hover-color: var(--secondary-hover); + --range-thumb-active-color: var(--primary); + --table-border-color: var(--muted-border-color); + --table-row-stripped-background-color: #f6f8f9; + --code-background-color: hsl(205deg, 20%, 94%); + --code-color: var(--muted-color); + --code-kbd-background-color: var(--contrast); + --code-kbd-color: var(--contrast-inverse); + --code-tag-color: hsl(330deg, 40%, 50%); + --code-property-color: hsl(185deg, 40%, 40%); + --code-value-color: hsl(40deg, 20%, 50%); + --code-comment-color: hsl(205deg, 14%, 68%); + --accordion-border-color: var(--muted-border-color); + --accordion-close-summary-color: var(--color); + --accordion-open-summary-color: var(--muted-color); + --card-background-color: var(--background-color); + --card-border-color: var(--muted-border-color); + --card-box-shadow: + 0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698), + 0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024), + 0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03), + 0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036), + 0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302), + 0.5rem 1rem 6rem rgba(27, 40, 50, 0.06), + 0 0 0 0.0625rem rgba(27, 40, 50, 0.015); + --card-sectionning-background-color: #fbfbfc; + --dropdown-background-color: #fbfbfc; + --dropdown-border-color: #e1e6eb; + --dropdown-box-shadow: var(--card-box-shadow); + --dropdown-color: var(--color); + --dropdown-hover-background-color: hsl(205deg, 20%, 94%); + --modal-overlay-background-color: rgba(213, 220, 226, 0.7); + --progress-background-color: hsl(205deg, 18%, 86%); + --progress-color: var(--primary); + --loading-spinner-opacity: 0.5; + --tooltip-background-color: var(--contrast); + --tooltip-color: var(--contrast-inverse); + --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); + --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); + --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(198, 40, 40)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); + --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); + --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E"); + --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + color-scheme: light; +} + +@media only screen and (prefers-color-scheme: dark) { + :root:not([data-theme=light]) { + --background-color: #11191f; + --color: hsl(205deg, 16%, 77%); + --h1-color: hsl(205deg, 20%, 94%); + --h2-color: #e1e6eb; + --h3-color: hsl(205deg, 18%, 86%); + --h4-color: #c8d1d8; + --h5-color: hsl(205deg, 16%, 77%); + --h6-color: #afbbc4; + --muted-color: hsl(205deg, 10%, 50%); + --muted-border-color: #1f2d38; + --primary: hsl(195deg, 85%, 41%); + --primary-hover: hsl(195deg, 80%, 50%); + --primary-focus: rgba(16, 149, 193, 0.25); + --primary-inverse: #fff; + --secondary: hsl(205deg, 15%, 41%); + --secondary-hover: hsl(205deg, 10%, 50%); + --secondary-focus: rgba(115, 130, 140, 0.25); + --secondary-inverse: #fff; + --contrast: hsl(205deg, 20%, 94%); + --contrast-hover: #fff; + --contrast-focus: rgba(115, 130, 140, 0.25); + --contrast-inverse: #000; + --mark-background-color: #d1c284; + --mark-color: #11191f; + --ins-color: #388e3c; + --del-color: #c62828; + --blockquote-border-color: var(--muted-border-color); + --blockquote-footer-color: var(--muted-color); + --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --form-element-background-color: #11191f; + --form-element-border-color: #374956; + --form-element-color: var(--color); + --form-element-placeholder-color: var(--muted-color); + --form-element-active-background-color: var(--form-element-background-color); + --form-element-active-border-color: var(--primary); + --form-element-focus-color: var(--primary-focus); + --form-element-disabled-background-color: hsl(205deg, 25%, 23%); + --form-element-disabled-border-color: hsl(205deg, 20%, 32%); + --form-element-disabled-opacity: 0.5; + --form-element-invalid-border-color: #b71c1c; + --form-element-invalid-active-border-color: #c62828; + --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25); + --form-element-valid-border-color: #2e7d32; + --form-element-valid-active-border-color: #388e3c; + --form-element-valid-focus-color: rgba(56, 142, 60, 0.25); + --switch-background-color: #374956; + --switch-color: var(--primary-inverse); + --switch-checked-background-color: var(--primary); + --range-border-color: #24333e; + --range-active-border-color: hsl(205deg, 25%, 23%); + --range-thumb-border-color: var(--background-color); + --range-thumb-color: var(--secondary); + --range-thumb-hover-color: var(--secondary-hover); + --range-thumb-active-color: var(--primary); + --table-border-color: var(--muted-border-color); + --table-row-stripped-background-color: rgba(115, 130, 140, 0.05); + --code-background-color: #18232c; + --code-color: var(--muted-color); + --code-kbd-background-color: var(--contrast); + --code-kbd-color: var(--contrast-inverse); + --code-tag-color: hsl(330deg, 30%, 50%); + --code-property-color: hsl(185deg, 30%, 50%); + --code-value-color: hsl(40deg, 10%, 50%); + --code-comment-color: #4d606d; + --accordion-border-color: var(--muted-border-color); + --accordion-active-summary-color: var(--primary); + --accordion-close-summary-color: var(--color); + --accordion-open-summary-color: var(--muted-color); + --card-background-color: #141e26; + --card-border-color: var(--card-background-color); + --card-box-shadow: + 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698), + 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024), + 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03), + 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036), + 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302), + 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), + 0 0 0 0.0625rem rgba(0, 0, 0, 0.015); + --card-sectionning-background-color: #18232c; + --dropdown-background-color: hsl(205deg, 30%, 15%); + --dropdown-border-color: #24333e; + --dropdown-box-shadow: var(--card-box-shadow); + --dropdown-color: var(--color); + --dropdown-hover-background-color: rgba(36, 51, 62, 0.75); + --modal-overlay-background-color: rgba(36, 51, 62, 0.8); + --progress-background-color: #24333e; + --progress-color: var(--primary); + --loading-spinner-opacity: 0.5; + --tooltip-background-color: var(--contrast); + --tooltip-color: var(--contrast-inverse); + --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); + --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); + --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); + --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); + --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E"); + --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + color-scheme: dark; + } +} +[data-theme=dark] { + --background-color: #11191f; + --color: hsl(205deg, 16%, 77%); + --h1-color: hsl(205deg, 20%, 94%); + --h2-color: #e1e6eb; + --h3-color: hsl(205deg, 18%, 86%); + --h4-color: #c8d1d8; + --h5-color: hsl(205deg, 16%, 77%); + --h6-color: #afbbc4; + --muted-color: hsl(205deg, 10%, 50%); + --muted-border-color: #1f2d38; + --primary: hsl(195deg, 85%, 41%); + --primary-hover: hsl(195deg, 80%, 50%); + --primary-focus: rgba(16, 149, 193, 0.25); + --primary-inverse: #fff; + --secondary: hsl(205deg, 15%, 41%); + --secondary-hover: hsl(205deg, 10%, 50%); + --secondary-focus: rgba(115, 130, 140, 0.25); + --secondary-inverse: #fff; + --contrast: hsl(205deg, 20%, 94%); + --contrast-hover: #fff; + --contrast-focus: rgba(115, 130, 140, 0.25); + --contrast-inverse: #000; + --mark-background-color: #d1c284; + --mark-color: #11191f; + --ins-color: #388e3c; + --del-color: #c62828; + --blockquote-border-color: var(--muted-border-color); + --blockquote-footer-color: var(--muted-color); + --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + --form-element-background-color: #11191f; + --form-element-border-color: #374956; + --form-element-color: var(--color); + --form-element-placeholder-color: var(--muted-color); + --form-element-active-background-color: var(--form-element-background-color); + --form-element-active-border-color: var(--primary); + --form-element-focus-color: var(--primary-focus); + --form-element-disabled-background-color: hsl(205deg, 25%, 23%); + --form-element-disabled-border-color: hsl(205deg, 20%, 32%); + --form-element-disabled-opacity: 0.5; + --form-element-invalid-border-color: #b71c1c; + --form-element-invalid-active-border-color: #c62828; + --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25); + --form-element-valid-border-color: #2e7d32; + --form-element-valid-active-border-color: #388e3c; + --form-element-valid-focus-color: rgba(56, 142, 60, 0.25); + --switch-background-color: #374956; + --switch-color: var(--primary-inverse); + --switch-checked-background-color: var(--primary); + --range-border-color: #24333e; + --range-active-border-color: hsl(205deg, 25%, 23%); + --range-thumb-border-color: var(--background-color); + --range-thumb-color: var(--secondary); + --range-thumb-hover-color: var(--secondary-hover); + --range-thumb-active-color: var(--primary); + --table-border-color: var(--muted-border-color); + --table-row-stripped-background-color: rgba(115, 130, 140, 0.05); + --code-background-color: #18232c; + --code-color: var(--muted-color); + --code-kbd-background-color: var(--contrast); + --code-kbd-color: var(--contrast-inverse); + --code-tag-color: hsl(330deg, 30%, 50%); + --code-property-color: hsl(185deg, 30%, 50%); + --code-value-color: hsl(40deg, 10%, 50%); + --code-comment-color: #4d606d; + --accordion-border-color: var(--muted-border-color); + --accordion-active-summary-color: var(--primary); + --accordion-close-summary-color: var(--color); + --accordion-open-summary-color: var(--muted-color); + --card-background-color: #141e26; + --card-border-color: var(--card-background-color); + --card-box-shadow: + 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698), + 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024), + 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03), + 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036), + 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302), + 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), + 0 0 0 0.0625rem rgba(0, 0, 0, 0.015); + --card-sectionning-background-color: #18232c; + --dropdown-background-color: hsl(205deg, 30%, 15%); + --dropdown-border-color: #24333e; + --dropdown-box-shadow: var(--card-box-shadow); + --dropdown-color: var(--color); + --dropdown-hover-background-color: rgba(36, 51, 62, 0.75); + --modal-overlay-background-color: rgba(36, 51, 62, 0.8); + --progress-background-color: #24333e; + --progress-color: var(--primary); + --loading-spinner-opacity: 0.5; + --tooltip-background-color: var(--contrast); + --tooltip-color: var(--contrast-inverse); + --icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); + --icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E"); + --icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E"); + --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); + --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E"); + --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E"); + --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"); + color-scheme: dark; +} + +progress, +[type=checkbox], +[type=radio], +[type=range] { + accent-color: var(--primary); +} + +/** + * Document + * Content-box & Responsive typography + */ +*, +*::before, +*::after { + box-sizing: border-box; + background-repeat: no-repeat; +} + +::before, +::after { + text-decoration: inherit; + vertical-align: inherit; +} + +:where(:root) { + -webkit-tap-highlight-color: transparent; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + text-size-adjust: 100%; + background-color: var(--background-color); + color: var(--color); + font-weight: var(--font-weight); + font-size: var(--font-size); + line-height: var(--line-height); + font-family: var(--font-family); + text-rendering: optimizeLegibility; + overflow-wrap: break-word; + cursor: default; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; +} + +/** + * Sectioning + * Container and responsive spacings for header, main, footer + */ +main { + display: block; +} + +body { + width: 100%; + margin: 0; +} +body > header, +body > main, +body > footer { + width: 100%; + margin-right: auto; + margin-left: auto; + padding: var(--block-spacing-vertical) 0; +} + +/** +* Container +*/ +.container, +.container-fluid { + width: 100%; + margin-right: auto; + margin-left: auto; + padding-right: var(--spacing); + padding-left: var(--spacing); +} + +@media (min-width: 576px) { + .container { + max-width: 510px; + padding-right: 0; + padding-left: 0; + } +} +@media (min-width: 768px) { + .container { + max-width: 700px; + } +} +@media (min-width: 992px) { + .container { + max-width: 920px; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1130px; + } +} + +/** + * Section + * Responsive spacings for section + */ +section { + margin-bottom: var(--block-spacing-vertical); +} + +/** +* Grid +* Minimal grid system with auto-layout columns +*/ +.grid { + grid-column-gap: var(--grid-spacing-horizontal); + grid-row-gap: var(--grid-spacing-vertical); + display: grid; + grid-template-columns: 1fr; + margin: 0; +} +@media (min-width: 992px) { + .grid { + grid-template-columns: repeat(auto-fit, minmax(0%, 1fr)); + } +} +.grid > * { + min-width: 0; +} + +/** + * Horizontal scroller (
) + */ +figure { + display: block; + margin: 0; + padding: 0; + overflow-x: auto; +} +figure figcaption { + padding: calc(var(--spacing) * 0.5) 0; + color: var(--muted-color); +} + +/** + * Typography + */ +b, +strong { + font-weight: bolder; +} + +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +address, +blockquote, +dl, +figure, +form, +ol, +p, +pre, +table, +ul { + margin-top: 0; + margin-bottom: var(--typography-spacing-vertical); + color: var(--color); + font-style: normal; + font-weight: var(--font-weight); + font-size: var(--font-size); +} + +a, +[role=link] { + --color: var(--primary); + --background-color: transparent; + outline: none; + background-color: var(--background-color); + color: var(--color); + -webkit-text-decoration: var(--text-decoration); + text-decoration: var(--text-decoration); + transition: background-color var(--transition), color var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition); + transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition); + transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition); +} +a:is([aria-current], :hover, :active, :focus), +[role=link]:is([aria-current], :hover, :active, :focus) { + --color: var(--primary-hover); + --text-decoration: underline; +} +a:focus, +[role=link]:focus { + --background-color: var(--primary-focus); +} +a.secondary, +[role=link].secondary { + --color: var(--secondary); +} +a.secondary:is([aria-current], :hover, :active, :focus), +[role=link].secondary:is([aria-current], :hover, :active, :focus) { + --color: var(--secondary-hover); +} +a.secondary:focus, +[role=link].secondary:focus { + --background-color: var(--secondary-focus); +} +a.contrast, +[role=link].contrast { + --color: var(--contrast); +} +a.contrast:is([aria-current], :hover, :active, :focus), +[role=link].contrast:is([aria-current], :hover, :active, :focus) { + --color: var(--contrast-hover); +} +a.contrast:focus, +[role=link].contrast:focus { + --background-color: var(--contrast-focus); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: var(--typography-spacing-vertical); + color: var(--color); + font-weight: var(--font-weight); + font-size: var(--font-size); + font-family: var(--font-family); +} + +h1 { + --color: var(--h1-color); +} + +h2 { + --color: var(--h2-color); +} + +h3 { + --color: var(--h3-color); +} + +h4 { + --color: var(--h4-color); +} + +h5 { + --color: var(--h5-color); +} + +h6 { + --color: var(--h6-color); +} + +:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, h6) { + margin-top: var(--typography-spacing-vertical); +} + +hgroup, +.headings { + margin-bottom: var(--typography-spacing-vertical); +} +hgroup > *, +.headings > * { + margin-bottom: 0; +} +hgroup > *:last-child, +.headings > *:last-child { + --color: var(--muted-color); + --font-weight: unset; + font-size: 1rem; + font-family: unset; +} + +p { + margin-bottom: var(--typography-spacing-vertical); +} + +small { + font-size: var(--font-size); +} + +:where(dl, ol, ul) { + padding-right: 0; + padding-left: var(--spacing); + -webkit-padding-start: var(--spacing); + padding-inline-start: var(--spacing); + -webkit-padding-end: 0; + padding-inline-end: 0; +} +:where(dl, ol, ul) li { + margin-bottom: calc(var(--typography-spacing-vertical) * 0.25); +} + +:where(dl, ol, ul) :is(dl, ol, ul) { + margin: 0; + margin-top: calc(var(--typography-spacing-vertical) * 0.25); +} + +ul li { + list-style: square; +} + +mark { + padding: 0.125rem 0.25rem; + background-color: var(--mark-background-color); + color: var(--mark-color); + vertical-align: baseline; +} + +blockquote { + display: block; + margin: var(--typography-spacing-vertical) 0; + padding: var(--spacing); + border-right: none; + border-left: 0.25rem solid var(--blockquote-border-color); + -webkit-border-start: 0.25rem solid var(--blockquote-border-color); + border-inline-start: 0.25rem solid var(--blockquote-border-color); + -webkit-border-end: none; + border-inline-end: none; +} +blockquote footer { + margin-top: calc(var(--typography-spacing-vertical) * 0.5); + color: var(--blockquote-footer-color); +} + +abbr[title] { + border-bottom: 1px dotted; + text-decoration: none; + cursor: help; +} + +ins { + color: var(--ins-color); + text-decoration: none; +} + +del { + color: var(--del-color); +} + +::-moz-selection { + background-color: var(--primary-focus); +} + +::selection { + background-color: var(--primary-focus); +} + +/** + * Embedded content + */ +:where(audio, canvas, iframe, img, svg, video) { + vertical-align: middle; +} + +audio, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +:where(iframe) { + border-style: none; +} + +img { + max-width: 100%; + height: auto; + border-style: none; +} + +:where(svg:not([fill])) { + fill: currentColor; +} + +svg:not(:root) { + overflow: hidden; +} + +/** + * Button + */ +button { + margin: 0; + overflow: visible; + font-family: inherit; + text-transform: none; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button { + display: block; + width: 100%; + margin-bottom: var(--spacing); +} + +[role=button] { + display: inline-block; + text-decoration: none; +} + +button, +input[type=submit], +input[type=button], +input[type=reset], +[role=button] { + --background-color: var(--primary); + --border-color: var(--primary); + --color: var(--primary-inverse); + --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); + padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); + border: var(--border-width) solid var(--border-color); + border-radius: var(--border-radius); + outline: none; + background-color: var(--background-color); + box-shadow: var(--box-shadow); + color: var(--color); + font-weight: var(--font-weight); + font-size: 1rem; + line-height: var(--line-height); + text-align: center; + cursor: pointer; + transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition); +} +button:is([aria-current], :hover, :active, :focus), +input[type=submit]:is([aria-current], :hover, :active, :focus), +input[type=button]:is([aria-current], :hover, :active, :focus), +input[type=reset]:is([aria-current], :hover, :active, :focus), +[role=button]:is([aria-current], :hover, :active, :focus) { + --background-color: var(--primary-hover); + --border-color: var(--primary-hover); + --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)); + --color: var(--primary-inverse); +} +button:focus, +input[type=submit]:focus, +input[type=button]:focus, +input[type=reset]:focus, +[role=button]:focus { + --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), + 0 0 0 var(--outline-width) var(--primary-focus); +} + +:is(button, input[type=submit], input[type=button], [role=button]).secondary, +input[type=reset] { + --background-color: var(--secondary); + --border-color: var(--secondary); + --color: var(--secondary-inverse); + cursor: pointer; +} +:is(button, input[type=submit], input[type=button], [role=button]).secondary:is([aria-current], :hover, :active, :focus), +input[type=reset]:is([aria-current], :hover, :active, :focus) { + --background-color: var(--secondary-hover); + --border-color: var(--secondary-hover); + --color: var(--secondary-inverse); +} +:is(button, input[type=submit], input[type=button], [role=button]).secondary:focus, +input[type=reset]:focus { + --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), + 0 0 0 var(--outline-width) var(--secondary-focus); +} + +:is(button, input[type=submit], input[type=button], [role=button]).contrast { + --background-color: var(--contrast); + --border-color: var(--contrast); + --color: var(--contrast-inverse); +} +:is(button, input[type=submit], input[type=button], [role=button]).contrast:is([aria-current], :hover, :active, :focus) { + --background-color: var(--contrast-hover); + --border-color: var(--contrast-hover); + --color: var(--contrast-inverse); +} +:is(button, input[type=submit], input[type=button], [role=button]).contrast:focus { + --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)), + 0 0 0 var(--outline-width) var(--contrast-focus); +} + +:is(button, input[type=submit], input[type=button], [role=button]).outline, +input[type=reset].outline { + --background-color: transparent; + --color: var(--primary); +} +:is(button, input[type=submit], input[type=button], [role=button]).outline:is([aria-current], :hover, :active, :focus), +input[type=reset].outline:is([aria-current], :hover, :active, :focus) { + --background-color: transparent; + --color: var(--primary-hover); +} + +:is(button, input[type=submit], input[type=button], [role=button]).outline.secondary, +input[type=reset].outline { + --color: var(--secondary); +} +:is(button, input[type=submit], input[type=button], [role=button]).outline.secondary:is([aria-current], :hover, :active, :focus), +input[type=reset].outline:is([aria-current], :hover, :active, :focus) { + --color: var(--secondary-hover); +} + +:is(button, input[type=submit], input[type=button], [role=button]).outline.contrast { + --color: var(--contrast); +} +:is(button, input[type=submit], input[type=button], [role=button]).outline.contrast:is([aria-current], :hover, :active, :focus) { + --color: var(--contrast-hover); +} + +:where(button, [type=submit], [type=button], [type=reset], [role=button])[disabled], +:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]), +a[role=button]:not([href]) { + opacity: 0.5; + pointer-events: none; +} + +/** + * Form elements + */ +input, +optgroup, +select, +textarea { + margin: 0; + font-size: 1rem; + line-height: var(--line-height); + font-family: inherit; + letter-spacing: inherit; +} + +input { + overflow: visible; +} + +select { + text-transform: none; +} + +legend { + max-width: 100%; + padding: 0; + color: inherit; + white-space: normal; +} + +textarea { + overflow: auto; +} + +[type=checkbox], +[type=radio] { + padding: 0; +} + +::-webkit-inner-spin-button, +::-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; +} + +::-moz-focus-inner { + padding: 0; + border-style: none; +} + +:-moz-focusring { + outline: none; +} + +:-moz-ui-invalid { + box-shadow: none; +} + +::-ms-expand { + display: none; +} + +[type=file], +[type=range] { + padding: 0; + border-width: 0; +} + +input:not([type=checkbox], [type=radio], [type=range]) { + height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2); +} + +fieldset { + margin: 0; + margin-bottom: var(--spacing); + padding: 0; + border: 0; +} + +label, +fieldset legend { + display: block; + margin-bottom: calc(var(--spacing) * 0.25); + font-weight: var(--form-label-font-weight, var(--font-weight)); +} + +input:not([type=checkbox], [type=radio]), +select, +textarea { + width: 100%; +} + +input:not([type=checkbox], [type=radio], [type=range], [type=file]), +select, +textarea { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); +} + +input, +select, +textarea { + --background-color: var(--form-element-background-color); + --border-color: var(--form-element-border-color); + --color: var(--form-element-color); + --box-shadow: none; + border: var(--border-width) solid var(--border-color); + border-radius: var(--border-radius); + outline: none; + background-color: var(--background-color); + box-shadow: var(--box-shadow); + color: var(--color); + font-weight: var(--font-weight); + transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition); +} + +input:not([type=submit], [type=button], [type=reset], [type=checkbox], [type=radio], [readonly]):is(:active, :focus), +:where(select, textarea):is(:active, :focus) { + --background-color: var(--form-element-active-background-color); +} + +input:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus), +:where(select, textarea):is(:active, :focus) { + --border-color: var(--form-element-active-border-color); +} + +input:not([type=submit], [type=button], [type=reset], [type=range], [type=file], [readonly]):focus, +select:focus, +textarea:focus { + --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color); +} + +input:not([type=submit], [type=button], [type=reset])[disabled], +select[disabled], +textarea[disabled], +:where(fieldset[disabled]) :is(input:not([type=submit], [type=button], [type=reset]), select, textarea) { + --background-color: var(--form-element-disabled-background-color); + --border-color: var(--form-element-disabled-border-color); + opacity: var(--form-element-disabled-opacity); + pointer-events: none; +} + +:where(input, select, textarea):not([type=checkbox], [type=radio])[aria-invalid] { + padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important; + padding-left: var(--form-element-spacing-horizontal); + -webkit-padding-start: var(--form-element-spacing-horizontal) !important; + padding-inline-start: var(--form-element-spacing-horizontal) !important; + -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important; + padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important; + background-position: center right 0.75rem; + background-size: 1rem auto; + background-repeat: no-repeat; +} +:where(input, select, textarea):not([type=checkbox], [type=radio])[aria-invalid=false] { + background-image: var(--icon-valid); +} +:where(input, select, textarea):not([type=checkbox], [type=radio])[aria-invalid=true] { + background-image: var(--icon-invalid); +} +:where(input, select, textarea)[aria-invalid=false] { + --border-color: var(--form-element-valid-border-color); +} +:where(input, select, textarea)[aria-invalid=false]:is(:active, :focus) { + --border-color: var(--form-element-valid-active-border-color) !important; + --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important; +} +:where(input, select, textarea)[aria-invalid=true] { + --border-color: var(--form-element-invalid-border-color); +} +:where(input, select, textarea)[aria-invalid=true]:is(:active, :focus) { + --border-color: var(--form-element-invalid-active-border-color) !important; + --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important; +} + +[dir=rtl] :where(input, select, textarea):not([type=checkbox], [type=radio]):is([aria-invalid], [aria-invalid=true], [aria-invalid=false]) { + background-position: center left 0.75rem; +} + +input::placeholder, +input::-webkit-input-placeholder, +textarea::placeholder, +textarea::-webkit-input-placeholder, +select:invalid { + color: var(--form-element-placeholder-color); + opacity: 1; +} + +input:not([type=checkbox], [type=radio]), +select, +textarea { + margin-bottom: var(--spacing); +} + +select::-ms-expand { + border: 0; + background-color: transparent; +} +select:not([multiple], [size]) { + padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem); + padding-left: var(--form-element-spacing-horizontal); + -webkit-padding-start: var(--form-element-spacing-horizontal); + padding-inline-start: var(--form-element-spacing-horizontal); + -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem); + padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem); + background-image: var(--icon-chevron); + background-position: center right 0.75rem; + background-size: 1rem auto; + background-repeat: no-repeat; +} + +[dir=rtl] select:not([multiple], [size]) { + background-position: center left 0.75rem; +} + +:where(input, select, textarea) + small { + display: block; + width: 100%; + margin-top: calc(var(--spacing) * -0.75); + margin-bottom: var(--spacing); + color: var(--muted-color); +} + +label > :where(input, select, textarea) { + margin-top: calc(var(--spacing) * 0.25); +} + +/** + * Form elements + * Checkboxes & Radios + */ +[type=checkbox], +[type=radio] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 1.25em; + height: 1.25em; + margin-top: -0.125em; + margin-right: 0.375em; + margin-left: 0; + -webkit-margin-start: 0; + margin-inline-start: 0; + -webkit-margin-end: 0.375em; + margin-inline-end: 0.375em; + border-width: var(--border-width); + font-size: inherit; + vertical-align: middle; + cursor: pointer; +} +[type=checkbox]::-ms-check, +[type=radio]::-ms-check { + display: none; +} +[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus, +[type=radio]:checked, +[type=radio]:checked:active, +[type=radio]:checked:focus { + --background-color: var(--primary); + --border-color: var(--primary); + background-image: var(--icon-checkbox); + background-position: center; + background-size: 0.75em auto; + background-repeat: no-repeat; +} +[type=checkbox] ~ label, +[type=radio] ~ label { + display: inline-block; + margin-right: 0.375em; + margin-bottom: 0; + cursor: pointer; +} + +[type=checkbox]:indeterminate { + --background-color: var(--primary); + --border-color: var(--primary); + background-image: var(--icon-minus); + background-position: center; + background-size: 0.75em auto; + background-repeat: no-repeat; +} + +[type=radio] { + border-radius: 50%; +} +[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus { + --background-color: var(--primary-inverse); + border-width: 0.35em; + background-image: none; +} + +[type=checkbox][role=switch] { + --background-color: var(--switch-background-color); + --border-color: var(--switch-background-color); + --color: var(--switch-color); + width: 2.25em; + height: 1.25em; + border: var(--border-width) solid var(--border-color); + border-radius: 1.25em; + background-color: var(--background-color); + line-height: 1.25em; +} +[type=checkbox][role=switch]:focus { + --background-color: var(--switch-background-color); + --border-color: var(--switch-background-color); +} +[type=checkbox][role=switch]:checked { + --background-color: var(--switch-checked-background-color); + --border-color: var(--switch-checked-background-color); +} +[type=checkbox][role=switch]:before { + display: block; + width: calc(1.25em - (var(--border-width) * 2)); + height: 100%; + border-radius: 50%; + background-color: var(--color); + content: ""; + transition: margin 0.1s ease-in-out; +} +[type=checkbox][role=switch]:checked { + background-image: none; +} +[type=checkbox][role=switch]:checked::before { + margin-left: calc(1.125em - var(--border-width)); + -webkit-margin-start: calc(1.125em - var(--border-width)); + margin-inline-start: calc(1.125em - var(--border-width)); +} + +[type=checkbox][aria-invalid=false], +[type=checkbox]:checked[aria-invalid=false], +[type=radio][aria-invalid=false], +[type=radio]:checked[aria-invalid=false], +[type=checkbox][role=switch][aria-invalid=false], +[type=checkbox][role=switch]:checked[aria-invalid=false] { + --border-color: var(--form-element-valid-border-color); +} +[type=checkbox][aria-invalid=true], +[type=checkbox]:checked[aria-invalid=true], +[type=radio][aria-invalid=true], +[type=radio]:checked[aria-invalid=true], +[type=checkbox][role=switch][aria-invalid=true], +[type=checkbox][role=switch]:checked[aria-invalid=true] { + --border-color: var(--form-element-invalid-border-color); +} + +/** + * Form elements + * Alternatives input types (Not Checkboxes & Radios) + */ +[type=color]::-webkit-color-swatch-wrapper { + padding: 0; +} +[type=color]::-moz-focus-inner { + padding: 0; +} +[type=color]::-webkit-color-swatch { + border: 0; + border-radius: calc(var(--border-radius) * 0.5); +} +[type=color]::-moz-color-swatch { + border: 0; + border-radius: calc(var(--border-radius) * 0.5); +} + +input:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) { + --icon-position: 0.75rem; + --icon-width: 1rem; + padding-right: calc(var(--icon-width) + var(--icon-position)); + background-image: var(--icon-date); + background-position: center right var(--icon-position); + background-size: var(--icon-width) auto; + background-repeat: no-repeat; +} +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] { + background-image: var(--icon-time); +} + +[type=date]::-webkit-calendar-picker-indicator, +[type=datetime-local]::-webkit-calendar-picker-indicator, +[type=month]::-webkit-calendar-picker-indicator, +[type=time]::-webkit-calendar-picker-indicator, +[type=week]::-webkit-calendar-picker-indicator { + width: var(--icon-width); + margin-right: calc(var(--icon-width) * -1); + margin-left: var(--icon-position); + opacity: 0; +} + +[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) { + text-align: right; +} + +[type=file] { + --color: var(--muted-color); + padding: calc(var(--form-element-spacing-vertical) * 0.5) 0; + border: 0; + border-radius: 0; + background: none; +} +[type=file]::-webkit-file-upload-button { + --background-color: var(--secondary); + --border-color: var(--secondary); + --color: var(--secondary-inverse); + margin-right: calc(var(--spacing) / 2); + margin-left: 0; + -webkit-margin-start: 0; + margin-inline-start: 0; + -webkit-margin-end: calc(var(--spacing) / 2); + margin-inline-end: calc(var(--spacing) / 2); + padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5); + border: var(--border-width) solid var(--border-color); + border-radius: var(--border-radius); + outline: none; + background-color: var(--background-color); + box-shadow: var(--box-shadow); + color: var(--color); + font-weight: var(--font-weight); + font-size: 1rem; + line-height: var(--line-height); + text-align: center; + cursor: pointer; + -webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition); + transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition); +} +[type=file]::file-selector-button { + --background-color: var(--secondary); + --border-color: var(--secondary); + --color: var(--secondary-inverse); + margin-right: calc(var(--spacing) / 2); + margin-left: 0; + -webkit-margin-start: 0; + margin-inline-start: 0; + -webkit-margin-end: calc(var(--spacing) / 2); + margin-inline-end: calc(var(--spacing) / 2); + padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5); + border: var(--border-width) solid var(--border-color); + border-radius: var(--border-radius); + outline: none; + background-color: var(--background-color); + box-shadow: var(--box-shadow); + color: var(--color); + font-weight: var(--font-weight); + font-size: 1rem; + line-height: var(--line-height); + text-align: center; + cursor: pointer; + transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition); +} +[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) { + --background-color: var(--secondary-hover); + --border-color: var(--secondary-hover); +} +[type=file]::file-selector-button:is(:hover, :active, :focus) { + --background-color: var(--secondary-hover); + --border-color: var(--secondary-hover); +} +[type=file]::-webkit-file-upload-button { + --background-color: var(--secondary); + --border-color: var(--secondary); + --color: var(--secondary-inverse); + margin-right: calc(var(--spacing) / 2); + margin-left: 0; + -webkit-margin-start: 0; + margin-inline-start: 0; + -webkit-margin-end: calc(var(--spacing) / 2); + margin-inline-end: calc(var(--spacing) / 2); + padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5); + border: var(--border-width) solid var(--border-color); + border-radius: var(--border-radius); + outline: none; + background-color: var(--background-color); + box-shadow: var(--box-shadow); + color: var(--color); + font-weight: var(--font-weight); + font-size: 1rem; + line-height: var(--line-height); + text-align: center; + cursor: pointer; + -webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition); + transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition); +} +[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) { + --background-color: var(--secondary-hover); + --border-color: var(--secondary-hover); +} +[type=file]::-ms-browse { + --background-color: var(--secondary); + --border-color: var(--secondary); + --color: var(--secondary-inverse); + margin-right: calc(var(--spacing) / 2); + margin-left: 0; + margin-inline-start: 0; + margin-inline-end: calc(var(--spacing) / 2); + padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5); + border: var(--border-width) solid var(--border-color); + border-radius: var(--border-radius); + outline: none; + background-color: var(--background-color); + box-shadow: var(--box-shadow); + color: var(--color); + font-weight: var(--font-weight); + font-size: 1rem; + line-height: var(--line-height); + text-align: center; + cursor: pointer; + -ms-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition); + transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition); +} +[type=file]::-ms-browse:is(:hover, :active, :focus) { + --background-color: var(--secondary-hover); + --border-color: var(--secondary-hover); +} + +[type=range] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + height: 1.25rem; + background: none; +} +[type=range]::-webkit-slider-runnable-track { + width: 100%; + height: 0.25rem; + border-radius: var(--border-radius); + background-color: var(--range-border-color); + -webkit-transition: background-color var(--transition), box-shadow var(--transition); + transition: background-color var(--transition), box-shadow var(--transition); +} +[type=range]::-moz-range-track { + width: 100%; + height: 0.25rem; + border-radius: var(--border-radius); + background-color: var(--range-border-color); + -moz-transition: background-color var(--transition), box-shadow var(--transition); + transition: background-color var(--transition), box-shadow var(--transition); +} +[type=range]::-ms-track { + width: 100%; + height: 0.25rem; + border-radius: var(--border-radius); + background-color: var(--range-border-color); + -ms-transition: background-color var(--transition), box-shadow var(--transition); + transition: background-color var(--transition), box-shadow var(--transition); +} +[type=range]::-webkit-slider-thumb { + -webkit-appearance: none; + width: 1.25rem; + height: 1.25rem; + margin-top: -0.5rem; + border: 2px solid var(--range-thumb-border-color); + border-radius: 50%; + background-color: var(--range-thumb-color); + cursor: pointer; + -webkit-transition: background-color var(--transition), transform var(--transition); + transition: background-color var(--transition), transform var(--transition); +} +[type=range]::-moz-range-thumb { + -webkit-appearance: none; + width: 1.25rem; + height: 1.25rem; + margin-top: -0.5rem; + border: 2px solid var(--range-thumb-border-color); + border-radius: 50%; + background-color: var(--range-thumb-color); + cursor: pointer; + -moz-transition: background-color var(--transition), transform var(--transition); + transition: background-color var(--transition), transform var(--transition); +} +[type=range]::-ms-thumb { + -webkit-appearance: none; + width: 1.25rem; + height: 1.25rem; + margin-top: -0.5rem; + border: 2px solid var(--range-thumb-border-color); + border-radius: 50%; + background-color: var(--range-thumb-color); + cursor: pointer; + -ms-transition: background-color var(--transition), transform var(--transition); + transition: background-color var(--transition), transform var(--transition); +} +[type=range]:hover, [type=range]:focus { + --range-border-color: var(--range-active-border-color); + --range-thumb-color: var(--range-thumb-hover-color); +} +[type=range]:active { + --range-thumb-color: var(--range-thumb-active-color); +} +[type=range]:active::-webkit-slider-thumb { + transform: scale(1.25); +} +[type=range]:active::-moz-range-thumb { + transform: scale(1.25); +} +[type=range]:active::-ms-thumb { + transform: scale(1.25); +} + +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] { + -webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem); + padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem); + border-radius: 5rem; + background-image: var(--icon-search); + background-position: center left 1.125rem; + background-size: 1rem auto; + background-repeat: no-repeat; +} +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] { + -webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important; + padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important; + background-position: center left 1.125rem, center right 0.75rem; +} +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=false] { + background-image: var(--icon-search), var(--icon-valid); +} +input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=true] { + background-image: var(--icon-search), var(--icon-invalid); +} + +[type=search]::-webkit-search-cancel-button { + -webkit-appearance: none; + display: none; +} + +[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] { + background-position: center right 1.125rem; +} +[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] { + background-position: center right 1.125rem, center left 0.75rem; +} + +/** + * Table + */ +:where(table) { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + text-indent: 0; +} + +th, +td { + padding: calc(var(--spacing) / 2) var(--spacing); + border-bottom: var(--border-width) solid var(--table-border-color); + color: var(--color); + font-weight: var(--font-weight); + font-size: var(--font-size); + text-align: left; + text-align: start; +} + +tfoot th, +tfoot td { + border-top: var(--border-width) solid var(--table-border-color); + border-bottom: 0; +} + +table[role=grid] tbody tr:nth-child(odd) { + background-color: var(--table-row-stripped-background-color); +} + +/** + * Code + */ +pre, +code, +kbd, +samp { + font-size: 0.875em; + font-family: var(--font-family); +} + +pre { + -ms-overflow-style: scrollbar; + overflow: auto; +} + +pre, +code, +kbd { + border-radius: var(--border-radius); + background: var(--code-background-color); + color: var(--code-color); + font-weight: var(--font-weight); + line-height: initial; +} + +code, +kbd { + display: inline-block; + padding: 0.375rem 0.5rem; +} + +pre { + display: block; + margin-bottom: var(--spacing); + overflow-x: auto; +} +pre > code { + display: block; + padding: var(--spacing); + background: none; + font-size: 14px; + line-height: var(--line-height); +} + +code b { + color: var(--code-tag-color); + font-weight: var(--font-weight); +} +code i { + color: var(--code-property-color); + font-style: normal; +} +code u { + color: var(--code-value-color); + text-decoration: none; +} +code em { + color: var(--code-comment-color); + font-style: normal; +} + +kbd { + background-color: var(--code-kbd-background-color); + color: var(--code-kbd-color); + vertical-align: baseline; +} + +/** + * Miscs + */ +hr { + height: 0; + border: 0; + border-top: 1px solid var(--muted-border-color); + color: inherit; +} + +[hidden], +template { + display: none !important; +} + +canvas { + display: inline-block; +} + +/** + * Accordion (
) + */ +details { + display: block; + margin-bottom: var(--spacing); + padding-bottom: var(--spacing); + border-bottom: var(--border-width) solid var(--accordion-border-color); +} +details summary { + line-height: 1rem; + list-style-type: none; + cursor: pointer; + transition: color var(--transition); +} +details summary:not([role]) { + color: var(--accordion-close-summary-color); +} +details summary::-webkit-details-marker { + display: none; +} +details summary::marker { + display: none; +} +details summary::-moz-list-bullet { + list-style-type: none; +} +details summary::after { + display: block; + width: 1rem; + height: 1rem; + -webkit-margin-start: calc(var(--spacing, 1rem) * 0.5); + margin-inline-start: calc(var(--spacing, 1rem) * 0.5); + float: right; + transform: rotate(-90deg); + background-image: var(--icon-chevron); + background-position: right center; + background-size: 1rem auto; + background-repeat: no-repeat; + content: ""; + transition: transform var(--transition); +} +details summary:focus { + outline: none; +} +details summary:focus:not([role=button]) { + color: var(--accordion-active-summary-color); +} +details summary[role=button] { + width: 100%; + text-align: left; +} +details summary[role=button]::after { + height: calc(1rem * var(--line-height, 1.5)); + background-image: var(--icon-chevron-button); +} +details summary[role=button]:not(.outline).contrast::after { + background-image: var(--icon-chevron-button-inverse); +} +details[open] > summary { + margin-bottom: calc(var(--spacing)); +} +details[open] > summary:not([role]):not(:focus) { + color: var(--accordion-open-summary-color); +} +details[open] > summary::after { + transform: rotate(0); +} + +[dir=rtl] details summary { + text-align: right; +} +[dir=rtl] details summary::after { + float: left; + background-position: left center; +} + +/** + * Card (
) + */ +article { + margin: var(--block-spacing-vertical) 0; + padding: var(--block-spacing-vertical) var(--block-spacing-horizontal); + border-radius: var(--border-radius); + background: var(--card-background-color); + box-shadow: var(--card-box-shadow); +} +article > header, +article > footer { + margin-right: calc(var(--block-spacing-horizontal) * -1); + margin-left: calc(var(--block-spacing-horizontal) * -1); + padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal); + background-color: var(--card-sectionning-background-color); +} +article > header { + margin-top: calc(var(--block-spacing-vertical) * -1); + margin-bottom: var(--block-spacing-vertical); + border-bottom: var(--border-width) solid var(--card-border-color); + border-top-right-radius: var(--border-radius); + border-top-left-radius: var(--border-radius); +} +article > footer { + margin-top: var(--block-spacing-vertical); + margin-bottom: calc(var(--block-spacing-vertical) * -1); + border-top: var(--border-width) solid var(--card-border-color); + border-bottom-right-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); +} + +/** + * Modal () + */ +:root { + --scrollbar-width: 0px; +} + +dialog { + display: flex; + z-index: 999; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + align-items: center; + justify-content: center; + width: inherit; + min-width: 100%; + height: inherit; + min-height: 100%; + padding: var(--spacing); + border: 0; + -webkit-backdrop-filter: var(--modal-overlay-backdrop-filter); + backdrop-filter: var(--modal-overlay-backdrop-filter); + background-color: var(--modal-overlay-background-color); + color: var(--color); +} +dialog article { + max-height: calc(100vh - var(--spacing) * 2); + overflow: auto; +} +@media (min-width: 576px) { + dialog article { + max-width: 510px; + } +} +@media (min-width: 768px) { + dialog article { + max-width: 700px; + } +} +dialog article > header, +dialog article > footer { + padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal); +} +dialog article > header .close { + margin: 0; + margin-left: var(--spacing); + float: right; +} +dialog article > footer { + text-align: right; +} +dialog article > footer [role=button] { + margin-bottom: 0; +} +dialog article > footer [role=button]:not(:first-of-type) { + margin-left: calc(var(--spacing) * 0.5); +} +dialog article p:last-of-type { + margin: 0; +} +dialog article .close { + display: block; + width: 1rem; + height: 1rem; + margin-top: calc(var(--block-spacing-vertical) * -0.5); + margin-bottom: var(--typography-spacing-vertical); + margin-left: auto; + background-image: var(--icon-close); + background-position: center; + background-size: auto 1rem; + background-repeat: no-repeat; + opacity: 0.5; + transition: opacity var(--transition); +} +dialog article .close:is([aria-current], :hover, :active, :focus) { + opacity: 1; +} +dialog:not([open]), dialog[open=false] { + display: none; +} + +.modal-is-open { + padding-right: var(--scrollbar-width, 0px); + overflow: hidden; + pointer-events: none; +} +.modal-is-open dialog { + pointer-events: auto; +} + +:where(.modal-is-opening, .modal-is-closing) dialog, +:where(.modal-is-opening, .modal-is-closing) dialog > article { + -webkit-animation-duration: 0.2s; + animation-duration: 0.2s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} +:where(.modal-is-opening, .modal-is-closing) dialog { + -webkit-animation-duration: 0.8s; + animation-duration: 0.8s; + -webkit-animation-name: modal-overlay; + animation-name: modal-overlay; +} +:where(.modal-is-opening, .modal-is-closing) dialog > article { + -webkit-animation-delay: 0.2s; + animation-delay: 0.2s; + -webkit-animation-name: modal; + animation-name: modal; +} + +.modal-is-closing dialog, +.modal-is-closing dialog > article { + -webkit-animation-delay: 0s; + animation-delay: 0s; + animation-direction: reverse; +} + +@-webkit-keyframes modal-overlay { + from { + -webkit-backdrop-filter: none; + backdrop-filter: none; + background-color: transparent; + } +} + +@keyframes modal-overlay { + from { + -webkit-backdrop-filter: none; + backdrop-filter: none; + background-color: transparent; + } +} +@-webkit-keyframes modal { + from { + transform: translateY(-100%); + opacity: 0; + } +} +@keyframes modal { + from { + transform: translateY(-100%); + opacity: 0; + } +} +/** + * Nav + */ +:where(nav li)::before { + float: left; + content: "​"; +} + +nav, +nav ul { + display: flex; +} + +nav { + justify-content: space-between; +} +nav ol, +nav ul { + align-items: center; + margin-bottom: 0; + padding: 0; + list-style: none; +} +nav ol:first-of-type, +nav ul:first-of-type { + margin-left: calc(var(--nav-element-spacing-horizontal) * -1); +} +nav ol:last-of-type, +nav ul:last-of-type { + margin-right: calc(var(--nav-element-spacing-horizontal) * -1); +} +nav li { + display: inline-block; + margin: 0; + padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal); +} +nav li > * { + --spacing: 0; +} +nav :where(a, [role=link]) { + display: inline-block; + margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1); + padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal); + border-radius: var(--border-radius); + text-decoration: none; +} +nav :where(a, [role=link]):is([aria-current], :hover, :active, :focus) { + text-decoration: none; +} +nav[aria-label=breadcrumb] { + align-items: center; + justify-content: start; +} +nav[aria-label=breadcrumb] ul li:not(:first-child) { + -webkit-margin-start: var(--nav-link-spacing-horizontal); + margin-inline-start: var(--nav-link-spacing-horizontal); +} +nav[aria-label=breadcrumb] ul li:not(:last-child) ::after { + position: absolute; + width: calc(var(--nav-link-spacing-horizontal) * 2); + -webkit-margin-start: calc(var(--nav-link-spacing-horizontal) / 2); + margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2); + content: "/"; + color: var(--muted-color); + text-align: center; +} +nav[aria-label=breadcrumb] a[aria-current] { + background-color: transparent; + color: inherit; + text-decoration: none; + pointer-events: none; +} +nav [role=button] { + margin-right: inherit; + margin-left: inherit; + padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal); +} + +aside nav, +aside ol, +aside ul, +aside li { + display: block; +} +aside li { + padding: calc(var(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal); +} +aside li a { + display: block; +} +aside li [role=button] { + margin: inherit; +} + +[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after { + content: "\\"; +} + +/** + * Progress + */ +progress { + display: inline-block; + vertical-align: baseline; +} + +progress { + -webkit-appearance: none; + -moz-appearance: none; + display: inline-block; + appearance: none; + width: 100%; + height: 0.5rem; + margin-bottom: calc(var(--spacing) * 0.5); + overflow: hidden; + border: 0; + border-radius: var(--border-radius); + background-color: var(--progress-background-color); + color: var(--progress-color); +} +progress::-webkit-progress-bar { + border-radius: var(--border-radius); + background: none; +} +progress[value]::-webkit-progress-value { + background-color: var(--progress-color); +} +progress::-moz-progress-bar { + background-color: var(--progress-color); +} +@media (prefers-reduced-motion: no-preference) { + progress:indeterminate { + background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat; + -webkit-animation: progress-indeterminate 1s linear infinite; + animation: progress-indeterminate 1s linear infinite; + } + progress:indeterminate[value]::-webkit-progress-value { + background-color: transparent; + } + progress:indeterminate::-moz-progress-bar { + background-color: transparent; + } +} + +@media (prefers-reduced-motion: no-preference) { + [dir=rtl] progress:indeterminate { + animation-direction: reverse; + } +} + +@-webkit-keyframes progress-indeterminate { + 0% { + background-position: 200% 0; + } + 100% { + background-position: -200% 0; + } +} + +@keyframes progress-indeterminate { + 0% { + background-position: 200% 0; + } + 100% { + background-position: -200% 0; + } +} +/** + * Dropdown ([role="list"]) + */ +details[role=list], +li[role=list] { + position: relative; +} + +details[role=list] summary + ul, +li[role=list] > ul { + display: flex; + z-index: 99; + position: absolute; + top: auto; + right: 0; + left: 0; + flex-direction: column; + margin: 0; + padding: 0; + border: var(--border-width) solid var(--dropdown-border-color); + border-radius: var(--border-radius); + border-top-right-radius: 0; + border-top-left-radius: 0; + background-color: var(--dropdown-background-color); + box-shadow: var(--card-box-shadow); + color: var(--dropdown-color); + white-space: nowrap; +} +details[role=list] summary + ul li, +li[role=list] > ul li { + width: 100%; + margin-bottom: 0; + padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal); + list-style: none; +} +details[role=list] summary + ul li:first-of-type, +li[role=list] > ul li:first-of-type { + margin-top: calc(var(--form-element-spacing-vertical) * 0.5); +} +details[role=list] summary + ul li:last-of-type, +li[role=list] > ul li:last-of-type { + margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5); +} +details[role=list] summary + ul li a, +li[role=list] > ul li a { + display: block; + margin: calc(var(--form-element-spacing-vertical) * -0.5) calc(var(--form-element-spacing-horizontal) * -1); + padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal); + overflow: hidden; + color: var(--dropdown-color); + text-decoration: none; + text-overflow: ellipsis; +} +details[role=list] summary + ul li a:hover, +li[role=list] > ul li a:hover { + background-color: var(--dropdown-hover-background-color); +} + +details[role=list] summary::after, +li[role=list] > a::after { + display: block; + width: 1rem; + height: calc(1rem * var(--line-height, 1.5)); + -webkit-margin-start: 0.5rem; + margin-inline-start: 0.5rem; + float: right; + transform: rotate(0deg); + background-position: right center; + background-size: 1rem auto; + background-repeat: no-repeat; + content: ""; +} + +details[role=list] { + padding: 0; + border-bottom: none; +} +details[role=list] summary { + margin-bottom: 0; +} +details[role=list] summary:not([role]) { + height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2); + padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal); + border: var(--border-width) solid var(--form-element-border-color); + border-radius: var(--border-radius); + background-color: var(--form-element-background-color); + color: var(--form-element-placeholder-color); + line-height: inherit; + cursor: pointer; + transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition); +} +details[role=list] summary:not([role]):active, details[role=list] summary:not([role]):focus { + border-color: var(--form-element-active-border-color); + background-color: var(--form-element-active-background-color); +} +details[role=list] summary:not([role]):focus { + box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color); +} +details[role=list][open] summary { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +details[role=list][open] summary::before { + display: block; + z-index: 1; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: none; + content: ""; + cursor: default; +} + +nav details[role=list] summary, +nav li[role=list] a { + display: flex; + direction: ltr; +} + +nav details[role=list] summary + ul, +nav li[role=list] > ul { + min-width: -webkit-fit-content; + min-width: -moz-fit-content; + min-width: fit-content; + border-radius: var(--border-radius); +} +nav details[role=list] summary + ul li a, +nav li[role=list] > ul li a { + border-radius: 0; +} + +nav details[role=list] summary, +nav details[role=list] summary:not([role]) { + height: auto; + padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal); +} +nav details[role=list][open] summary { + border-radius: var(--border-radius); +} +nav details[role=list] summary + ul { + margin-top: var(--outline-width); + -webkit-margin-start: 0; + margin-inline-start: 0; +} +nav details[role=list] summary[role=link] { + margin-bottom: calc(var(--nav-link-spacing-vertical) * -1); + line-height: var(--line-height); +} +nav details[role=list] summary[role=link] + ul { + margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width)); + -webkit-margin-start: calc(var(--nav-link-spacing-horizontal) * -1); + margin-inline-start: calc(var(--nav-link-spacing-horizontal) * -1); +} + +li[role=list]:hover > ul, +li[role=list] a:active ~ ul, +li[role=list] a:focus ~ ul { + display: flex; +} +li[role=list] > ul { + display: none; + margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width)); + -webkit-margin-start: calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)); + margin-inline-start: calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)); +} +li[role=list] > a::after { + background-image: var(--icon-chevron); +} + +/** + * Loading ([aria-busy=true]) + */ +[aria-busy=true] { + cursor: progress; +} + +[aria-busy=true]:not(input, select, textarea)::before { + display: inline-block; + width: 1em; + height: 1em; + border: 0.1875em solid currentColor; + border-radius: 1em; + border-right-color: transparent; + content: ""; + vertical-align: text-bottom; + vertical-align: -0.125em; + -webkit-animation: spinner 0.75s linear infinite; + animation: spinner 0.75s linear infinite; + opacity: var(--loading-spinner-opacity); +} +[aria-busy=true]:not(input, select, textarea):not(:empty)::before { + margin-right: calc(var(--spacing) * 0.5); + margin-left: 0; + -webkit-margin-start: 0; + margin-inline-start: 0; + -webkit-margin-end: calc(var(--spacing) * 0.5); + margin-inline-end: calc(var(--spacing) * 0.5); +} +[aria-busy=true]:not(input, select, textarea):empty { + text-align: center; +} + +button[aria-busy=true], +input[type=submit][aria-busy=true], +input[type=button][aria-busy=true], +input[type=reset][aria-busy=true], +a[aria-busy=true] { + pointer-events: none; +} + +@-webkit-keyframes spinner { + to { + transform: rotate(360deg); + } +} + +@keyframes spinner { + to { + transform: rotate(360deg); + } +} +/** + * Tooltip ([data-tooltip]) + */ +[data-tooltip] { + position: relative; +} +[data-tooltip]:not(a, button, input) { + border-bottom: 1px dotted; + text-decoration: none; + cursor: help; +} +[data-tooltip][data-placement=top]::before, [data-tooltip][data-placement=top]::after, [data-tooltip]::before, [data-tooltip]::after { + display: block; + z-index: 99; + position: absolute; + bottom: 100%; + left: 50%; + padding: 0.25rem 0.5rem; + overflow: hidden; + transform: translate(-50%, -0.25rem); + border-radius: var(--border-radius); + background: var(--tooltip-background-color); + content: attr(data-tooltip); + color: var(--tooltip-color); + font-style: normal; + font-weight: var(--font-weight); + font-size: 0.875rem; + text-decoration: none; + text-overflow: ellipsis; + white-space: nowrap; + opacity: 0; + pointer-events: none; +} +[data-tooltip][data-placement=top]::after, [data-tooltip]::after { + padding: 0; + transform: translate(-50%, 0rem); + border-top: 0.3rem solid; + border-right: 0.3rem solid transparent; + border-left: 0.3rem solid transparent; + border-radius: 0; + background-color: transparent; + content: ""; + color: var(--tooltip-background-color); +} +[data-tooltip][data-placement=bottom]::before, [data-tooltip][data-placement=bottom]::after { + top: 100%; + bottom: auto; + transform: translate(-50%, 0.25rem); +} +[data-tooltip][data-placement=bottom]:after { + transform: translate(-50%, -0.3rem); + border: 0.3rem solid transparent; + border-bottom: 0.3rem solid; +} +[data-tooltip][data-placement=left]::before, [data-tooltip][data-placement=left]::after { + top: 50%; + right: 100%; + bottom: auto; + left: auto; + transform: translate(-0.25rem, -50%); +} +[data-tooltip][data-placement=left]:after { + transform: translate(0.3rem, -50%); + border: 0.3rem solid transparent; + border-left: 0.3rem solid; +} +[data-tooltip][data-placement=right]::before, [data-tooltip][data-placement=right]::after { + top: 50%; + right: auto; + bottom: auto; + left: 100%; + transform: translate(0.25rem, -50%); +} +[data-tooltip][data-placement=right]:after { + transform: translate(-0.3rem, -50%); + border: 0.3rem solid transparent; + border-right: 0.3rem solid; +} +[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after { + opacity: 1; +} +@media (hover: hover) and (pointer: fine) { + [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after { + -webkit-animation-duration: 0.2s; + animation-duration: 0.2s; + -webkit-animation-name: tooltip-slide-top; + animation-name: tooltip-slide-top; + } + [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::after { + -webkit-animation-name: tooltip-caret-slide-top; + animation-name: tooltip-caret-slide-top; + } + [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::before, [data-tooltip][data-placement=bottom]:hover::after { + -webkit-animation-duration: 0.2s; + animation-duration: 0.2s; + -webkit-animation-name: tooltip-slide-bottom; + animation-name: tooltip-slide-bottom; + } + [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::after { + -webkit-animation-name: tooltip-caret-slide-bottom; + animation-name: tooltip-caret-slide-bottom; + } + [data-tooltip][data-placement=left]:focus::before, [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::before, [data-tooltip][data-placement=left]:hover::after { + -webkit-animation-duration: 0.2s; + animation-duration: 0.2s; + -webkit-animation-name: tooltip-slide-left; + animation-name: tooltip-slide-left; + } + [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::after { + -webkit-animation-name: tooltip-caret-slide-left; + animation-name: tooltip-caret-slide-left; + } + [data-tooltip][data-placement=right]:focus::before, [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::before, [data-tooltip][data-placement=right]:hover::after { + -webkit-animation-duration: 0.2s; + animation-duration: 0.2s; + -webkit-animation-name: tooltip-slide-right; + animation-name: tooltip-slide-right; + } + [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::after { + -webkit-animation-name: tooltip-caret-slide-right; + animation-name: tooltip-caret-slide-right; + } +} +@-webkit-keyframes tooltip-slide-top { + from { + transform: translate(-50%, 0.75rem); + opacity: 0; + } + to { + transform: translate(-50%, -0.25rem); + opacity: 1; + } +} +@keyframes tooltip-slide-top { + from { + transform: translate(-50%, 0.75rem); + opacity: 0; + } + to { + transform: translate(-50%, -0.25rem); + opacity: 1; + } +} +@-webkit-keyframes tooltip-caret-slide-top { + from { + opacity: 0; + } + 50% { + transform: translate(-50%, -0.25rem); + opacity: 0; + } + to { + transform: translate(-50%, 0rem); + opacity: 1; + } +} +@keyframes tooltip-caret-slide-top { + from { + opacity: 0; + } + 50% { + transform: translate(-50%, -0.25rem); + opacity: 0; + } + to { + transform: translate(-50%, 0rem); + opacity: 1; + } +} +@-webkit-keyframes tooltip-slide-bottom { + from { + transform: translate(-50%, -0.75rem); + opacity: 0; + } + to { + transform: translate(-50%, 0.25rem); + opacity: 1; + } +} +@keyframes tooltip-slide-bottom { + from { + transform: translate(-50%, -0.75rem); + opacity: 0; + } + to { + transform: translate(-50%, 0.25rem); + opacity: 1; + } +} +@-webkit-keyframes tooltip-caret-slide-bottom { + from { + opacity: 0; + } + 50% { + transform: translate(-50%, -0.5rem); + opacity: 0; + } + to { + transform: translate(-50%, -0.3rem); + opacity: 1; + } +} +@keyframes tooltip-caret-slide-bottom { + from { + opacity: 0; + } + 50% { + transform: translate(-50%, -0.5rem); + opacity: 0; + } + to { + transform: translate(-50%, -0.3rem); + opacity: 1; + } +} +@-webkit-keyframes tooltip-slide-left { + from { + transform: translate(0.75rem, -50%); + opacity: 0; + } + to { + transform: translate(-0.25rem, -50%); + opacity: 1; + } +} +@keyframes tooltip-slide-left { + from { + transform: translate(0.75rem, -50%); + opacity: 0; + } + to { + transform: translate(-0.25rem, -50%); + opacity: 1; + } +} +@-webkit-keyframes tooltip-caret-slide-left { + from { + opacity: 0; + } + 50% { + transform: translate(0.05rem, -50%); + opacity: 0; + } + to { + transform: translate(0.3rem, -50%); + opacity: 1; + } +} +@keyframes tooltip-caret-slide-left { + from { + opacity: 0; + } + 50% { + transform: translate(0.05rem, -50%); + opacity: 0; + } + to { + transform: translate(0.3rem, -50%); + opacity: 1; + } +} +@-webkit-keyframes tooltip-slide-right { + from { + transform: translate(-0.75rem, -50%); + opacity: 0; + } + to { + transform: translate(0.25rem, -50%); + opacity: 1; + } +} +@keyframes tooltip-slide-right { + from { + transform: translate(-0.75rem, -50%); + opacity: 0; + } + to { + transform: translate(0.25rem, -50%); + opacity: 1; + } +} +@-webkit-keyframes tooltip-caret-slide-right { + from { + opacity: 0; + } + 50% { + transform: translate(-0.05rem, -50%); + opacity: 0; + } + to { + transform: translate(-0.3rem, -50%); + opacity: 1; + } +} +@keyframes tooltip-caret-slide-right { + from { + opacity: 0; + } + 50% { + transform: translate(-0.05rem, -50%); + opacity: 0; + } + to { + transform: translate(-0.3rem, -50%); + opacity: 1; + } +} + +/** + * Accessibility & User interaction + */ +[aria-controls] { + cursor: pointer; +} + +[aria-disabled=true], +[disabled] { + cursor: not-allowed; +} + +[aria-hidden=false][hidden] { + display: initial; +} + +[aria-hidden=false][hidden]:not(:focus) { + clip: rect(0, 0, 0, 0); + position: absolute; +} + +a, +area, +button, +input, +label, +select, +summary, +textarea, +[tabindex] { + -ms-touch-action: manipulation; +} + +[dir=rtl] { + direction: rtl; +} + +/** +* Reduce Motion Features +*/ +@media (prefers-reduced-motion: reduce) { + *:not([aria-busy=true]), +:not([aria-busy=true])::before, +:not([aria-busy=true])::after { + background-attachment: initial !important; + -webkit-animation-duration: 1ms !important; + animation-duration: 1ms !important; + -webkit-animation-delay: -1ms !important; + animation-delay: -1ms !important; + -webkit-animation-iteration-count: 1 !important; + animation-iteration-count: 1 !important; + scroll-behavior: auto !important; + transition-delay: 0s !important; + transition-duration: 0s !important; + } +} + +/*# sourceMappingURL=pico.css.map */ \ No newline at end of file diff --git a/custom.css b/custom.css new file mode 100644 index 0000000..8d522f6 --- /dev/null +++ b/custom.css @@ -0,0 +1,65 @@ +/* Global CSS variables */ +:root { + --spacing-company: 3rem; + --font-weight: 400; + --border-radius: 0.25rem; +} + +/* Typography */ +h2, +h3, +hgroup > :last-child { + font-weight: 200; +} + +small { + color: var(--muted-color); +} + +/* Header */ +.hero { + background-color: #390053; + /*background-image: url("assets/sascha-eremin-DNQ-M93tHmA-unsplash-3000x1000.jpg");*/ + background-position: center; + background-size: cover; +} + +header { + padding: var(--spacing-company) 0; +} + +header hgroup > :last-child { + color: var(--h3-color); +} + +header hgroup { + margin-bottom: var(--spacing-company); +} + +/* Nav */ +summary[role="link"].contrast:is([aria-current],:hover,:active,:focus) { + background-color: transparent; + color: var(--contrast-hover); +} + +/* Main */ +@media (min-width: 992px) { + main .grid { + grid-column-gap: var(--spacing-company); + grid-template-columns: auto 25%; + } +} + +form.grid { + grid-row-gap: 0; +} + +/* Aside nav */ +aside img { + margin-bottom: 0.25rem; +} + +aside p { + margin-bottom: var(--spacing-company); + line-height: 1.25; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..61313a6 --- /dev/null +++ b/index.html @@ -0,0 +1,67 @@ + + + + + + + Astralink + + + + + + + + + + + + +
+ + +
+
+

Astralink

+

Astralink is a project by 512mb to have a more reliable and more production ready setup of systems

+
+
+
+ + +
+
+
+
+

Why ?

+

2022-09-15

+
+

Over the years of running 512mb.org there have been many small mistakes that were made during the setup of various systems. Now these issues aren't crucial but fixing them would cause 512mb.org to be down. Since I myself heavily rely on 512mb.org for my daily tasks I can not let that happen hence why this will one of my side projects where I rebuilt everything on 512mb but better.

+

In short on this website you shall find a more reliable set of tools and services once project astralink has been started and fully realized.

+

- crt

+
+
+
+
+ 2017-2022 512mb group / Astralink +
+ + +