diff options
Diffstat (limited to 'examples/snowpack/public')
118 files changed, 2716 insertions, 0 deletions
diff --git a/examples/snowpack/public/css/_animations.scss b/examples/snowpack/public/css/_animations.scss new file mode 100644 index 000000000..182f88ec4 --- /dev/null +++ b/examples/snowpack/public/css/_animations.scss @@ -0,0 +1,53 @@ +@use './var' as *; + +$easeOutSine: cubic-bezier(0.61, 1, 0.88, 1); +$easeInExpo: cubic-bezier(0.7, 0, 0.84, 0); +$easeInOutSine: cubic-bezier(0.37, 0, 0.63, 1); +$easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1); +$easeInOutBack: cubic-bezier(0.68, -0.6, 0.32, 1.6); +$easeInCirc: cubic-bezier(0.55, 0, 1, 0.45); +$easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1); +$easeInQuad: cubic-bezier(0.11, 0, 0.5, 0); +$quintic: cubic-bezier(0.76, 0.05, 0.86, 0.06); +$transition-fast: 40ms; +$transition-medium: 500ms; +$transition-slow: 1s; + +@mixin animation-hover-pop { + transition: transform $transition-fast $easeInExpo, + box-shadow $transition-fast linear; + &:hover { + box-shadow: 0 2px 2px 0 #2e5e82aa; + transform: translateY(-1px); + } +} + +@keyframes pulse { + 0% { + color: #2a85ca; + border-color: #2a85ca; + } + + 100% { + } +} + +@mixin animation-copy-button { + transition: transform $transition-fast $easeInExpo, + border-color $transition-fast linear, box-shadow $transition-fast linear; + + svg, + span { + transition: color $transition-fast linear; + } + + &:hover { + box-shadow: 0 2px 2px 0 #2e5e8266; + transform: translateY(-1px); + border-color: #2a85ca; + svg, + span { + color: #2a85ca; + } + } +} diff --git a/examples/snowpack/public/css/_github-markdown.scss b/examples/snowpack/public/css/_github-markdown.scss new file mode 100644 index 000000000..a5d45be5b --- /dev/null +++ b/examples/snowpack/public/css/_github-markdown.scss @@ -0,0 +1,616 @@ +.markdown-body .anchor { + float: left; + margin-left: -20px; + padding-right: 4px; + line-height: 1; +} + +.markdown-body .anchor:focus { + outline: none; +} + +.markdown-body h1:hover .anchor, +.markdown-body h2:hover .anchor, +.markdown-body h3:hover .anchor, +.markdown-body h4:hover .anchor, +.markdown-body h5:hover .anchor, +.markdown-body h6:hover .anchor { + text-decoration: none; +} + +.markdown-body { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + color: #24292e; + line-height: 1.6; + word-wrap: break-word; +} + +.markdown-body .pl-c { + color: #6a737d; +} + +.markdown-body .pl-c1, +.markdown-body .pl-s .pl-v { + color: #005cc5; +} + +.markdown-body .pl-e, +.markdown-body .pl-en { + color: #6f42c1; +} + +.markdown-body .pl-s .pl-s1, +.markdown-body .pl-smi { + color: #24292e; +} + +.markdown-body .pl-ent { + color: #22863a; +} + +.markdown-body .pl-k { + color: #d73a49; +} + +.markdown-body .pl-pds, +.markdown-body .pl-s, +.markdown-body .pl-s .pl-pse .pl-s1, +.markdown-body .pl-sr, +.markdown-body .pl-sr .pl-cce, +.markdown-body .pl-sr .pl-sra, +.markdown-body .pl-sr .pl-sre { + color: #032f62; +} + +.markdown-body .pl-smw, +.markdown-body .pl-v { + color: #e36209; +} + +.markdown-body .pl-bu { + color: #b31d28; +} + +.markdown-body .pl-ii { + color: #fafbfc; + background-color: #b31d28; +} + +.markdown-body .pl-c2 { + color: #fafbfc; + background-color: #d73a49; +} + +.markdown-body .pl-c2::before { + content: '^M'; +} + +.markdown-body .pl-sr .pl-cce { + color: #22863a; + font-weight: 700; +} + +.markdown-body .pl-ml { + color: #735c0f; +} + +.markdown-body .pl-mh, +.markdown-body .pl-mh .pl-en, +.markdown-body .pl-ms { + color: #005cc5; + font-weight: 700; +} + +.markdown-body .pl-mi { + color: #24292e; + font-style: italic; +} + +.markdown-body .pl-mb { + color: #24292e; + font-weight: 700; +} + +.markdown-body .pl-md { + color: #b31d28; + background-color: #ffeef0; +} + +.markdown-body .pl-mi1 { + color: #22863a; + background-color: #f0fff4; +} + +.markdown-body .pl-mc { + color: #e36209; + background-color: #ffebda; +} + +.markdown-body .pl-mi2 { + color: #f6f8fa; + background-color: #005cc5; +} + +.markdown-body .pl-mdr { + color: #6f42c1; + font-weight: 700; +} + +.markdown-body .pl-ba { + color: #586069; +} + +.markdown-body .pl-sg { + color: #959da5; +} + +.markdown-body .pl-corl { + color: #032f62; + text-decoration: underline; +} + +.markdown-body details { + display: block; +} + +.markdown-body summary { + display: list-item; +} + +.markdown-body a { + background-color: transparent; +} + +.markdown-body a:active, +.markdown-body a:hover { + outline-width: 0; +} + +.markdown-body strong { + font-weight: inherit; + font-weight: bolder; +} + +.markdown-body h1 { + margin: 0.67em 0; + font-size: 2em; +} + +.markdown-body img { + border-style: none; +} + +.markdown-body hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +.markdown-body input { + margin: 0; + font: inherit; +} + +.markdown-body input { + overflow: visible; +} + +.markdown-body [type='checkbox'] { + box-sizing: border-box; + padding: 0; +} + +.markdown-body * { + box-sizing: border-box; +} + +.markdown-body input { + font-size: inherit; + font-family: inherit; + line-height: inherit; +} + +.markdown-body a { + color: #0366d6; + text-decoration: none; +} + +.markdown-body a:hover { + text-decoration: underline; +} + +.markdown-body strong { + font-weight: 600; +} + +.markdown-body hr { + height: 0; + margin: 15px 0; + overflow: hidden; + background: transparent; + border: 0; + border-bottom: 1px solid #dfe2e5; +} + +.markdown-body hr::before { + display: table; + content: ''; +} + +.markdown-body hr::after { + display: table; + clear: both; + content: ''; +} + +.markdown-body table { + border-collapse: collapse; + border-spacing: 0; +} + +.markdown-body table { + display: block; + width: 100%; + overflow: auto; +} + +.markdown-body table td, +.markdown-body table th { + padding: 6px 13px; +} + +.markdown-body table tr { + background-color: #fff; +} + +.markdown-body table tr:nth-child(2n) { + background-color: #f6f8fa; +} + +.markdown-body details summary { + cursor: pointer; +} + +.markdown-body h1, +.markdown-body h2, +.markdown-body h3, +.markdown-body h4, +.markdown-body h5, +.markdown-body h6 { + margin-top: 0; + margin-bottom: 0; +} + +.markdown-body h1 { + font-size: 32px; +} + +.markdown-body h1, +.markdown-body h2 { + font-weight: 600; +} + +.markdown-body h2 { + font-size: 24px; +} + +.markdown-body h3 { + font-size: 20px; +} + +.markdown-body h3, +.markdown-body h4 { + font-weight: 600; +} + +.markdown-body h4 { + font-size: 16px; +} + +.markdown-body h5 { + font-size: 14px; +} + +.markdown-body h5, +.markdown-body h6 { + font-weight: 600; +} + +.markdown-body h6 { + font-size: 12px; +} + +.markdown-body p { + margin-top: 0; + margin-bottom: 10px; +} + +.markdown-body blockquote { + margin: 0; +} + +.markdown-body ol, +.markdown-body ul { + margin-top: 0; + margin-bottom: 0; + padding-left: 0; +} + +.markdown-body ol ol, +.markdown-body ul ol { + list-style-type: lower-roman; +} + +.markdown-body ol ol ol, +.markdown-body ol ul ol, +.markdown-body ul ol ol, +.markdown-body ul ul ol { + list-style-type: lower-alpha; +} + +.markdown-body dd { + margin-left: 0; +} + +.markdown-body input::-webkit-inner-spin-button, +.markdown-body input::-webkit-outer-spin-button { + margin: 0; + -webkit-appearance: none; + appearance: none; +} + +.markdown-body .border { + border: 1px solid #e1e4e8 !important; +} + +.markdown-body .border-0 { + border: 0 !important; +} + +.markdown-body .border-bottom { + border-bottom: 1px solid #e1e4e8 !important; +} + +.markdown-body .rounded-1 { + border-radius: 3px !important; +} + +.markdown-body .bg-white { + background-color: #fff !important; +} + +.markdown-body .bg-gray-light { + background-color: #fafbfc !important; +} + +.markdown-body .text-gray-light { + color: #6a737d !important; +} + +.markdown-body .mb-0 { + margin-bottom: 0 !important; +} + +.markdown-body .my-2 { + margin-top: 8px !important; + margin-bottom: 8px !important; +} + +.markdown-body .pl-0 { + padding-left: 0 !important; +} + +.markdown-body .py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.markdown-body .pl-1 { + padding-left: 4px !important; +} + +.markdown-body .pl-2 { + padding-left: 8px !important; +} + +.markdown-body .py-2 { + padding-top: 8px !important; + padding-bottom: 8px !important; +} + +.markdown-body .pl-3, +.markdown-body .px-3 { + padding-left: 16px !important; +} + +.markdown-body .px-3 { + padding-right: 16px !important; +} + +.markdown-body .pl-4 { + padding-left: 24px !important; +} + +.markdown-body .pl-5 { + padding-left: 32px !important; +} + +.markdown-body .pl-6 { + padding-left: 40px !important; +} + +.markdown-body .f6 { + font-size: 12px !important; +} + +.markdown-body .lh-condensed { + line-height: 1.25 !important; +} + +.markdown-body .text-bold { + font-weight: 600 !important; +} + +.markdown-body::before { + display: table; + content: ''; +} + +.markdown-body::after { + display: table; + clear: both; + content: ''; +} + +.markdown-body > :first-child { + margin-top: 0 !important; +} + +.markdown-body > :last-child { + margin-bottom: 0 !important; +} + +.markdown-body a:not([href]) { + color: inherit; + text-decoration: none; +} + +.markdown-body blockquote, +.markdown-body dl, +.markdown-body ol, +.markdown-body p, +.markdown-body table, +.markdown-body ul { + margin-top: 0; + margin-bottom: 16px; +} + +.markdown-body hr { + height: 0.25em; + margin: 24px 0; + padding: 0; + background-color: #e1e4e8; + border: 0; +} + +.markdown-body blockquote { + padding: 0 1em; + color: #6a737d; + border-left: 0.25em solid #dfe2e5; +} + +.markdown-body blockquote > :first-child { + margin-top: 0; +} + +.markdown-body blockquote > :last-child { + margin-bottom: 0; +} + +.markdown-body kbd { + display: inline-block; + padding: 3px 5px; + color: #444d56; + font-size: 11px; + line-height: 10px; + vertical-align: middle; + background-color: #fafbfc; + border: 1px solid #c6cbd1; + border-bottom-color: #959da5; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #959da5; +} + +.markdown-body h1, +.markdown-body h2, +.markdown-body h3, +.markdown-body h4, +.markdown-body h5, +.markdown-body h6 { + margin-top: 42px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; +} + +.markdown-body h1 { + font-size: 2em; +} + +.markdown-body h1, +.markdown-body h2 { + /* border-bottom: 1px solid #eaecef; */ + + /* padding-bottom: 0.3em; */ +} + +.markdown-body h1 { + margin-bottom: 0; + padding-bottom: 0; + font-size: 4em; +} + +.markdown-body h2 { + font-size: 2.6em; +} + +.markdown-body h3 { + font-size: 1.8em; +} + +.markdown-body h4 { + font-size: 1.12em; +} + +.markdown-body h5 { + font-size: 0.875em; +} + +.markdown-body h6 { + color: #6a737d; + font-size: 0.85em; +} + +.markdown-body ol, +.markdown-body ul { + padding-left: 2em; +} + +.markdown-body ol ol, +.markdown-body ol ul, +.markdown-body ul ol, +.markdown-body ul ul { + margin-top: 0; + margin-bottom: 0; +} + +.markdown-body li { + word-wrap: break-all; +} + +.markdown-body li > p { + margin-top: 16px; +} + +.markdown-body li + li { + margin-top: 0.25em; +} + +.markdown-body img { + box-sizing: content-box; + max-width: 100%; + background-color: #fff; +} + +.markdown-body img[align='right'] { + padding-left: 20px; +} + +.markdown-body img[align='left'] { + padding-right: 20px; +} + +.markdown-body iframe { + max-width: 100%; +} diff --git a/examples/snowpack/public/css/_globals.scss b/examples/snowpack/public/css/_globals.scss new file mode 100644 index 000000000..960ff591c --- /dev/null +++ b/examples/snowpack/public/css/_globals.scss @@ -0,0 +1,29 @@ +@use './var' as *; + +html, +body { + margin: 0; + font-family: $body; +} + +* { + box-sizing: border-box; +} + +img { + max-width: 100%; + height: auto; +} + +p { + line-height: 1.25; +} + +.header-logo, +.header-snowpack, +.header-snowpack-subtitle, +.pretty-font, +.version-number { + font-weight: 600; + font-family: $heading; +} diff --git a/examples/snowpack/public/css/_prism.scss b/examples/snowpack/public/css/_prism.scss new file mode 100644 index 000000000..29a3cf5d8 --- /dev/null +++ b/examples/snowpack/public/css/_prism.scss @@ -0,0 +1,228 @@ +pre, +code { + color: #d4d4d4; + font-size: 14px; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + line-height: 1.5; + direction: ltr; + white-space: pre; + text-align: left; + text-shadow: none; + word-break: normal; + word-spacing: normal; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +pre::selection, +code::selection { + text-shadow: none; + background: #b3d4fc; +} + +@media print { + pre, + code { + text-shadow: none; + } +} + +pre { + margin: 0.5rem 0 16px; + padding: 0.8rem 1rem 0.9rem; + overflow: auto; + background: #282a36; + border-radius: 4px; +} + +:not(pre) > code { + padding: 0.1em 0.3em; + color: #db4c69; + background: #f9f2f4; + border-radius: 0.3em; + white-space: pre-wrap; +} + +/********************************************************* +* Tokens +*/ +.namespace { + opacity: 0.7; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #6a9955; +} + +.token.punctuation { + color: #d4d4d4; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #b5cea8; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #ce9178; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #d4d4d4; + background: rgb(45, 55, 72); +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #c586c0; +} + +.token.function { + color: #dcdcaa; +} + +.token.regex, +.token.important, +.token.variable { + color: #d16969; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.constant { + color: #9cdcfe; +} + +.token.class-name { + color: #4ec9b0; +} + +.token.parameter { + color: #9cdcfe; +} + +.token.interpolation { + color: #9cdcfe; +} + +.token.punctuation.interpolation-punctuation { + color: #569cd6; +} + +.token.boolean { + color: #569cd6; +} + +.token.property { + color: #9cdcfe; +} + +.token.selector { + color: #d7ba7d; +} + +.token.tag { + color: #569cd6; +} + +.token.attr-name { + color: #9cdcfe; +} + +.token.attr-value { + color: #ce9178; +} + +.token.entity { + color: #4ec9b0; + cursor: unset; +} + +.token.namespace { + color: #4ec9b0; +} + +/********************************************************* +* Language Specific +*/ +pre[class*='language-javascript'], +code[class*='language-javascript'] { + color: #4ec9b0; +} + +pre[class*='language-css'], +code[class*='language-css'] { + color: #ce9178; +} + +pre[class*='language-html'], +code[class*='language-html'] { + color: #d4d4d4; +} + +.language-html .token.punctuation { + color: #808080; +} + +/********************************************************* +* Line highlighting +*/ +pre[data-line] { + position: relative; +} + +pre > code { + position: relative; + z-index: 1; +} + +.line-highlight { + position: absolute; + right: 0; + left: 0; + z-index: 0; + margin-top: 1em; + padding: inherit 0; + line-height: inherit; + white-space: pre; + background: #f7ebc6; + box-shadow: inset 5px 0 0 #f7d87c; + pointer-events: none; +} + +pre[class*='language-bash'] .token.function { + color: #d4d4d4; +} +.token.comment { + color: #fff7; +} diff --git a/examples/snowpack/public/css/_typography.scss b/examples/snowpack/public/css/_typography.scss new file mode 100644 index 000000000..67b7d0d22 --- /dev/null +++ b/examples/snowpack/public/css/_typography.scss @@ -0,0 +1,87 @@ +@use './var' as *; + +.content { + a { + color: #0366d6; + text-decoration: none; + } + + h1, + h2, + h3, + h4, + h5, + h6 { + font-weight: 600; + font-family: $heading; + line-height: 1.2; + } + + h1 { + font-size: 3em; + + @media (min-width: 600px) { + font-size: 3.25em; + } + } + + h2 { + font-size: 2.75em; + + @media (min-width: 600px) { + font-size: 3em; + } + } + + h3 { + font-size: 2em; + + @media (min-width: 600px) { + font-size: 2.25em; + } + } + + h4 { + font-size: 1em; + + @media (min-width: 600px) { + font-size: 1.2em; + } + } + + ul li, + ol li { + margin-top: 0.5em; + margin-bottom: 0.5em; + line-height: 1.6; + } + + p { + margin-top: 1.5em; + margin-bottom: 1.5em; + line-height: 1.7; + } + + blockquote { + margin: 0; + padding: 1rem 2rem; + color: #2e5e82; + font-weight: 300; + font-size: 1.1em; + background: linear-gradient(-30deg, #c9efd8, #f9ddff); + border-left: none; + + @media (min-width: $breakpoint-m) { + border-radius: 0.5rem; + box-shadow: 0 1px 2px rgba(50, 127, 177, 0.1), + 0 1.5rem 3rem rgba(50, 125, 177, 0.1); + } + + & *:first-child { + margin-top: 0; + } + & *:last-child { + margin-bottom: 0; + } + } +} diff --git a/examples/snowpack/public/css/_var.scss b/examples/snowpack/public/css/_var.scss new file mode 100644 index 000000000..9cac21ecd --- /dev/null +++ b/examples/snowpack/public/css/_var.scss @@ -0,0 +1,41 @@ +// typography +$body: -apple-system, 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', + 'Oxygen', 'Ubuntu', 'Cantarell', 'Open Sans', sans-serif; +$heading: 'Overpass', $body; +$code: 'SFMono-Regular', 'Consolas', 'Liberation Mono', 'Menlo', monospace; + +// breakpoints +$breakpoint-m: 800px; +$breakpoint-l: 1240px; + +// nav bar height mobile +$nav-height: 56px; + +// colors +$blue: #0a5e9d; +$dark-blue: #2e5e82; +$lightest-blue: #cfe2f2; +$orange: #fa6400; + +$color-primary: $dark-blue; +$color-secondary: $blue; +$color-light: $lightest-blue; +$color-strong-contrast: $orange; +$grey: #717171; +$dark-grey: #393939; +$light-grey: #c1c1c1; +$darkest-grey: #333; +$white: #fff; + +$light-rainbow-blue: #c9efd8; +$light-rainbow-pink: #f9ddff; +$rainbow-purple: #b224d0; +$rainbow-blue: #267dd6; +$rainbow-green: #24bf62; +$rainbow-yellow: #f0db4f; + +$layers: ( + 'base': 1, + 'nav-view': 9, + 'nav': 10, +); diff --git a/examples/snowpack/public/css/app.scss b/examples/snowpack/public/css/app.scss new file mode 100644 index 000000000..aa153320c --- /dev/null +++ b/examples/snowpack/public/css/app.scss @@ -0,0 +1,31 @@ +// GitHub markdown styles +@use './_github-markdown'; + +// Syntax highlighting +@use './_prism'; + +// Global styles +@use './_globals'; + +// Typography +@use './_typography'; + +// Components +@use './components/container'; +@use './components/hero'; +@use './components/icon'; +@use './components/logo'; +@use './components/nav'; +@use './components/old'; +@use './components/toc'; +@use './components/view'; +@use './components/search'; +@use './components/feature-list'; +@use './components/button'; +@use './components/copy-button'; +@use './components/card-grid'; + +// Pages +@use './pages/plugins'; + +@import 'docsearch.js/dist/cdn/docsearch.min.css'; diff --git a/examples/snowpack/public/css/components/_button.scss b/examples/snowpack/public/css/components/_button.scss new file mode 100644 index 000000000..8c865d0dd --- /dev/null +++ b/examples/snowpack/public/css/components/_button.scss @@ -0,0 +1,42 @@ +@use '../var' as *; +@use '../animations' as *; + +.button { + box-sizing: border-box; + margin-top: 2px; + margin-bottom: 2px; + padding: 0.3em 1.5em; + font-weight: bold; + font-size: 100%; + font-size: 22px; + font-family: inherit; + font-family: 'Overpass', sans-serif; + white-space: nowrap; + text-align: center; + text-decoration: none; + vertical-align: middle; + background-color: #fefefe; + border: 1px solid #666; + border-radius: 4px; + cursor: pointer; + text-decoration: none !important; + user-select: none; + @include animation-hover-pop; + + &-primary { + color: #fff; + background: linear-gradient(45deg, #24bf62, #267dd6, #b224d0); + } +} + +a.button { + text-decoration: none !important; + &-primary { + color: #fff; + } +} + +.button-container { + display: flex; + flex-wrap: wrap; +} diff --git a/examples/snowpack/public/css/components/_card-grid.scss b/examples/snowpack/public/css/components/_card-grid.scss new file mode 100644 index 000000000..5bfb8eee4 --- /dev/null +++ b/examples/snowpack/public/css/components/_card-grid.scss @@ -0,0 +1,105 @@ +.card-grid { + display: grid; + grid-column-gap: 15px; + grid-row-gap: 15px; + grid-auto-flow: dense; +} + +.card-grid-3 { + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); +} +.card-grid-4 { + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); +} +.discord-banner { + grid-column: 1 / -1; + border: 1px solid #2e2077; + background-color: #545eec; + display: flex; + align-items: center; + font-size: 16px; + color: white; + font-weight: 500; + padding: 1.25rem; + margin: 1.5rem 0 1rem; + background: #545eec; + box-shadow: 6px 6px 20px #4750c966, -6px -6px 20px #616cff66; +} +.discord-banner > * { + display: block; +} + +@media (max-width: 700px) { + .discord-banner { + flex-direction: column; + } + .discord-banner > div { + margin-top: 1rem; + } +} + +.card { + display: flex; + grid-column: span 1; + overflow: hidden; + font-family: Open Sans, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, + Roboto, sans-serif; + color: #1a202c; + -webkit-font-smoothing: antialiased; + box-sizing: border-box; + border: 1px solid #e2e8f0; +} +.card:hover { + border-color: #2a85ca; + box-shadow: 0 2px 2px 0 rgba(46, 94, 130, 0.4); +} +.card:hover .card-image { + opacity: 0.9; +} + +.card-image { + width: 100%; + object-fit: cover; + opacity: 0.8; +} + + +.card-image-small { + flex-grow: 1; + height: 120px; +} + +.card-image-large { + height: 200px; +} +.card-text { + padding: 1rem; +} +.card-title { + margin: 0 0 0.25rem 0; + font-weight: 600; + font-size: 20px; + font-family: 'Overpass'; + line-height: 1.1; +} +.content-title { + font-family: 'Overpass'; +} + +.card:nth-child(4n + 0) .card-image { + background: #f2709c; + background: linear-gradient(30deg, #ff9472, #f2709c); +} +.card:nth-child(4n + 1) .card-image { + background: #fbd3e9; + background: linear-gradient(30deg, #bb377d, #fbd3e9); +} +.card:nth-child(4n + 2) .card-image { + background: #b993d6; + background: linear-gradient(30deg, #8ca6db, #b993d6); +} + +.card:nth-child(4n + 3) .card-image { + background: #00d2ff; + background: linear-gradient(30deg, #3a7bd5, #00d2ff); +} diff --git a/examples/snowpack/public/css/components/_container.scss b/examples/snowpack/public/css/components/_container.scss new file mode 100644 index 000000000..a009bad5a --- /dev/null +++ b/examples/snowpack/public/css/components/_container.scss @@ -0,0 +1,5 @@ +.container { + max-width: 1400px; + padding-right: 1.5rem; + padding-left: 1.5rem; +} diff --git a/examples/snowpack/public/css/components/_copy-button.scss b/examples/snowpack/public/css/components/_copy-button.scss new file mode 100644 index 000000000..3a27b9087 --- /dev/null +++ b/examples/snowpack/public/css/components/_copy-button.scss @@ -0,0 +1,48 @@ +@use '../var' as *; +@use '../animations' as *; + +.copy-button { + display: flex; + flex: none; + align-items: center; + justify-content: center; + box-sizing: border-box; + min-width: 292px; + padding: 0.75rem 1.25rem; + padding-bottom: 0.75rem; + font-size: 100%; + font-family: Menlo, ui-monospace, SFMono-Regular, Monaco, Consolas, + Liberation Mono, Courier New, monospace; + line-height: 1.5rem; + background-color: white; + border: 1px solid #0006; + border-radius: 4px; + cursor: pointer; + @include animation-copy-button; + + svg, + .faded { + color: #ccc; + transition: color 0.1s ease-out; + } +} + +// I don't think this is used +.copy-button.active { + animation: pulse 0.5s; + animation-iteration-count: 1; + + svg { + color: #ccc; + } +} + +@keyframes pulse { + 0% { + color: #2a85ca; + border-color: #2a85ca; + } + + 100% { + } +} diff --git a/examples/snowpack/public/css/components/_feature-list.scss b/examples/snowpack/public/css/components/_feature-list.scss new file mode 100644 index 000000000..f1a164774 --- /dev/null +++ b/examples/snowpack/public/css/components/_feature-list.scss @@ -0,0 +1,46 @@ +@use '../var' as *; +// A long feature list in columns +.feature-list { + + &-top { + text-align: left; + } + + &-bullets { + display: grid; + grid-row-gap: 1em; + grid-column-gap: 2em; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + margin: 2.5em 0 !important; + padding: .1em !important; + list-style: none; + + h3 { + margin: 0 0 .25em 0; + font-size: 1.25em; + } + + } + &-bullet { + display: list-item; + padding: 0.25em; + border-radius: 4px; + + &::before { + display: block; + float: left; + margin-right: 6px; + color: green !important; + content: '✅'; + + } + } + &-buttons { + margin: 2em 0; + text-align: center; + } + &-button { + display: inline-block; + margin: 0.5em; + } +} diff --git a/examples/snowpack/public/css/components/_hero.scss b/examples/snowpack/public/css/components/_hero.scss new file mode 100644 index 000000000..daa2a1f27 --- /dev/null +++ b/examples/snowpack/public/css/components/_hero.scss @@ -0,0 +1,108 @@ +@use '../var' as *; + +.hero { + display: flex; + align-items: center; + justify-content: center; + height: 50vh; + min-height: 20rem; + max-height: 30rem; + color: #111; + line-height: 1.5; + background: #2a85ca40; + background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' title='mountain' class='logo' fill='%23FFFB'%3E%3Cpath d='M634.92 462.7l-288-448C341.03 5.54 330.89 0 320 0s-21.03 5.54-26.92 14.7l-288 448a32.001 32.001 0 0 0-1.17 32.64A32.004 32.004 0 0 0 32 512h576c11.71 0 22.48-6.39 28.09-16.67a31.983 31.983 0 0 0-1.17-32.63zM320 91.18L405.39 224H320l-64 64-38.06-38.06L320 91.18z' /%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: calc(100% + 100px) calc(100% + 64px); + background-size: 50%; + border-bottom: 1px solid #0003; + //margin-top: $nav-height; + + @media (min-width: $breakpoint-l) { + margin: 0; + } + + a { + color: white; + } + + > svg { + display: block; + margin: auto; + opacity: 0.9; + } + + .logo { + position: absolute; + right: 0; + width: 100%; + } + .logo path { + fill: #fff; + } + + .section { + padding: 1rem * 2; + } +} + +.hero-cta { + display: flex; + justify-content: center; + margin: 1.5rem auto 0; +} +.header-link { + padding-left: 2px; +} + +.header-logo { + display: flex; + align-items: center; + float: left; + margin: 0 -20px 0 0; + font-weight: bold; + font-size: 36px; + line-height: 1; + + @media (min-width: $breakpoint-m) { + margin: 0 20px 0 0; + } + + svg { + width: 31px; + height: 31px; + margin-right: 8px; + margin-left: 2px; + padding: 0; + color: #fff; + } +} + +.header-snowpack { + margin: 0 auto 0.75rem; + font-weight: 900; + font-size: 3.5rem; + line-height: 1; + letter-spacing: -0.045em; + text-align: center; + opacity: 0.9; + + @media (min-width: $breakpoint-m) { + max-width: none; + font-size: 5.75rem; + opacity: 1; + } +} + +.header-snowpack-subtitle { + margin: 0; + margin: auto; + font-weight: 500; + font-size: 2rem; + line-height: 1; + letter-spacing: -1px; + text-align: center; + + @media (min-width: $breakpoint-m) { + font-size: 3rem; + } +} diff --git a/examples/snowpack/public/css/components/_icon.scss b/examples/snowpack/public/css/components/_icon.scss new file mode 100644 index 000000000..ac08b9337 --- /dev/null +++ b/examples/snowpack/public/css/components/_icon.scss @@ -0,0 +1,21 @@ +/** + * Icon + * SVG icons and the like + */ + +.snow-icon { + display: block; + width: 1em; + height: 1em; + fill: currentColor; + + // ---------- + // Modifiers + // ---------- + + // note: this is just an example; make others! + &__lg { + width: 2em; + height: 2em; + } +} diff --git a/examples/snowpack/public/css/components/_logo.scss b/examples/snowpack/public/css/components/_logo.scss new file mode 100644 index 000000000..92e139fd4 --- /dev/null +++ b/examples/snowpack/public/css/components/_logo.scss @@ -0,0 +1,29 @@ +@use '../var' as *; + +/** + * Snowpack Logo + * That iconic mountain you know and love + */ + +.snow-logo { + display: inline-flex; + align-items: center; + + // ----------- + // Components + // ----------- + + &-icon { + display: block; + width: 1em; + height: 1em; + margin-right: 0.25em; + fill: currentColor; + } + + &-type { + font-weight: 700; + font-family: $heading; + letter-spacing: -0.03em; + } +} diff --git a/examples/snowpack/public/css/components/_nav.scss b/examples/snowpack/public/css/components/_nav.scss new file mode 100644 index 000000000..7220b38e2 --- /dev/null +++ b/examples/snowpack/public/css/components/_nav.scss @@ -0,0 +1,118 @@ +@use '../var' as *; + +/** + * Top nav + * The thing at the top + */ + +.snow-nav { + position: sticky; + top: 0; + z-index: map-get($map: $layers, $key: 'nav'); + display: grid; + grid-template-areas: + 'mobile logo version' + 'search search search'; + grid-template-rows: $nav-height $nav-height; + grid-template-columns: 1fr 2fr 1fr; + align-items: center; + height: $nav-height; + padding-right: 0.5rem; + padding-left: 0.625rem; + color: $white; + background-color: $dark-blue; + + body.is-nav-open & { + height: $nav-height * 2; + } + + @media (min-width: $breakpoint-m) { + display: flex; + height: $nav-height; + padding-left: 0; + } + + // ----------- + // Components + // ----------- + + &-link { + display: inline-block; + padding: 0.5em; + color: $white; + font-weight: 500; + text-decoration: none; + opacity: 0.7; + transition: opacity 150ms linear; + + &:focus, + &:hover { + opacity: 1; + } + + &__desktop { + display: none; + + @media (min-width: $breakpoint-m) { + display: block; + } + } + } + + &-logo { + display: flex; + grid-area: logo; + justify-content: center; + padding: 0.5rem; + color: $white; + font-size: 24px; + text-decoration: none; + + @media (min-width: $breakpoint-m) { + justify-content: flex-start; + padding: 0.5rem 1.25rem; + } + } + + &-mobile-open { + display: flex; + grid-area: mobile; + align-items: center; + justify-content: center; + width: 2rem; + height: 2rem; + padding: 0; + color: $white; + font-size: 16px; + background: none; + border: none; + appearance: none; + + @media (min-width: $breakpoint-m) { + display: none; + } + } + + &-version { + grid-area: version; + margin-left: 0.5em; + font-size: 0.8em; + font-family: $code; + text-align: right; + + @media (min-width: $breakpoint-m) { + text-align: left; + + &::after { + display: inline-block; + width: 1px; + height: 1.5em; + margin-left: 0.5em; + vertical-align: -25%; + background-color: rgba($white, 0.25); + content: ''; + } + } + } +} + diff --git a/examples/snowpack/public/css/components/_old.scss b/examples/snowpack/public/css/components/_old.scss new file mode 100644 index 000000000..a39d1a4b5 --- /dev/null +++ b/examples/snowpack/public/css/components/_old.scss @@ -0,0 +1,247 @@ +@use '../var' as *; + +body { + &.is-nav-open { + overflow: hidden; + } +} + +// Notification + +.notification { + padding: 0.5rem; + color: white; + font-weight: bold; + background-color: #b224d0; + a { + color: white; + text-decoration: underline; + } +} + +// Stub +.stub { + padding: 0.5rem; + font-weight: bold; + background-color: #f0db4f; + a { + text-decoration: underline; + } +} + + + +// Company logos +img.company-logo { + flex: 100%; + height: 56px; + border: none !important; + box-shadow: none !important; +} + +.company-logos { + display: flex; + flex-wrap: wrap; + margin-top: -4px; + margin-bottom: 24px; + + > a { + flex-shrink: 0; + margin: 0 4px; + padding: 10px; + color: #e74c3c; + text-decoration: none; + opacity: 0.8; + filter: grayscale(0.1); + + &:hover { + font-weight: normal; + text-decoration: underline; + opacity: 1; + filter: grayscale(0); + } + } + + > .add-company-button, + > .add-star-button { + display: flex; + align-items: center; + color: #555; + font-weight: normal; + opacity: 1; + filter: grayscale(0); + } + + > .add-company-button { + color: #e74c3c; + border-color: #e74c3c; + } +} + +// github button + +.github-button { + display: none; +} + +// grid list +.grid-list ul { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + font-size: 18px; + font-family: Overpass; + font-style: italic; + list-style: none; +} + +// highlight +.highlight, +.highlight-container { + position: relative; + font-weight: bold; +} + +.highlight-container { + display: inline-block; +} + +.highlight-1 { + color: #2ecc71; +} + +.highlight-2 { + color: #be2edd; +} + +.highlight-3 { + color: #0c8cec; +} + +.highlight-red { + color: #2ecc71; +} +.highlight-yellow { + color: #be2edd; +} +.highlight-green { + color: #0c8cec; +} + +// Img banner +.img-banner { + display: block; + margin: -3rem -1.5rem 0; + text-align: center; + background: #f0db4f; + border-radius: 4px; + + @media (min-width: $breakpoint-m) { + height: 100px; + margin: 0; + } + + img { + height: 74px; + border: none; + box-shadow: none; + + @media (min-width: $breakpoint-m) { + height: 100px; + } + } +} + +// +.content-title { + font-family: $heading; + line-height: 1em; + letter-spacing: -0.05em; +} +h2.content-title { + font-size: 3em; +} +h3.content-title { + font-size: 2em; +} + +// Search form +.search-form { + flex-grow: 1; +} + +// Hidden mobile +@media (max-width: $breakpoint-m - 1) { + .hidden-mobile { + display: none !important; + } + .version-tag { + display: none; + } +} + +// Frame + +.frame { + position: relative; + margin: 1rem 0; + padding: 34px 17px 10px 17px; + background-color: #0a5e9d; + border-radius: 10px; + + &::before { + position: absolute; + top: 5px; + display: block; + content: url(/img/guides/react/buttons.svg); + } + + &::after { + position: absolute; + top: 5px; + right: 17px; + display: block; + content: url(/img/guides/react/snowpack-logo-tiny.svg); + } +} + +// Diff markdown blocks + +.language-diff .deleted-sign, +.language-diff .inserted-sign .inserted { + user-select: none; +} + +.token.inserted { + color: #b5cea8; +} + +.token.deleted { + color: #ce9178; +} + +// Anchor links on hover +.content { + h2, + h3, + h4 { + .header-link { + margin-left: 0.25rem; + color: #2e5e82; + font-weight: 100; + opacity: 1; + transition: opacity 100ms ease-in-out; + + @media (min-width: $breakpoint-m) { + opacity: 0; + } + } + } + + h2, + h3, + h4 { + &:hover .header-link { + opacity: 1; + } + } +} diff --git a/examples/snowpack/public/css/components/_search.scss b/examples/snowpack/public/css/components/_search.scss new file mode 100644 index 000000000..8d84816b6 --- /dev/null +++ b/examples/snowpack/public/css/components/_search.scss @@ -0,0 +1,119 @@ +@use '../var' as *; + +.search-form { + position: relative; + z-index: 1000; + display: flex; + flex-grow: 1; + grid-area: search; + margin: 0 6px; + > * { + flex-grow: 1; + } + + @media (min-width: $breakpoint-m) { + max-width: 600px; + } + + @media (max-width: $breakpoint-m - 1) { + & { + display: none; + } + body.is-nav-open & { + display: flex; + } + } + + & .sr-only { + display: none; + } + + &-hint { + position: absolute; + top: 0; + right: 0; + display: none; + padding: 6px 12px; + color: #c2ced9; + font-size: 16px; + pointer-events: none; + + & * { + font-family: $code; + } + + &::before { + display: inline-block; + width: 1px; + height: 1.5em; + margin-right: 0.5em; + vertical-align: -35%; + background-color: rgba($white, 0.25); + content: ''; + } + + @media (min-width: $breakpoint-m) { + display: block; + } + } + + &-input { + flex-grow: 1; + box-sizing: border-box; + width: 100%; + margin: 0; + padding-top: 0.5rem; + padding-right: 1rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + overflow: visible; + color: #fff; + font-weight: 500; + font-size: 100%; + font-family: inherit; + line-height: inherit; + background-color: #446e8f; + border-color: rgba($white, 0.25); + border-style: solid; + border-width: 1px; + border-radius: 0.25rem; + outline: 0; + transition-timing-function: ease-in-out; + transition-duration: 0.2s; + transition-property: border-color, color; + -webkit-font-smoothing: antialiased; + + &:focus { + color: white; + border-color: rgba($white, 0.75); + + &::placeholder { + color: rgba($white, 0.8); + } + } + &::placeholder { + color: #c2ced9; + } + + &__desktop { + display: none; + + @media (min-width: $breakpoint-m) { + display: block; + } + } + } +} + +.algolia-autocomplete .ds-dropdown-menu { + @media (max-width: $breakpoint-m - 1) { + width: 100%; + min-width: inherit; + max-width: inherit; + margin-top: 0.5rem; + } +} + +.algolia-autocomplete .ds-dropdown-menu::before { + display: none !important; +} diff --git a/examples/snowpack/public/css/components/_toc.scss b/examples/snowpack/public/css/components/_toc.scss new file mode 100644 index 000000000..8e23b358f --- /dev/null +++ b/examples/snowpack/public/css/components/_toc.scss @@ -0,0 +1,132 @@ +@use '../var' as *; + +/** + * Table of Contents (toc) + * The left-hand sidebar + */ + +$top-padding: 24px; + +%toc-link { + position: relative; + display: block; + color: $white; + text-decoration: none; + border: none; + transition: color 0.3s; + + @media (min-width: $breakpoint-m) { + color: $grey; + } + + &::before { + position: absolute; + top: -2px; + left: -19px; + font-weight: 400; + font-size: 26px; + line-height: 1; + opacity: 0; + transition: left .14s ease-out; + content: "▸"; + } + + + &:hover { + text-decoration: underline; + } + + &.active { + color: #0c8cec; + text-decoration: underline; + + &::before { + left: -17px; + opacity: 1; + } + } +} + +.snow-toc { + transition: padding 0.2s ease-out, opacity 0.2s ease-in-out; + + // ----------- + // Components + // ----------- + + &-contents { + margin: 0; + padding: 0; + line-height: 1.8; + list-style: none; + } + + &-link { + @extend %toc-link; + } + + &-section { + + .snow-toc-section { + margin-top: 1.5rem; + } + + &-header { + margin-top: 0; + margin-bottom: 8px; + color: rgba($white, 0.6); + font-weight: 600; + font-size: 20px; + font-family: $heading; + line-height: 1.2em; + + @media (min-width: $breakpoint-m) { + color: $dark-grey; + } + } + + &-items { + margin: 0; + padding: 0; + list-style: none; + } + } + + // ---------- + // Modifiers + // ---------- + + &__subnav { + position: static; + z-index: 1; + padding-top: 2rem; + + .snow-toc-section-header { + color: $dark-grey; + } + + hr { + display: block; + height: 1px; + margin: 1rem 0; + background-color: $light-grey; + border: none; + appearance: none; + } + + ol { + margin: 0; + padding: 0; + list-style: none; + } + + li { + line-height: 1.8; + } + + a { + @extend %toc-link; + + color: $grey; + } + } +} diff --git a/examples/snowpack/public/css/components/_view.scss b/examples/snowpack/public/css/components/_view.scss new file mode 100644 index 000000000..a18509054 --- /dev/null +++ b/examples/snowpack/public/css/components/_view.scss @@ -0,0 +1,152 @@ +@use '../var' as *; + +/** + * Main document view + */ + +$top-padding: 24px; + +// Document view +.snow-view__docs { + grid-gap: 1.5rem; + grid-template-areas: 'subnav' 'main'; + grid-template-columns: auto; + + @media (min-width: $breakpoint-m) { + display: grid; + grid-template-areas: + 'nav subnav' + 'nav main'; + grid-template-columns: 16rem minmax(auto, $breakpoint-m); + } + + @media (min-width: $breakpoint-l) { + display: grid; + grid-template-areas: 'nav main subnav'; + grid-template-columns: 16rem auto 20rem; + } + + &.is-home { + margin-top: 1.5rem; + margin-bottom: 3rem; + + .snow-view-nav { + padding-top: 1.5rem; + @media (min-width: $breakpoint-m) { + position: static; + max-height: inherit; + } + } + } + &.is-full { + .snow-view-main { + grid-row-start: main; + grid-row-end: main; + grid-column-start: main; + grid-column-end: subnav; + } + } + + &.has-subnav { + .snow-view-main .content-title { + display: block; + @media (max-width: $breakpoint-l) { + display: none; + } + } + } + + .content-body { + h2, + h3 { + margin-top: -50px; + padding-top: 80px; + margin-bottom: 20px; + } + } + + // ----------- + // Components + // ----------- + + .snow-view-nav { + position: fixed; + top: $nav-height * 2; + right: 0; + bottom: 0; + left: 0; + z-index: map-get($map: $layers, $key: 'nav-view'); + display: none; + grid-area: nav; + width: 100%; + padding: 1rem 1.5rem; + overflow: auto; + color: $white; + background: $dark-blue; + + body.is-nav-open & { + display: block; + } + } + + .snow-view-main { + grid-area: main; + min-width: 0; + padding: $top-padding 0 $top-padding 0; + } + + .snow-view-subnav { + grid-area: subnav; + padding: 90px 0 $top-padding 0; + overflow: auto; + + @media (max-width: $breakpoint-l) { + padding-top: $top-padding; + } + + .content-title { + display: none; + @media (max-width: $breakpoint-l) { + display: block; + } + } + } + + .snow-view-nav { + @media (min-width: $breakpoint-m) { + position: sticky; + top: $nav-height; + z-index: 1; + display: block; + max-height: calc(100vh - #{$nav-height}); + color: inherit; + background: none; + -webkit-overflow-scrolling: touch; + } + + @media (max-width: $breakpoint-m - 1) { + padding-bottom: 2rem; + + &.is-mobile-hidden { + overflow: hidden; + } + &.is-mobile-hidden .snow-toc { + padding-top: 0.5rem; + opacity: 0; + } + } + } + + .snow-view-subnav { + @media (min-width: $breakpoint-l) { + position: sticky; + top: $nav-height; + z-index: 1; + display: block; + max-height: calc(100vh - #{$nav-height}); + color: inherit; + background: none; + -webkit-overflow-scrolling: touch; + } + } +} diff --git a/examples/snowpack/public/css/legacy-post.css b/examples/snowpack/public/css/legacy-post.css new file mode 100644 index 000000000..1afbbcbb9 --- /dev/null +++ b/examples/snowpack/public/css/legacy-post.css @@ -0,0 +1,18 @@ +@charset "UTF-8"; +/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}.markdown-body .anchor{float:left;line-height:1;margin-left:-20px;padding-right:4px}.markdown-body .anchor:focus{outline:none}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#24292e;line-height:1.6;word-wrap:break-word}.markdown-body .pl-c{color:#6a737d}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#005cc5}.markdown-body .pl-e,.markdown-body .pl-en{color:#6f42c1}.markdown-body .pl-s .pl-s1,.markdown-body .pl-smi{color:#24292e}.markdown-body .pl-ent{color:#22863a}.markdown-body .pl-k{color:#d73a49}.markdown-body .pl-pds,.markdown-body .pl-s,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sra,.markdown-body .pl-sr .pl-sre{color:#032f62}.markdown-body .pl-smw,.markdown-body .pl-v{color:#e36209}.markdown-body .pl-bu{color:#b31d28}.markdown-body .pl-ii{background-color:#b31d28;color:#fafbfc}.markdown-body .pl-c2{background-color:#d73a49;color:#fafbfc}.markdown-body .pl-c2:before{content:"^M"}.markdown-body .pl-sr .pl-cce{color:#22863a;font-weight:700}.markdown-body .pl-ml{color:#735c0f}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{color:#005cc5;font-weight:700}.markdown-body .pl-mi{color:#24292e;font-style:italic}.markdown-body .pl-mb{color:#24292e;font-weight:700}.markdown-body .pl-md{background-color:#ffeef0;color:#b31d28}.markdown-body .pl-mi1{background-color:#f0fff4;color:#22863a}.markdown-body .pl-mc{background-color:#ffebda;color:#e36209}.markdown-body .pl-mi2{background-color:#005cc5;color:#f6f8fa}.markdown-body .pl-mdr{color:#6f42c1;font-weight:700}.markdown-body .pl-ba{color:#586069}.markdown-body .pl-sg{color:#959da5}.markdown-body .pl-corl{color:#032f62;text-decoration:underline}.markdown-body details{display:block}.markdown-body summary{display:list-item}.markdown-body a{background-color:transparent}.markdown-body a:active,.markdown-body a:hover{outline-width:0}.markdown-body strong{font-weight:inherit;font-weight:bolder}.markdown-body h1{margin:.67em 0}.markdown-body img{border-style:none}.markdown-body hr{box-sizing:content-box;overflow:visible}.markdown-body input{font:inherit;margin:0;overflow:visible}.markdown-body [type=checkbox]{box-sizing:border-box;padding:0}.markdown-body *{box-sizing:border-box}.markdown-body input{font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body a{color:#0366d6;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body hr{background:transparent;border-bottom:1px solid #dfe2e5;height:0;margin:15px 0;overflow:hidden}.markdown-body hr:after,.markdown-body hr:before{content:"";display:table}.markdown-body hr:after{clear:both}.markdown-body table{border-collapse:collapse;border-spacing:0;display:block;width:100%;overflow:auto}.markdown-body table td,.markdown-body table th{padding:6px 13px}.markdown-body table tr{background-color:#fff}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body details summary{cursor:pointer}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-bottom:0;margin-top:0}.markdown-body h1{font-size:32px}.markdown-body h1,.markdown-body h2{font-weight:600}.markdown-body h2{font-size:24px}.markdown-body h3{font-size:20px}.markdown-body h3,.markdown-body h4{font-weight:600}.markdown-body h4{font-size:16px}.markdown-body h5{font-size:14px}.markdown-body h5,.markdown-body h6{font-weight:600}.markdown-body h6{font-size:12px}.markdown-body p{margin-bottom:10px;margin-top:0}.markdown-body blockquote{margin:0}.markdown-body ol,.markdown-body ul{margin-bottom:0;margin-top:0;padding-left:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ol ol ol,.markdown-body ol ul ol,.markdown-body ul ol ol,.markdown-body ul ul ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body input::-webkit-inner-spin-button,.markdown-body input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.markdown-body .border{border:1px solid #e1e4e8!important}.markdown-body .border-0{border:0!important}.markdown-body .border-bottom{border-bottom:1px solid #e1e4e8!important}.markdown-body .rounded-1{border-radius:3px!important}.markdown-body .bg-white{background-color:#fff!important}.markdown-body .bg-gray-light{background-color:#fafbfc!important}.markdown-body .text-gray-light{color:#6a737d!important}.markdown-body .mb-0{margin-bottom:0!important}.markdown-body .my-2{margin-bottom:8px!important;margin-top:8px!important}.markdown-body .pl-0{padding-left:0!important}.markdown-body .py-0{padding-bottom:0!important;padding-top:0!important}.markdown-body .pl-1{padding-left:4px!important}.markdown-body .pl-2{padding-left:8px!important}.markdown-body .py-2{padding-bottom:8px!important;padding-top:8px!important}.markdown-body .pl-3,.markdown-body .px-3{padding-left:16px!important}.markdown-body .px-3{padding-right:16px!important}.markdown-body .pl-4{padding-left:24px!important}.markdown-body .pl-5{padding-left:32px!important}.markdown-body .pl-6{padding-left:40px!important}.markdown-body .f6{font-size:12px!important}.markdown-body .lh-condensed{line-height:1.25!important}.markdown-body .text-bold{font-weight:600!important}.markdown-body:after,.markdown-body:before{content:"";display:table}.markdown-body:after{clear:both}.markdown-body>:first-child{margin-top:0!important}.markdown-body>:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body blockquote,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body table,.markdown-body ul{margin-bottom:16px;margin-top:0}.markdown-body hr{background-color:#e1e4e8;border:0;height:.25em;margin:24px 0;padding:0}.markdown-body blockquote{border-left:.25em solid #dfe2e5;color:#6a737d;padding:0 1em}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body kbd{background-color:#fafbfc;border:1px solid #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5;color:#444d56;display:inline-block;font-size:11px;line-height:10px;padding:3px 5px;vertical-align:middle}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-weight:600;line-height:1.25;margin-bottom:16px;margin-top:42px}.markdown-body h1{font-size:2em}.markdown-body h1,.markdown-body h2{padding-bottom:.3em}.markdown-body h1{font-size:4em;margin-bottom:0;padding-bottom:0}.markdown-body h2{font-size:2.6em}.markdown-body h3{font-size:1.8em}.markdown-body h4{font-size:1.12em}.markdown-body h5{font-size:.875em}.markdown-body h6{color:#6a737d;font-size:.85em}.markdown-body ol,.markdown-body ul{padding-left:2em}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-bottom:0;margin-top:0}.markdown-body li{word-wrap:break-all}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body img{background-color:#fff;box-sizing:content-box;max-width:100%}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body iframe{max-width:100%}code,pre{color:#d4d4d4;font-size:14px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code::-moz-selection,pre::-moz-selection{text-shadow:none;background:#b3d4fc}code::selection,pre::selection{text-shadow:none;background:#b3d4fc}@media print{code,pre{text-shadow:none}}pre{padding:.8rem 1rem .9rem;margin:.5rem 0 16px;overflow:auto;background:#282a36;border-radius:4px}:not(pre)>code{padding:.1em .3em;border-radius:.3em;color:#db4c69;background:#f9f2f4}.namespace{opacity:.7}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6a9955}.token.punctuation{color:#d4d4d4}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#b5cea8}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#ce9178}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#d4d4d4;background:#2d3748}.token.atrule,.token.attr-value,.token.keyword{color:#c586c0}.token.function{color:#dcdcaa}.token.important,.token.regex,.token.variable{color:#d16969}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name{color:#4ec9b0}.token.interpolation,.token.parameter{color:#9cdcfe}.token.boolean,.token.punctuation.interpolation-punctuation{color:#569cd6}.token.property{color:#9cdcfe}.token.selector{color:#d7ba7d}.token.tag{color:#569cd6}.token.attr-name{color:#9cdcfe}.token.attr-value{color:#ce9178}.token.entity{color:#4ec9b0;cursor:unset}.token.namespace,code[class*=language-javascript],pre[class*=language-javascript]{color:#4ec9b0}code[class*=language-css],pre[class*=language-css]{color:#ce9178}code[class*=language-html],pre[class*=language-html]{color:#d4d4d4}.language-html .token.punctuation{color:grey}pre>code,pre[data-line]{position:relative}pre>code{z-index:1}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:#f7ebc6;box-shadow:inset 5px 0 0 #f7d87c;z-index:0;pointer-events:none;line-height:inherit;white-space:pre}pre[class*=language-bash] .token.function{color:#d4d4d4}.token.comment{color:hsla(0,0%,100%,.46667)}.markdown-body,body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}*{position:relative;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}p{line-height:1.5}.header-logo,.header-snowpack,.header-snowpack-subtitle,.markdown-body h1,.markdown-body h2,.markdown-body h3,.pretty-font,.toc,.version-number{font-family:Overpass,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;font-family:inherit;font-size:100%;padding:.5em 1.5em;margin-bottom:1rem;text-decoration:none;border-radius:2px;color:#fff;font-size:22px;background:linear-gradient(45deg,#24bf62,#267dd6,#b224d0);font-family:Overpass,sans-serif;font-weight:700;box-shadow:0 1px 3px 0 #2e5e82;width:100%}img.company-logo{box-shadow:none!important;border:none!important;flex:100%;height:56px}.company-logos{display:flex;flex-wrap:wrap;margin-top:-4px;margin-bottom:24px}.company-logos>a{flex-shrink:0;text-decoration:none;color:#e74c3c;margin:0 4px;padding:10px;filter:grayscale(.1);opacity:.8}.company-logos>a:hover{text-decoration:underline;font-weight:400;filter:grayscale(0);opacity:1}.company-logos>.add-company-button,.company-logos>.add-star-button{display:flex;align-items:center;color:#555;font-weight:400;filter:grayscale(0);opacity:1}.company-logos>.add-company-button{border-color:#e74c3c;color:#e74c3c}.container{margin:auto}.github-button{display:none}.grid-body{overflow:hidden;padding-top:52px}@media (min-width:860px){.grid-body{background:#fff;flex-grow:1;min-width:0;overflow:auto;padding-top:0}} +.grid-body-header{ + background: #FFF3; + color: white; + text-align: center; + font-size: 18px; + padding: 3rem; +} +@media (max-width:860px){.grid-body-header{padding: 3rem 1rem;}}.grid-body-header a{color:#fff}.grid-body-header>svg{margin:auto;display:block;opacity:.9} + +.grid-extra-space{background: linear-gradient(45deg, #24bf62, #267dd6, #b224d0); + border-bottom: 1px solid #555; + padding: 3rem; + } + @media (max-width:860px){.grid-extra-space{padding:1rem 0;}} + +.grid-list ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;font-family:Overpass;font-size:18px;font-style:italic}.grid-nav{display:flex;align-items:center;justify-content:space-between;background:#457396;background:#2e5e82;padding:.5rem 1rem}@media (min-width:860px){.grid-nav{justify-content:left}}.grid-nav img,.grid-nav svg{height:24px;width:24px;display:inline-block;color:hsla(0,0%,100%,.73333)}.grid-nav svg:hover{color:#fff}.grid-nav a{color:#fff;text-decoration:none;line-height:1}.grid-nav .grid-nav-link{line-height:22px;height:22px;font-weight:700;color:#fff;margin:0 0 0 auto;text-transform:uppercase;color:hsla(0,0%,100%,.73333);border-bottom:2px solid hsla(0,0%,100%,.33333)}@media (min-width:860px){.grid-nav .grid-nav-link{margin:0 12px 0 0}}.grid-nav .grid-nav-link:hover{color:#fff;border-bottom:2px solid hsla(0,0%,100%,.53333)}.grid-nav a.version-number{font-size:22px;font-weight:700;line-height:1;color:#fff;margin:0 12px;color:hsla(0,0%,100%,.73333)}.grid-nav a.version-number:hover{color:#fff}.grid-nav .icon-link{height:24px;margin-left:8px}.grid-nav-container{position:fixed;top:0;z-index:100;width:100%}@media (min-width:860px){.grid-nav-container{position:-webkit-sticky;position:sticky}}.grid-toc{position:fixed;top:44px;left:0;right:0;bottom:0;width:100vw;padding:0;flex-shrink:0;flex-grow:0;overflow:auto;z-index:100}@media (min-width:860px){.grid-toc{position:-webkit-sticky;position:sticky;top:52px;width:360px;max-height:calc(100vh - 52px);overflow-y:scroll;-webkit-overflow-scrolling:touch}}.grid-toc-buttons{height:44px;flex-grow:1;background:#457396;background:#2e5e82;padding:.5rem}.grid-toc-buttons img,.grid-toc-buttons svg{height:28px;width:28px;padding:4px;display:inline-block;color:hsla(0,0%,100%,.73333)}.grid-toc-buttons svg:hover{color:#fff}.grid-toc-buttons img{filter:grayscale(90%)}.grid-toc-buttons img:hover{filter:none}.grid-toc-buttons a{float:right;color:#fff;text-decoration:none}.grid-toc-buttons .header-logo{float:left;display:flex;align-items:center;font-weight:700;font-size:22px;line-height:1}.grid-toc-buttons .header-logo svg{color:#fff;padding:0;margin-left:2px;margin-right:8px}.header-link{padding-left:2px}.header-logo{float:left;display:flex;align-items:center;font-weight:700;font-size:36px;line-height:1;margin:0 -20px 0 0}@media (min-width:860px){.header-logo{margin:0 20px 0 0}}.header-logo svg{color:#fff;padding:0;margin-left:2px;margin-right:8px;height:31px;width:31px}.header-snowpack{font-size:4rem;text-align:center;letter-spacing:-.045em;line-height:1;font-weight:900;margin:0 auto .75rem;opacity:.9}@media (min-width:860px){.header-snowpack{opacity:1}}.header-snowpack-subtitle{text-align:center;font-size:2.1rem;font-weight:700;line-height:1;letter-spacing:-1px;max-width:460px;margin:auto;opacity:.6}.highlight,.highlight-container{position:relative;font-weight:700}.highlight-container{display:inline-block}.highlight-1{color:#2ecc71}.highlight-2{color:#be2edd}.highlight-3{color:#0c8cec}.highlight-red{color:#2ecc71}.highlight-yellow{color:#be2edd}.highlight-green{color:#0c8cec}.img-banner{display:block;background:#f0db4f;text-align:center}.img-banner img{height:74px;box-shadow:none;border:none}@media (min-width:860px){.img-banner img{height:100px}}.content,.markdown-body{padding:0 1em;margin-bottom:20vh;margin-left:auto;margin-right:auto;max-width:1000px}@media (min-width:860px){.content,.markdown-body{padding:0 3em}}.markdown-body h2 .header-link,.markdown-body h3 .header-link{margin-left:8px;opacity:1;transition:opacity .1s ease-in-out}@media (min-width:860px){.markdown-body h2 .header-link,.markdown-body h3 .header-link{opacity:0}}.markdown-body h2 code,.markdown-body h3 code,.markdown-body h4 code{font-size:inherit}.markdown-body h2{font-size:3em}.markdown-body h2,.markdown-body h3{margin-top:-12px;padding-top:60px}.markdown-body h3:hover .header-link{opacity:1}.markdown-body h4{margin-top:-36px;padding-top:60px;text-transform:uppercase;text-decoration:none;font-weight:700;letter-spacing:1px}.markdown-body iframe,.markdown-body img{box-shadow:0 5px 12px 0 #ccc;border:1px solid #aaa;border-radius:3px}.markdown-body pre{padding:2rem}.markdown-body ul{list-style:disc outside none;list-style:initial}.markdown-body h3 .markdown-body .markdown-body ul>li>ul{list-style:none;padding:.5rem 1rem .6rem;margin:.5rem 0;border-left:6px solid #2e5e82;background:rgba(37,138,214,.13333)}.toc{background:#2e5e82;min-height:100%;padding:1rem}@media (min-width:860px){.toc{padding:2rem 3rem .25rem}}.toc a{position:relative;text-decoration:none;color:hsla(0,0%,100%,.73333)}.toc a:before{content:"▸";position:absolute;opacity:0;left:-19px;top:-4px;font-weight:400;transition:left .14s ease-out}.toc a.active,.toc a:hover{text-decoration:underline}.toc a.active{color:#fff;font-weight:700}.toc a.active:before{opacity:1;left:-17px}.toc ol{list-style:none;line-height:1.8;margin-bottom:0}@media (min-width:860px){.toc ol{margin-bottom:3rem}}.toc>ol>li{font-weight:700;text-transform:uppercase;padding-bottom:3rem}@media (min-width:860px){.toc>ol>li{padding-bottom:0}}.toc>ol>li>a{color:#fff}.toc>ol>li>ol{padding:0 1em;font-weight:400;text-transform:none}#toc-logo{display:none}@media (min-width:860px){#toc-logo{display:inline-block}}#toc-drawer-button{display:inline-block;margin:0 auto 0 0}@media (min-width:860px){#toc-drawer-button{display:none;margin:0 12px 0 0}}.search-form{flex-grow:1}@media (max-width:859px){.hidden-mobile,.version-tag{display:none}}.language-diff .deleted-sign,.language-diff .inserted-sign .inserted{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.token.inserted{color:#b5cea8}.token.deleted{color:#ce9178}.markdown-body img.screenshot{box-shadow:none;border:none;border-radius:0}.markdown-body embed{background-color:#fff;box-sizing:content-box;max-width:100%;width:100%}.frame{background-color:#0a5e9d;padding:34px 17px 10px;border-radius:10px;position:relative;margin:1rem 0}.frame:before{content:url(/img/guides/react/buttons.svg)}.frame:after,.frame:before{display:block;position:absolute;top:5px}.frame:after{content:url(/img/guides/react/snowpack-logo-tiny.svg);right:17px}@media (min-width:600px){.guide .markdown-body{font-size:1.1em}}.guide .markdown-body blockquote,.guide .markdown-body ol,.guide .markdown-body p,.guide .markdown-body pre,.guide .markdown-body ul{margin-top:2em;margin-bottom:2em}.guide .markdown-body p{line-height:1.6}.guide .markdown-body ul{margin-top:2em;margin-bottom:2em}.guide .markdown-body li{margin-top:.5em;margin-bottom:.5em;line-height:1.6}.guide .markdown-body h2{font-size:2.5em;line-height:1.2}.guide .markdown-body blockquote{margin-left:-1rem;margin-right:-1rem;padding:1.5rem 1rem;color:#2e5e82;font-size:1.1em;font-weight:300;background:linear-gradient(-30deg,#c9efd8,#f9ddff);border-left:none}@media (min-width:860px){.guide .markdown-body blockquote{margin-left:-2rem;margin-right:-2rem;padding:2rem;border-radius:.5rem;box-shadow:0 1px 2px rgba(50,127,177,.1),0 1.5rem 3rem rgba(50,125,177,.1)}}.guide .markdown-body blockquote :first-child{margin-top:0}.guide .markdown-body blockquote :last-child{margin-bottom:0}.markdown-body iframe.twitter-share-button{box-shadow:none;border:0}.pluginPage-count{margin-bottom:1.5rem;color:rgba(0,0,0,.6);font-weight:300;font-size:1em;font-style:italic;text-align:center}@media (min-width:600px){.pluginPage-count{font-size:1.2em}}.pluginPage-intro{margin-top:1rem;margin-bottom:1rem;text-align:center;line-height:1.5}.pluginPage-intro a{color:#2e5e82}.pluginPage-search{display:flex;width:100%}.pluginPage-search-input{font-size:1em;box-sizing:border-box;padding:.25em .75em;flex-shrink:0;flex-grow:1;border-radius:4px 0 0 4px;border-width:1px 0 1px 1px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:0 0 0 2px rgba(46,94,130,0);transition:box-shadow .15s linear}.pluginPage-search-input:focus{border-color:#2e5e82;box-shadow:0 0 0 2px #2e5e82;outline:none}.pluginPage-search-input:focus+.pluginPage-search-submit{box-shadow:0 0 0 2px #2e5e82}.pluginPage-search-submit{padding:.5em 1em;color:#fff;font-weight:700;font-size:1em;font-family:Overpass,sans-serif;background-color:#2e5e82;border-radius:0 4px 4px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:0 0 0 2px rgba(46,94,130,0);transition:box-shadow .15s linear}.pluginPage-subheading{margin-top:2rem;margin-bottom:1.5rem;color:#2e5e82;font-size:1em;font-family:Overpass,sans-serif;letter-spacing:-.02em;text-align:center}@media (min-width:600px){.pluginPage-subheading{font-size:1.3em}}.pluginPage-zero-heading{margin-top:1.5rem;margin-bottom:1.5rem;font-weight:700;font-size:1.4em;text-align:center}@media (min-width:600px){.pluginPage-zero-heading{font-size:1.5em}}
\ No newline at end of file diff --git a/examples/snowpack/public/css/pages/_plugins.scss b/examples/snowpack/public/css/pages/_plugins.scss new file mode 100644 index 000000000..156d9fdff --- /dev/null +++ b/examples/snowpack/public/css/pages/_plugins.scss @@ -0,0 +1,97 @@ +.pluginPage { + &-count { + max-width: 600px; + min-height: 24px; + margin: 0.5rem 0 1rem; + color: rgba(black, 0.6); + font-weight: 300; + font-size: 1em; + font-style: italic; + text-align: center; + + @media (min-width: 600px) { + font-size: 1.2em; + } + } + + &-intro { + margin-top: 1rem; + margin-bottom: 1rem; + line-height: 1.5; + text-align: left; + + a { + color: #2e5e82; + } + } + + &-search { + display: flex; + width: 100%; + max-width: 600px; + + &-input { + flex-grow: 1; + flex-shrink: 0; + box-sizing: border-box; + padding: 0.25em 0.75em; + font-size: 1em; + border-width: 1px 0 1px 1px; + border-radius: 4px 0 0 4px; + box-shadow: 0 0 0 2px rgba(#2e5e82, 0); + transition: box-shadow 150ms linear; + appearance: none; + + &:focus { + border-color: #2e5e82; + outline: none; + box-shadow: 0 0 0 2px rgba(#2e5e82, 1); + + + .pluginPage-search-submit { + box-shadow: 0 0 0 2px rgba(#2e5e82, 1); + } + } + } + + &-submit { + padding: 0.5em 1em; + color: white; + font-weight: 700; + font-size: 1em; + font-family: 'Overpass', sans-serif; + background-color: #2e5e82; + border: none; + border-radius: 0 4px 4px 0; + box-shadow: 0 0 0 2px rgba(#2e5e82, 0); + transition: box-shadow 150ms linear; + appearance: none; + } + } + + &-subheading { + margin-top: -2.5rem; + margin-bottom: 0; + color: #2e5e82; + font-weight: 500; + font-size: 1em; + font-family: 'Overpass', sans-serif; + letter-spacing: -0.02em; + text-align: left; + + @media (min-width: 600px) { + font-size: 1.5em; + } + } + + &-zero-heading { + margin-top: 1.5rem; + margin-bottom: 1.5rem; + font-weight: 700; + font-size: 1.4em; + text-align: left; + + @media (min-width: 600px) { + font-size: 1.5em; + } + } +} diff --git a/examples/snowpack/public/favicon/android-chrome-192x192.png b/examples/snowpack/public/favicon/android-chrome-192x192.png Binary files differnew file mode 100644 index 000000000..2c21cb5b9 --- /dev/null +++ b/examples/snowpack/public/favicon/android-chrome-192x192.png diff --git a/examples/snowpack/public/favicon/android-chrome-512x512.png b/examples/snowpack/public/favicon/android-chrome-512x512.png Binary files differnew file mode 100644 index 000000000..b63a9829e --- /dev/null +++ b/examples/snowpack/public/favicon/android-chrome-512x512.png diff --git a/examples/snowpack/public/favicon/apple-touch-icon.png b/examples/snowpack/public/favicon/apple-touch-icon.png Binary files differnew file mode 100644 index 000000000..604af6675 --- /dev/null +++ b/examples/snowpack/public/favicon/apple-touch-icon.png diff --git a/examples/snowpack/public/favicon/favicon-16x16.png b/examples/snowpack/public/favicon/favicon-16x16.png Binary files differnew file mode 100644 index 000000000..eca2bf2cf --- /dev/null +++ b/examples/snowpack/public/favicon/favicon-16x16.png diff --git a/examples/snowpack/public/favicon/favicon-32x32.png b/examples/snowpack/public/favicon/favicon-32x32.png Binary files differnew file mode 100644 index 000000000..2a1a3b921 --- /dev/null +++ b/examples/snowpack/public/favicon/favicon-32x32.png diff --git a/examples/snowpack/public/favicon/favicon.ico b/examples/snowpack/public/favicon/favicon.ico Binary files differnew file mode 100644 index 000000000..1dd685c3a --- /dev/null +++ b/examples/snowpack/public/favicon/favicon.ico diff --git a/examples/snowpack/public/favicon/site.webmanifest b/examples/snowpack/public/favicon/site.webmanifest new file mode 100644 index 000000000..45dc8a206 --- /dev/null +++ b/examples/snowpack/public/favicon/site.webmanifest @@ -0,0 +1 @@ +{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file diff --git a/examples/snowpack/public/img/JSAwardWinner.jpg b/examples/snowpack/public/img/JSAwardWinner.jpg Binary files differnew file mode 100644 index 000000000..791708cc0 --- /dev/null +++ b/examples/snowpack/public/img/JSAwardWinner.jpg diff --git a/examples/snowpack/public/img/JSAwardWinner.png b/examples/snowpack/public/img/JSAwardWinner.png Binary files differnew file mode 100644 index 000000000..5b5b0f030 --- /dev/null +++ b/examples/snowpack/public/img/JSAwardWinner.png diff --git a/examples/snowpack/public/img/ReactGuide.jpg b/examples/snowpack/public/img/ReactGuide.jpg Binary files differnew file mode 100644 index 000000000..c03335756 --- /dev/null +++ b/examples/snowpack/public/img/ReactGuide.jpg diff --git a/examples/snowpack/public/img/SvelteGuide.jpg b/examples/snowpack/public/img/SvelteGuide.jpg Binary files differnew file mode 100644 index 000000000..ef73a2d57 --- /dev/null +++ b/examples/snowpack/public/img/SvelteGuide.jpg diff --git a/examples/snowpack/public/img/backpack.svg b/examples/snowpack/public/img/backpack.svg new file mode 100644 index 000000000..e65d19690 --- /dev/null +++ b/examples/snowpack/public/img/backpack.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 256 282" xml:space="preserve"><style>.st0{fill:#2e5e82}</style><path class="st0" d="M128 178.846l58-14.5V156c0-3.309-2.691-6-6-6H76c-3.309 0-6 2.691-6 6v8.346l58 14.5z"/><path class="st0" d="M128 189.154l-58-14.5V212c0 3.309 2.691 6 6 6h104c3.309 0 6-2.691 6-6v-37.346l-58 14.5zM64 266h32v16H64zM160 266h32v16h-32zM70 92h20v14H70zM70 0h20v80H70zM58 0H16C7.163 0 0 7.163 0 16v48c0 8.836 7.163 16 16 16h42V0z"/><path class="st0" d="M70 0h20v106H70zM166 92h20v14h-20z"/><path class="st0" d="M198 92v26h-44V92h-52v26H58V92H32v148c0 8.836 7.163 16 16 16h160c8.836 0 16-7.163 16-16V92h-26zm0 120c0 9.925-8.075 18-18 18H76c-9.925 0-18-8.075-18-18v-56c0-9.925 8.075-18 18-18h104c9.925 0 18 8.075 18 18v56zM102 0h52v80h-52zM166 0h20v80h-20zM240 0h-42v80h42c8.836 0 16-7.163 16-16V16c0-8.837-7.163-16-16-16z"/><path class="st0" d="M166 0h20v106h-20z"/></svg> diff --git a/examples/snowpack/public/img/banner-2.jpg b/examples/snowpack/public/img/banner-2.jpg Binary files differnew file mode 100644 index 000000000..4e1bf04f0 --- /dev/null +++ b/examples/snowpack/public/img/banner-2.jpg diff --git a/examples/snowpack/public/img/browser-logos-all.png b/examples/snowpack/public/img/browser-logos-all.png Binary files differnew file mode 100644 index 000000000..e347c7146 --- /dev/null +++ b/examples/snowpack/public/img/browser-logos-all.png diff --git a/examples/snowpack/public/img/extra-space-3.jpg b/examples/snowpack/public/img/extra-space-3.jpg Binary files differnew file mode 100644 index 000000000..fbeff1212 --- /dev/null +++ b/examples/snowpack/public/img/extra-space-3.jpg diff --git a/examples/snowpack/public/img/extra-space-4.jpg b/examples/snowpack/public/img/extra-space-4.jpg Binary files differnew file mode 100644 index 000000000..b881707ce --- /dev/null +++ b/examples/snowpack/public/img/extra-space-4.jpg diff --git a/examples/snowpack/public/img/extra-space-4.mp4 b/examples/snowpack/public/img/extra-space-4.mp4 Binary files differnew file mode 100644 index 000000000..41568364c --- /dev/null +++ b/examples/snowpack/public/img/extra-space-4.mp4 diff --git a/examples/snowpack/public/img/guides/folder-structure.png b/examples/snowpack/public/img/guides/folder-structure.png Binary files differnew file mode 100644 index 000000000..97a5058f1 --- /dev/null +++ b/examples/snowpack/public/img/guides/folder-structure.png diff --git a/examples/snowpack/public/img/guides/getting-started/hello-world.gif b/examples/snowpack/public/img/guides/getting-started/hello-world.gif Binary files differnew file mode 100644 index 000000000..c5eb2fb62 --- /dev/null +++ b/examples/snowpack/public/img/guides/getting-started/hello-world.gif diff --git a/examples/snowpack/public/img/guides/getting-started/npm-snowpack-confetti.gif b/examples/snowpack/public/img/guides/getting-started/npm-snowpack-confetti.gif Binary files differnew file mode 100644 index 000000000..d525fee25 --- /dev/null +++ b/examples/snowpack/public/img/guides/getting-started/npm-snowpack-confetti.gif diff --git a/examples/snowpack/public/img/guides/getting-started/run-snowpack.jpg b/examples/snowpack/public/img/guides/getting-started/run-snowpack.jpg Binary files differnew file mode 100644 index 000000000..5f4dcd133 --- /dev/null +++ b/examples/snowpack/public/img/guides/getting-started/run-snowpack.jpg diff --git a/examples/snowpack/public/img/guides/getting-started/snowpack-build.gif b/examples/snowpack/public/img/guides/getting-started/snowpack-build.gif Binary files differnew file mode 100644 index 000000000..6ed6cfc53 --- /dev/null +++ b/examples/snowpack/public/img/guides/getting-started/snowpack-build.gif diff --git a/examples/snowpack/public/img/guides/getting-started/snowpack-font-css.jpg b/examples/snowpack/public/img/guides/getting-started/snowpack-font-css.jpg Binary files differnew file mode 100644 index 000000000..92895870e --- /dev/null +++ b/examples/snowpack/public/img/guides/getting-started/snowpack-font-css.jpg diff --git a/examples/snowpack/public/img/guides/react/buttons.svg b/examples/snowpack/public/img/guides/react/buttons.svg new file mode 100644 index 000000000..92870bee8 --- /dev/null +++ b/examples/snowpack/public/img/guides/react/buttons.svg @@ -0,0 +1,13 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg width="52px" height="12px" viewBox="0 0 52 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> + <title>buttons</title> + <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> + <g id="window" transform="translate(-15.000000, -13.000000)"> + <g id="buttons" transform="translate(15.000000, 13.000000)"> + <circle id="Oval" fill="#1479B8" cx="6" cy="6" r="6"></circle> + <circle id="Oval" fill="#58B2EA" cx="26" cy="6" r="6"></circle> + <circle id="Oval" fill="#6FC8FF" cx="46" cy="6" r="6"></circle> + </g> + </g> + </g> +</svg>
\ No newline at end of file diff --git a/examples/snowpack/public/img/guides/react/folderstructure.png b/examples/snowpack/public/img/guides/react/folderstructure.png Binary files differnew file mode 100644 index 000000000..0df194c82 --- /dev/null +++ b/examples/snowpack/public/img/guides/react/folderstructure.png diff --git a/examples/snowpack/public/img/guides/react/hmr.gif b/examples/snowpack/public/img/guides/react/hmr.gif Binary files differnew file mode 100644 index 000000000..e0f74590f --- /dev/null +++ b/examples/snowpack/public/img/guides/react/hmr.gif diff --git a/examples/snowpack/public/img/guides/react/minimalist-hello-world-react-logo.png b/examples/snowpack/public/img/guides/react/minimalist-hello-world-react-logo.png Binary files differnew file mode 100644 index 000000000..636b98147 --- /dev/null +++ b/examples/snowpack/public/img/guides/react/minimalist-hello-world-react-logo.png diff --git a/examples/snowpack/public/img/guides/react/minimalist-hello-world-react-timer.png b/examples/snowpack/public/img/guides/react/minimalist-hello-world-react-timer.png Binary files differnew file mode 100644 index 000000000..b396d408a --- /dev/null +++ b/examples/snowpack/public/img/guides/react/minimalist-hello-world-react-timer.png diff --git a/examples/snowpack/public/img/guides/react/minimalist-hello-world-react.png b/examples/snowpack/public/img/guides/react/minimalist-hello-world-react.png Binary files differnew file mode 100644 index 000000000..300b07a4a --- /dev/null +++ b/examples/snowpack/public/img/guides/react/minimalist-hello-world-react.png diff --git a/examples/snowpack/public/img/guides/react/minimalist-hello-world.png b/examples/snowpack/public/img/guides/react/minimalist-hello-world.png Binary files differnew file mode 100644 index 000000000..374067b7b --- /dev/null +++ b/examples/snowpack/public/img/guides/react/minimalist-hello-world.png diff --git a/examples/snowpack/public/img/guides/react/react-fast-refresh.gif b/examples/snowpack/public/img/guides/react/react-fast-refresh.gif Binary files differnew file mode 100644 index 000000000..307884718 --- /dev/null +++ b/examples/snowpack/public/img/guides/react/react-fast-refresh.gif diff --git a/examples/snowpack/public/img/guides/react/react.gif b/examples/snowpack/public/img/guides/react/react.gif Binary files differnew file mode 100644 index 000000000..eac29701d --- /dev/null +++ b/examples/snowpack/public/img/guides/react/react.gif diff --git a/examples/snowpack/public/img/guides/react/snowpack-logo-tiny.svg b/examples/snowpack/public/img/guides/react/snowpack-logo-tiny.svg new file mode 100644 index 000000000..beb073d9a --- /dev/null +++ b/examples/snowpack/public/img/guides/react/snowpack-logo-tiny.svg @@ -0,0 +1,11 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg width="15px" height="12px" viewBox="0 0 15 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> + <title>snowpack-logo-black</title> + <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> + <g id="window" transform="translate(-311.000000, -13.000000)" fill="#FFFFFF" fill-rule="nonzero"> + <g id="snowpack-logo-black" transform="translate(311.000000, 13.000000)"> + <path d="M14.8808653,10.8445312 L8.1309317,0.34453125 C7.99288619,0.12984375 7.75523227,0 7.5,0 C7.24476854,0 7.00711463,0.12984375 6.86906911,0.34453125 L0.119135485,10.8445312 C-0.0292405545,11.0753205 -0.0397571943,11.3687106 0.0917138792,11.6095312 C0.223245453,11.8502911 0.475722639,12 0.750066781,12 L14.249934,12 C14.5243845,12 14.7768039,11.8502344 14.9082869,11.6092969 C15.0397573,11.3685585 15.0292398,11.0752353 14.8808653,10.8445312 Z M7.51445903,2.12068966 L9.51724138,5.22723371 L7.51445903,5.22723371 L6.01336908,6.72413793 L5.12068966,5.8339477 L7.51445903,2.12068966 Z" id="Shape"></path> + </g> + </g> + </g> +</svg>
\ No newline at end of file diff --git a/examples/snowpack/public/img/guides/svelte/svelte-component-snowpack.gif b/examples/snowpack/public/img/guides/svelte/svelte-component-snowpack.gif Binary files differnew file mode 100644 index 000000000..21c817abc --- /dev/null +++ b/examples/snowpack/public/img/guides/svelte/svelte-component-snowpack.gif diff --git a/examples/snowpack/public/img/guides/svelte/svelte-logo-snowpack.jpg b/examples/snowpack/public/img/guides/svelte/svelte-logo-snowpack.jpg Binary files differnew file mode 100644 index 000000000..add7ef259 --- /dev/null +++ b/examples/snowpack/public/img/guides/svelte/svelte-logo-snowpack.jpg diff --git a/examples/snowpack/public/img/guides/svelte/svelte-logo-style-snowpack.gif b/examples/snowpack/public/img/guides/svelte/svelte-logo-style-snowpack.gif Binary files differnew file mode 100644 index 000000000..eb36e7a49 --- /dev/null +++ b/examples/snowpack/public/img/guides/svelte/svelte-logo-style-snowpack.gif diff --git a/examples/snowpack/public/img/guides/svelte/svelte-snowpack-counter-1.gif b/examples/snowpack/public/img/guides/svelte/svelte-snowpack-counter-1.gif Binary files differnew file mode 100644 index 000000000..009a300ff --- /dev/null +++ b/examples/snowpack/public/img/guides/svelte/svelte-snowpack-counter-1.gif diff --git a/examples/snowpack/public/img/how-does-it-work.jpg b/examples/snowpack/public/img/how-does-it-work.jpg Binary files differnew file mode 100644 index 000000000..8a9536f10 --- /dev/null +++ b/examples/snowpack/public/img/how-does-it-work.jpg diff --git a/examples/snowpack/public/img/logo.png b/examples/snowpack/public/img/logo.png Binary files differnew file mode 100644 index 000000000..d23fe090e --- /dev/null +++ b/examples/snowpack/public/img/logo.png diff --git a/examples/snowpack/public/img/logos/babel.svg b/examples/snowpack/public/img/logos/babel.svg new file mode 100644 index 000000000..5cad6ccb0 --- /dev/null +++ b/examples/snowpack/public/img/logos/babel.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1638 744"><path d="M1063.3 151.8l-.3-2.9-4.7.4.3 2.9 4.7-.4zm31.6 76l.1 1.6 3.3-.3c-.1-1 .3-2.6 1-4.6l-.3-2.9c-1.4.1-2.8 2.2-4.1 6.2zm-123.3 95.7c-.2-2.7-8.6-13.2-25.2-31.7-.3-3.4 5.4-8.5 17.1-15.2l33.4-29.1c7.5-9.5 11.9-24.9 13.2-46.3l-.4-4.9c-1.3-14.8-12-26.7-32.3-35.8-12-8.1-33.6-12.6-64.8-13.4-25.8 2.2-59.5 11.4-101 27.7-11.4 8.2-24.4 16.4-39 24.6l.2 2.5c.9-.1 2.3-.6 3.9-1.7 1.7-.2 2.7.6 2.8 2.2l2.5-1.3 1.2-.1.1 1.1c.1 1.3-8.9 8.4-27.1 21.1l1.4 2.6-1.2.1-3-1.1c.1.9-1.2 1.5-3.7 1.7l.1 1.1 2.9 3.6c-.9.1-2.3-.3-4.2-1-4.2.4-8.3 2.6-12.4 6.8l1.7-7.4c6.1-26.3 10.3-49.6 12.5-69.8l-.3-1.3c-4.2-2.7-8.3-6.5-12.1-11.3.1-3.1.1-4.9 0-5.3l-.3-1.1-1.2.3c-13.2 19.8-38.6 53.6-76.3 101.4-28.7 34-43.5 52.9-44.4 56.7-11.7 12.1-17.3 19.4-16.7 21.9-3.1 2-4.4 4-3.9 6.2-.9.2-1.5-.1-1.7-1-5 8.1-12.4 13.3-22.3 15.6l-10.4 2.4c-1.4.3-2.1 1.3-2 3l.3 1.3 3.9-.9.3 1.1-8.8 3.4-15.6 3.6-8.2.5c-1.2 1.2 6.5-.1 3.5.6l-10.2 2.4c-6.2 1.4-9.6.9-10.2-1.6l-1.2.3c.2 1.1.3 1.9.1 2.6l-.6-2.5-8.2 1.9c-.6-3.8-11.7-17.6-33.2-41.4-.4-4.6 7.2-11.3 22.7-20l43.8-38.5c9.8-12.6 15.6-32.8 17.5-60.6l-.6-6.5c-1.7-19.6-15.9-35.4-42.6-47.6-15.8-10.7-44.2-16.4-85.2-17.3-34 2.9-78.4 15-133 36.1-15 10.9-32.1 21.7-51.3 32.4l.3 3.4c1.3-.1 3-.8 5.1-2 2.2-.2 3.4.8 3.6 2.8l3.4-1.9 1.7-.1.1 1.6c.1 1.6-11.8 10.9-35.9 27.9l1.9 3-1.7.1-3.7-1.3c.1 1-1.6 1.7-5.1 2l.2 1.8 4 4.4c-1.3.1-3.1-.3-5.4-1.1-7.8.7-15.4 6.3-22.9 16.9l1.9 3c6.5-6 10.3-9 11.4-9.1l.4 4.9c-1.1.1-2.8.8-5.1 2l4.1 6.2c7.9-8.5 16.6-15.8 26.1-21.9 4.7 1.2 7.2 2.7 7.3 4.3l3.6-.3c25.8-19.1 51.3-32.9 76.6-41.4l.3 3.4c-4.7 7-7.9 10.6-9.6 10.8.2 2.4 1 4.5 2.5 6.3.4 4.3-11.1 33.3-34.4 86.9-52.9 124.6-97.3 216.8-133.4 276.4.1 1.2.8 2.8 2.1 4.8 8.9-2.1 14.5-4.3 16.9-6.4l1.9-.2.3 3.4 3.3-.3 3.4-1.9c.1 1 1.2 1.5 3.5 1.3l.3 3.4c.3 3.3-1.6 8.3-5.6 15.2-3.6 4.1-7.5 12.7-11.6 25.8l.1 1.6 3.3-.3c14.4-16.1 25.3-31.9 32.8-47.3 42-12.3 74-24.4 96.2-36.3 22.3-1.9 39.3-7.8 50.9-17.5l-.2-1.8-8.4 2.5-1.9.2-.2-1.8c16.4-2.5 27.7-6.1 34-11.1 31.9-24.6 56-42 72.3-52.3 33.5-24.6 55.3-48.6 65.2-71.9 1.8-.4 3.6-.8 5.6-1.3 4.7-.2 7.3-.3 8-.5-.2-.9.2-1.4 1.1-1.6 7.5-.8 3.9.5 8.7-.6l12.6-2.9c-.8.2-1.1.6-.9 1.4l1.9-1.2c-.4 0-.7-.1-1-.2l2.1-.5-1 .6c1.4.2 2.9.1 4.6-.3l.9 3.7-57.3 91.1-12.7 15.9-6.2 20.8 1.2-.3 6.2-2.6-2 8.1.6 2.4 1.7 2.1c-.8.2-1.1.7-.9 1.6l.3 1.3 2.6-.6c3.8-3.3 5.4-6.3 4.8-9 4.1.7 6.8 1 8.2.6l.3 1.3c-2.5.6-3.8 2.6-4 6l.3 1.3 1.4-.3c20.8-22.7 71.8-100.4 112.7-153.1-1.3-5.7 20-13.6 64-23.8l1.4-.3c1.6 6.9-1.8 23.6-10.2 50.1-5.4 16-8 24.8-7.6 26.2-7 21.3-10.3 32.8-9.9 34.6l-15.6 51.1c-10.1 26.2-17.8 53.7-23.2 82.7.9-.2 2.3-.1 4.3.4l2.2-1.9c.2.9.8 1.2 1.7 1l-.9-3.7 6.8-.2c2-.5 3.7-3 5.1-7.6-.3-6.9 1.1-10.6 4.2-11.4 4.2-16.4 6.8-24.6 7.7-24.9 3.9-16.3 6.8-25.6 8.7-27.9 5.9-21.2 10.2-32.1 13-32.8l.6 2.6-4.3 11.1c-7.5 33.3-15.1 59.6-22.8 78.9l2.2 9.6 1.4-.3c18.6-40 45.4-119.2 80.3-237.6 1-10.4 6-18.5 14.9-24.2l-2-2.1-.3-1.1c4-.9 6.8-2.5 8.4-4.7-.2-.9-3.7-2.2-10.5-4l17.4-74.6c3.8-3.4 6-5.2 6.7-5.2l.3 3.8c-.9.1-2.3.6-3.9 1.7l3.3 4.7c6-6.5 12.5-12.1 19.6-16.8 3.6 1 5.4 2.2 5.6 3.4l2.6-.2c19.8-14.5 39.2-24.9 58.3-31.2l.2 2.5c-3.5 5.3-5.9 8-7.2 8.1.2 1.8.7 3.4 1.6 4.8.3 3.3-8.3 25.3-25.9 66.1-40.2 94.5-73.9 164.4-101.3 209.8.1.9.7 2.1 1.8 3.7 6.7-1.6 11-3.3 12.7-4.9l1.2-.1.2 2.5 2.8-.2 2.5-1.3c.1.7 1 1 2.7.9l.2 2.7c.2 2.4-1.2 6.2-4.3 11.4-2.9 3.1-5.9 9.6-9.1 19.5l.1 1.3 2.6-.2c10.9-12.2 19.2-24.2 24.9-36 31.9-9.4 56.2-18.5 73-27.5 17.1-1.5 30-5.9 38.8-13.3l-.1-1.3-6.5 1.9-1.4.1-.1-1.3c12.4-1.8 21.1-4.6 25.8-8.3 24.2-18.6 42.5-31.9 54.9-39.7 38.6-28.1 56.6-55.1 54.4-81zm-6.6 1.7l.9 10.1c-1.2 2.5-2.5 3.8-3.7 3.9l-1.5-17.2c2.8 1 4.2 2 4.3 3.2zm-757.2-81.4l-1.7.1-.3-3.1 6.9-.6.1 1.6c-1.1.1-2.8.7-5 2zm-33.7 337.1c-4-1.8-7.6-2.5-10.7-2.2l-.4-4.9c-.2-1.9.9-3.2 3.3-3.7 2.2-.2 3.5 1.4 3.7 4.6 5.8-7.1 9-10.7 9.6-10.8l3.7 1.5c-1.2 10-4.3 15.1-9.2 15.5zm360.1-376.7c-1.7.2-5.1-5.1-10-15.6l-.3-3.1c3.2-.3 6.5 4.9 10 15.6l.3 3.1zm-4.8-37.3l-1.4 3.3-48.9-20.4c32.6 1.1 49.4 6.8 50.3 17.1zM322.9 344.2l-6.9.6-.3-3.1 6.9-.6.3 3.1zm-5.6-106.5l1.7-.1.4 4.9c-1.6.1-3.7 2.5-6.3 7.1l-.3-3.4c3.1-3.7 4.7-6.5 4.5-8.5zm-14.5 34.2l.6 6.5-1.7.1-.6-6.5 1.7-.1zm-7.6 12.2l3.3-.3c-.3 5.4-1.8 8.3-4.5 8.5l-1.7.1c2.1-3.6 3.1-6.4 2.9-8.3zm-5.7 17l1.9-.2.1 1.6-3.1 5.2-3.3.3-.1-1.6c3.3-.3 4.8-2 4.5-5.3zm-5.6 15.3l-1 8.2-1.7.1-.7-8.1 3.4-.2zm-56.1 159.5c-2.2 11.2-4.6 16.9-7.1 17.1l-.1-1.6c-.6-5.5 1.8-10.7 7.2-15.5zm-10.3 22.3l.1 1.6c.2 2.2-.8 3.5-3 3.6l-.1-1.6c-.2-1.9.8-3.1 3-3.6zm-3 46.3l5.2-.5.2 1.8c-1.3.1-3 .8-5.1 2l-3.3.3c-.2-1.7.9-3 3-3.6zm148-45.7c-29.2 14.4-46.4 24.2-51.5 29.3-31.6 11-47.3 17.8-47 20.5-28.1 11.1-46.6 19.3-55.5 24.4-2.1.2-5.1-.6-9.1-2.4-.5-5.7 2.1-10.3 7.6-14 4.9-.4 9.6.3 14.1 2.2 5.2-2.7 14.3-5.7 27.2-8.9l-.3-3.4-10.4.9c1.3-1.8 11.3-6.5 30.1-14.1l5.2-.5.1 1.6c-8.9.8-13.8 3.4-14.9 8.1.2 2.1 1.4 3 3.6 2.8 6.7-4.2 10-6.7 9.9-7.4 12.7-2.4 47.8-20.8 105.3-55.1l.3 3.1c.1 1.5-4.8 5.7-14.7 12.9zm-88.2 29c8.4-.7 15.6-4.1 21.6-10 2.4-.2 3.7.7 3.8 2.8-4.1.4-12 3.8-23.5 10.4l-1.7.1-.2-3.3zm142.3-109.3l-44.1 34.9c-32.8 21.5-50.4 32.3-52.9 32.5-52.2 28.7-84.7 43.6-97.3 44.7l-1.9.2c1.6-5.9 24.8-53.4 69.8-142.8 19.8-1.7 51-10.9 93.5-27.7l10.4-.9c21.5-1.9 37.6 2.3 48.2 12.3l.6 6.5c-8 23-16.8 36.4-26.3 40.3zM330.4 370l7.1-.6.1 1.6-7.1.6-.1-1.6zm99.7-16.9l5.2-.5c4.8 2.3 7.3 4.3 7.5 6.1l.1 1.6c-4.6.4-8.9-2-12.8-7.2zm14.1-80.3c-4.6 5.5-17.2 14.9-37.8 28.1-6.8.6-32.1 10.4-75.9 29.6-2.2-1-4.5-1.4-7-1.2l-.3-3.1c-.5-6.3 2.3-14.2 8.5-23.8 3.4-18 7.1-28.3 11.2-30.8l36.5-82.1c-.4-5.1 7.4-9 23.4-11.7l5.2-.5.4 4.7c15.7-2.4 25.5-3.8 29.3-4.1 29-2.5 44.1 3.4 45.3 17.5l3.3-.3-.7-8.3 3.6-.3c8.5 4.7 13.1 10.4 13.7 17.1.4 4.6-2.1 10.3-7.4 17.1-2.2.2-3.5-1.4-3.7-4.6l-3.6.3-.8 10c-14.7 22-25.4 33.3-32 33.9-6 8.3-9.7 12.4-11.2 12.5zm22.4 57.5c-3-2-5.4-2.9-7.2-2.8l-.4-4.9 3.3-.3 7.3 4.3c.3 2.3-.7 3.5-3 3.7zm23.2 27.5c3.2 1.3 5.1 2.7 5.5 4l-1.6.4.1.1c-.3 0-.7.1-1 .2l-2.4 1.9-.6-6.6zm2.2 13.8l-.3-1.3 4.2-1 .3 1.3-4.2 1zm10.1 11.3c4.3-.7 6.4-1 14.4-2.8l.3 1.3-15.2 3.5c.2-.7.4-1.4.5-2zm14.8 6.3c-6.4.6-5-.2-15.2 2.1l-.3-1.3 12.7-4.1 6.1-1.4.6 2.4c-2.7.6-.7.6-3.9 2.3zm13.5-3.2c-1.5.4-2.7-.3-3.4-2l3.9-.9c1.7-.4 2.8.3 3.2 2l-3.7.9zm36.6-39.4l-.3-1.3 6.3-1.5.6 2.4-6.6.4zm39.1 239.8c.4-1.8.5-3.1.3-4l1.4-.3c1.7-.4 2.7.2 3.1 1.8l.3 1.3-5.1 1.2zm27.4-229.5l-2.8-.5c-4.5 1.8-8.3 3.1-11.4 3.8l-2.6.6c-1.5.4-2.7-.2-3.3-1.8l18.3-4.2 6-2.8 2 2.3c-2.9.6-5 1.5-6.2 2.6zm14.1-4.5l-.3-1.3c.9-.2 2.1-.9 3.4-2.2l13-3 .3 1.3c-6.9 1.7-12.4 3.4-16.4 5.2zm2-26.3c-.9.2-2.1 1-3.6 2.2-.2-.9-2-.9-5.4-.1-.6-2.5 9-6 28.9-10.6l2.8-.6.6 2.4c-14 4.1-21.8 6.4-23.3 6.7zm35-37.8c-1.4 15.9-7 24.9-16.9 27.2l-.3-1.3-8.8 3.4-3.9.9c-2 .5-3.8.4-5.4-.1l-.8-3.5c-.3-1.3 12.4-18.9 38.2-52.7l3 .5c1.1 4.6-.6 13.1-5.1 25.6zm61.9-53l-1.2.1-.2-2.5 5.2-.5.1 1.3c-.9.2-2.2.7-3.9 1.6zM721 491.4c-3-1.4-5.7-2-8-1.8l-.3-3.8c-.1-1.3.7-2.2 2.4-2.7 1.7-.2 2.7 1 2.9 3.6 4.3-5.5 6.7-8.3 7.2-8.3l2.7 1.1c-1 7.6-3.3 11.6-6.9 11.9zm273.4-286c-1.3.1-3.8-3.9-7.7-12l-.2-2.5c2.5-.2 5.1 3.7 7.7 11.7l.2 2.8zm-3.6-28.6l-1.2 2.6-37-15.5c24.7.8 37.5 5.1 38.2 12.9zM833.9 311.5l-5.2.5-.2-2.5 5.2-.4.2 2.4zm-4.3-80.9l1.4-.1.3 3.8c-1.3.1-2.9 1.9-4.8 5.4l-.2-2.5c2.3-2.9 3.4-5.1 3.3-6.6zm-10.9 26l.4 4.9-1.4.1-.4-4.9 1.4-.1zm-5.9 9.3l2.6-.2c-.3 4.2-1.4 6.4-3.3 6.6l-1.4.1c1.5-2.8 2.2-5 2.1-6.5zm-4.2 12.8l1.2-.1.1 1.3-2.3 4-2.6.2-.1-1.3c2.7-.2 3.9-1.6 3.7-4.1zm-4.2 11.6l-.9 6.4-1.2.1-.5-6.3 2.6-.2zm-42.7 121.3c-1.7 8.4-3.5 12.7-5.4 12.9l-.1-1.1c-.3-4.2 1.5-8.2 5.5-11.8zm-7.9 16.9l.1 1.1c.2 1.8-.6 2.8-2.4 2.9l-.1-1.3c-.1-1.3.7-2.2 2.4-2.7zm-2.2 35.2l4-.3.1 1.3c-.9.1-2.3.6-3.9 1.5l-2.6.2c-.1-1.4.7-2.3 2.4-2.7zM863.9 429c-22 10.9-35.1 18.3-39.2 22.1-24 8.4-35.9 13.6-35.7 15.7-21.3 8.5-35.3 14.6-41.9 18.5-1.6.1-3.9-.5-6.9-1.9-.4-4.3 1.6-7.8 5.8-10.4 3.8-.3 7.4.2 10.7 1.6 4-2 10.9-4.2 20.7-6.7l-.2-2.5-8.2.6c1-1.4 8.7-5 23-10.8l4-.3.1 1.1c-6.8.6-10.6 2.6-11.4 6.2.1 1.6 1.1 2.4 2.8 2.2 5-3.3 7.4-5.2 7.4-5.8 9.6-1.7 36.2-15.7 79.9-41.9l.2 2.5c.1 1.1-3.6 4.3-11.1 9.8zm-67 22c6.5-.6 12-3.1 16.6-7.5 1.7-.2 2.7.6 2.8 2.2-3 .3-8.9 2.8-17.8 7.6l-1.4.1-.2-2.4zm108.2-83.1l-33.3 26.8c-24.9 16.3-38.4 24.5-40.5 24.7-39.6 21.8-64.2 33.1-73.9 33.9l-1.4.1c1.2-4.5 18.9-40.6 53.1-108.4 14.9-1.3 38.5-8.4 70.9-21.2l8.1-.7c16.3-1.4 28.5 1.8 36.5 9.5l.4 4.9c-6.1 17.2-12.7 27.3-19.9 30.4zm-65.4-36.8l5.2-.5.1 1.3-5.2.5-.1-1.3zm75.7-12.9l4-.3c3.7 1.8 5.6 3.4 5.7 4.7l.1 1.1c-3.5.3-6.8-1.5-9.8-5.5zm10.5-60.9c-3.5 4.2-13 11.4-28.5 21.4-5.2.5-24.4 7.9-57.6 22.3-1.6-.6-3.4-.8-5.3-.7l-.2-2.5c-.4-4.8 1.7-10.8 6.3-18.1 2.6-13.8 5.5-21.5 8.5-23.3L877 194c-.3-3.7 5.6-6.7 17.6-9l4-.3.3 3.8c11.8-1.9 19.2-3 22.2-3.3 22-1.9 33.5 2.5 34.4 13.3l2.6-.2-.5-6 2.6-.2c6.4 3.5 9.8 7.7 10.2 12.7.3 3.6-1.5 8-5.3 13.1-1.7.2-2.7-1-2.9-3.6l-2.6.2-.8 7.5c-11.1 16.9-19.2 25.6-24.3 26-4.5 6.1-7.3 9.2-8.6 9.3zm11.7 41.6l-.3-3.8 2.6-.2 5.6 3.4c.1 1.6-.7 2.5-2.4 2.7-2.4-1.5-4.2-2.2-5.5-2.1zM472.1 541.8l-2.6.6-2.2 1.9c.4 1.6 1.4 2.2 3.1 1.8 1.7-.4 2.4-1.4 2-3l-.3-1.3zm-9.9-19.7l.3 1.3c1.7-.4 2.4-1.4 2-3l-.3-1.3c-1.6.4-2.3 1.4-2 3zm70.4-167.5l3-.7-.6-2.6-3 .7.6 2.6zm907.4 76.2c-30.4 6.8-34.2 5.6-40.6 6.1l.2 2.5 2.8-.2 1.5-.1-.4-.3 3.3-1.3c30.1-3.3 33.6-2.1 33.3-5.5l-.1-1.2zm-163.7 21.7l.2 2.5h.4l-.2-2.5h-.4zm-18.8-65.9l-2.7-.9c-2.2 5.9-3.3 9.4-3.2 10.4l.1 1.1c2.1-.1 4-3.7 5.8-10.6zm188.7 43.7l.2 2.5 4.4.8-.2-2.5-4.4-.8zm-206.9 25.3l-6.8-.8-1.2 2.6.1 1.3 40.5-3.4-.2-2.5-32.4 2.8zm-18.4-88.7l-.1-1.3-1.4.1-2.5 1.6 1.4 2.4c1.9-.2 2.8-1.1 2.6-2.8zm244.5 45l1.9-.2c1.1-.1 1.6-1 1.5-2.6l-1.1-2.4c-6.9.6-10.1.9-15.7 4l-.1-1.3-8.3.8c-.2-2.5-.9-3.8-2-3.7l-4.3.4c-5 .4-7.4.2-9.9 2.1-.1-.9-.4-1.3-.9-1.3l-4.8.4-2.8 1.6c-.1-.9-.4-1.3-.9-1.3l-1.7 1.5-.1-1.3-6.7-.5-1.6.1.2 2.5 3.4.9 3.2-.2c1.1.7 2.3.9 3.7.8l2.8-1.4.1 1.1c-15.7 3.9-15.6 3.2-26.4 5-1.2-.8-2.1-1.2-2.7-1.1l-.2.2c-1.2-.1-1.9-.9-2-2.2l5.6-.7c.4 0 .7.4 3.8 1 4.5-2.2 4.7-3.1 7.1-3.3l-.2-2.5c-15.4 3-9.2 1-28.5 2.7l-.9.1-.2-2.5c24.8-3 16.5-1.3 25-3.7.1.9.4 1.3.9 1.3 1-1 2.1-1.5 3.4-1.7l1.7-.1c8.7-.7 11.6 1 28.8-3.8l.1 1.1 2.8-1.4 2.6-.2c-.2-2.5 3.6-2.9 4.9-3l-.2-2.7c-30.2 6.1-38.1 4.4-46.5 6.8l-.1-1.1c-7.9 1.4-8.2.8-10.2.9-.6.1-1.5.6-2.5 1.6-.1-.9-.4-1.3-1-1.3-.3 0-.4.1-.5.1l-25.6 4.2c-.1-.7-.4-1.1-1-1-13.3 2.8-9.7 3.3-27.5 4.9-.8.1-1.9.5-3.3 1.4-.1-.7-.5-1.1-1.4-1l-10.9.9-7.3 1.8c-.1-.7-.5-1.1-1.4-1-4.1 1.1-7.7 1.8-10.6 2h-.2c-1.8.2.9-.5-.5-1.1l-2.2 1.3c-3.2.3-1.5-.2-12.5-.1-19.3 2.4-17.2 2.7-19.3 2.8l-7.2-.5c.1.7-.3 1.2-1.1 1.2-8.2-1.1-12.4-2.4-12.5-3.9 1.1-7.8 3-11.8 5.7-12l1.4-.1-1.2 2.6 1.4-.1c2.6-1.4 3.8-2.7 3.7-3.9l-.2-2.7-2.6.2-.2-2.5c-.2-1.9.1-3.6.8-5l5.9-9.5.2 2.5 2.8-.2-.2-2.5-1.6-2.3c2.1-1.8 3.7-2.8 5-2.9l-.1-1.3-3.8.3-.3-3.8c7.6-15.8 11.2-25 11-27.6l2.7 1.1c1.7-.1 2.5-1.1 2.4-2.9l-2.6.2-.1-1.1c-.2-1.9.2-3.7 1-5.3 4.1-4.3 6-8.6 5.6-13.1.8-.1 1.2.3 1.3 1.2 3.5-2 6.2-7.3 8.2-16.1 6.2-11.2 15-33.6 26.5-67.1 22-59.2 21.1-65.5 24.2-79.5l-2.6.2c.2 1.8-.2 3.5-1 5.1-1.8-.7-3.2-1.1-4.2-1l-.1-1.1c-.4-5.1 1.7-11.2 6.5-18.4l1.2-.1 2.2 8.6 2.6-.2c-.1-.6.6-4 2-10.3-.1-1.3-1.1-2.1-3.1-2.2l-2.5 1.6c-.2-1.8-.1-6.5.2-14l-1.3.1c-2.2-2.2-3.3-4-3.4-5.5l-14.3 1.4c-.1-1-.6-2.5-1.6-4.4-.1-1.3 3.1-2.6 9.7-3.9l2.9 1.1 2.7-1.6c.1.9.6 1.3 1.6 1.2l2.7-1.6c.1.9.6 1.3 1.6 1.2l1.3-.1-.2-2.9c-2 .2-7.3.2-15.7-.1l-2.7 1.8-.1-1.6c-67.1 5.5-105.2 8.6-114.3 9.5-1.2.1-5.9 0-14.2-.2.1 1.1-.9 1.7-2.9 1.9l-2.9-1.3-9.8 2.5c-2.3.2-6.2.1-11.6-.5-1.5 1.2-3.3 1.9-5.5 2.1-1.2.1 14.3-.8 28.7-1.8-1.5 1.2-3.8 1.9-7 2.2-2.2.2-4.1-.1-5.7-1-2.2 1-9.3 2.6-21.2 5l-2.9-1.1-46.8 7.2c-1.8-.9-3.9-1.2-6.3-1-2.5.2-6.7 1.1-12.5 2.7l-22.6 9.4 1.7 2.8c1.1-.1 2.7-.7 4.6-1.8l8 .7-1 7.5c-7.4 3.3-11.7 8.2-12.9 14.4-11.1 4.9-16.6 8.4-16.6 10.5l.1 1.3 1.7-.1 3-1.6 3.5 4.2.5 5.8c.2 1.8-18.5 41.1-55.9 117.9-32.4 74-49.4 114.5-51 121.8-11.1 3.1-17.5 7.6-19.4 13.6.2 1.9 3.5 3.2 9.9 3.7l.3 2.9-2.9 4.8.5 5.8c.3 3 8.4 5.3 24.3 6.9-.1-1 .4-1.6 1.5-1.7.3 3.6-.7 10.6-3 21l1.7-.1c6.6-9 9.7-15.2 9.4-18.6l1.4-.1c1.6-.1 3.3 1.7 5.3 5.6-2 .8-9 16.7-21 47.8l1.7 2.8 1.7-.1c14.7-37.2 23.9-57.8 27.7-61.7 19.3-1.7 52.7-5.1 100.1-10.2l3-1.8c.1 1 .7 1.5 1.8 1.4l3.1-.3 3-1.8c.1 1 .7 1.5 1.8 1.4l35.9-3.1c9.5-.8 14-3.7 13.6-8.6-.1-1.3 5.5-2.8 16.8-4.4 1.1-.1 2.7.2 4.9.9-.1-.9 5.6-1.8 17-2.8.3-6 2.2-9.2 5.6-9.5l-.3-2.9c-3.2.3-6.8 1.1-11 2.5-7.5-.4-12.3-1-14.3-1.7-2 1.1-3.5 1.7-4.6 1.8l-25 .8-3 1.6c-.1-.9-.7-1.3-1.8-1.2l-1.4.1-3.2 1.6c-.1-.9-2.7-1.6-7.9-2.3l-3.2 1.9-6.2.5-.1-1.6c32.2-3.5 48.1-7.9 47.7-13.1 2.1-.2 3.2.8 3.4 2.9l9.4-2.4-.3-2.9-77.1 2.1c.1 1-.4 1.6-1.5 1.7l-9.4-.8c-2.4.2-4.4.9-6 2.1l-3.5-1.3c-9.7.8-16.9 2-21.7 3.5-6.6-.5-13.9-.4-22 .3l-17.3 1.5-8-.9c-.4-5.1 9.5-30.2 29.9-75.2 5.9-15.2 11.3-24.7 16.5-28.3 1.1-.1 2.7.3 4.9 1.2l12.3-4.2 6.3 1c10.6-.9 22.9-3.9 37-9.1 3.5-.3 6.1-.1 8 .7l9.4-2.2 28-2.4c11.9-1 24.8-3.6 38.8-7.9l-.3-2.9c-5.2.5-7.9-.4-8.1-2.5-.3-3.9-4.1-5.5-11.4-4.9l-.3-2.9 7.7-2.2 20.2-1.7-.3-2.9c-.8.1-4.9 0-12.5-.3l-.3-3.1 7.8-.7c2.1-.2 3-1.2 2.8-3.2-10.5.3-15.8-.2-15.9-1.6-73.2 3.6-109.9 4.3-110.1 2-1.1.1-2.6.8-4.6 2l-1.9-3c19.4-41.2 30.8-62 34.1-62.3.1 1.6-.7 4.2-2.5 7.7l.1 1.3 3.1-.3c7.7-18.4 14.2-27.9 19.6-28.3 23-2-3.2-3.5 46-11.2 2 .9 3.4 1.3 4.4 1.2 19.3-3.9 46.2-8 80.7-12.2l-.2-2.9-18.4 1.7-.2-2.9c2.2-.2 4-.9 5.5-2.1l.1 1.6c1-.1 2.4-.8 4.2-2 3.2-.3 5.6 0 7.3.9 6.4-1.7 11.6-2.7 15.4-3.1l11.5-1.1c2.8-1.8 4.1-3.4 4-4.9l-.1-1.3c-2.9.3-6.2.1-10.1-.6-.1-1.6.7-2.7 2.6-3.2l21.4-2 9.8-2.5c.1 1.1.6 1.5 1.4 1.5 1-.1 2.4-.8 4.2-2 .5.1 1.1.1 1.6.2-1.3 2.7-2.8 6.6-4.3 11.7l-2.8.2c-.2-1.9-.7-3.6-1.6-5.1l-1.4.1c-26 72.4-37.6 106.1-61.6 161.7-4.4 14.2-8.1 22.1-11.3 23.8.1 1.6 1.1 2.4 2.8 2.2.6 7-1 13.9-4.9 20.7-11.1 32-18.5 49.5-22.3 52.7l2.5 15.1c.1 1.6-.7 2.5-2.4 2.7l-2.6.2c-.4-4.2-1.9-6.2-4.6-5.9l-1.4.1c-3.4 5.3-6 11.4-7.7 18.5l2.6-.2c3.5-2.3 5.1-5 4.8-8.1l5.2-.5 3 1.1c-2.4 3.8-3.5 6.8-3.3 9.1l1.4 2.4-3.4 8 .1 1.3c3-.3 6.3.7 9.8 2.8 2.4-.2 5-1.3 7.9-3.2 3-.3 14.2-.4 33.5-.4l9.7-3.3c11.8-.1 13.7.2 23.9-.7l4.2-.4 2.2-1.5.1 1.3c10.7-.9 11.4-.2 19.8.8l.1 1.3-5.9.5.2 2.5c1.8-.2 3.4-.7 4.7-1.8 1.5-.1 2.4.7 2.5 2.5-2.4.2-5.1.8-8.1 1.8l-2.6-.9c-4.1 1.1-3.2 1.4-6 1.6l-4.1-.8c.1.7-.3 1.2-1 1.2.1 1.6 1 2.4 2.5 2.3l4.2-.4 21.9-1.9 8.3-1.8c.1.7.4 1.1 1.1 1l4-1.5 7.5-.6c5.8-.5 5.7-.9 18.3-2.9-.1-.8.2-1.1.8-1.2l.1 1.1c20.5-3.5 21.8-3.7 25.1-4.8l.3.6c5.1-1.2 2.2-.9 3.6-1.9.1.9.4 1.3.9 1.3l3.6-.3-.2-2.7-7.3-.1-.1-.2c-.3.1-.5.1-.8.2h-1v.2c-4.9 1-5 .3-8.2.6l-18.3 1-.1-1.3 10.2-1.4 3.7-.3 2.1-1.5.1 1.3c14.4-1.2 19.5 2.4 86.1-11.8 3.6-.3 3.3-3.3 5.6-9.5-1.2.1-2.4-.2-3.5-.8-5.5 2.1-8.4 1.1-19 2.8-.9.1-1.6-.7-1.9-2.3l-.1-1.1 10.2.3c1.9-.2 5.6-.5 11.1-3.6 0 .9-2 1.4-.8 1.3zM973 419.8l-4.7.4c-.2-1.9 2.3-9.1 7.5-21.4l3.1-.3c.1 2.9-1.8 10-5.9 21.3zm5.7-22.8l-.1-1.3c-.1-1.6.9-2.7 3.1-3.2l.1 1.3c.1 1.9-.9 3-3.1 3.2zm62.5 48.3l.1 1.3-7.8.7-.1-1.3 7.8-.7zm-9.4-.8c.1 1.6-2.3 3.4-7.5 5.2l-9.6-.7-3.1.3-.3-2.9 20.5-1.9zm63.2-290.9l-4.7.4-.1-1.6c-.1-1.6.8-2.7 2.8-3.2l1.7-.1 3.2 1.3c.1 1.9-.8 3-2.9 3.2zm71.5-14l1.5-.1.2 2.9-4.3.4c-.1-1.6.7-2.7 2.6-3.2zm-18 6.3l-7.1-.8-.1-1.3c9.3-.8 12.4-1.8 18.1-3.4.1 1.1 1.1 1.5 2.9 1.3l.2 2.9-2.8.3c-2.2.2-4.1-.1-5.7-1-1.7 1.1-3.5 1.8-5.5 2zm8.9 25.9l-.1-1.3 11.5-1.1.1 1.3-11.5 1.1zm12.3-10l-.1-1.6 5.6-.5.1 1.6-5.6.5zm1.3-19.6l-1.5.1 1.3-3.1 12.8-1.2.1 1.6c-3.3.3-7.6 1.2-12.7 2.6zm6.5 27.6l-.2-2.9 5.6-.5c1.9-.2 2.9.7 3 2.7l-8.4.7zm33.9-46.2l-7.2 2-1.3.1c-3.4.3-7.8.2-13-.3 9.3-.6 18.2-1.3 21.5-1.8zm-7.7 32l.1 1.3-9.9.9-.1-1.3 9.9-.9zm16.2 7.7c-.1-1.2-2-2-5.9-2.4l-9.9 2.8-7.6.3c-1.7-1.2-2.6-2-2.7-2.6l8.8.5 19.8-3.2 10.1.4.1 1.6c-5 .5-9.2 1.4-12.7 2.6zm101.9-26.3c1.2.1 2 .1 2.3.1 3.5-3.4 7.4-6.1 11.9-8-3.6 15.8-9.2 27.5-16.9 35.1l-5.6-3.4c4.7-11.9 7.5-19.8 8.3-23.8zm-17.2 29.5l1.4-.1c-1.9 3.6-3.6 5.5-5 5.6l-.3-3.8c.9 0 2.2-.6 3.9-1.7zm-11.1 26.5c2.7-10.8 5.3-16.9 7.7-18.5l.1 1.3c-1.4 10-3.6 15.3-6.5 15.7l.5 6.3c-2.4 3.4-3.5 6-3.4 8l-1.4.1-.8-8.7c1.6-.2 2.9-1.6 3.8-4.2zm-4.3 14.4c.1 1.5-.9 5-2.9 10.4l-1.4.1-.3-3.8c1.9-4.4 3.5-6.6 4.6-6.7zm-80.7 234.2l-.1-1.1 2.6-.2.3 3.8c-1.4.1-2.4-.7-2.8-2.5zm115.3 3c-.1-.9-.5-1.3-1.4-1.2l-6.5.6-.1-1.3h.6l15.4-1.3.1 1.3c-4.5.2-7.2.9-8.1 1.9zm-7.7-3.2c.6.3.3.6 0 .8-.3-.1-.7-.4 0-.8zm.8-18l-8.6.7-.1-1.3 7.8-.7 6.8-1.7c.1.8.5 1.1 1.4 1 8.1-1.4 7.3-1.8 11.2-2.1 1.3-.1 2.1.7 2.2 2.3l-20.7 1.8zm30.1-2.6c-4.8-.5-5.1-.9-8.5-.6l-.1-1.1 7.7-.7.1 1.1c-.8.1 2.1.3.8 1.3zm.6-1.4l-.1-1.1 4.2-.4.1 1.1-4.2.4zm9.3-.8l-.1-1.1c.7-.1 1.7-.6 3-1.6 2.1-.2 3.2 1.2 3.4 2.8l-6.3-.1zm11.9-1.5l-.1-1.3 5.1-.4.1 1.3-5.1.4zm7.1-.6c-.1-1.5.5-2.4 1.8-2.6l1.7 2.2c-.1-.7.2-1.1.8-1.2l1.3 2.4-5.6-.8zm-75.5 32.6l-.2-2.5-.8.1.2 2.5.8-.1zm175.7-45.5c.8-.5 1.2-1-.7-1.3-.9 1 1 1.3-1 1.4l.1.9c.2-.2.7-.5 1.1-.8l-1.1.9v.1l-2.1 2.7 4.2-1.5h.5l-.2-2.5-.8.1zm7.3 5.7l-.8.1.2 2.5 5.9-.5c-.1-1.6-4-2.1-5.3-2.1zm-9.1-4.4l.1-.1v-.1s-.1.1-.1.2z"/><path fill="#F9DC3E" d="M1090.4 219.8l.1 1.6 3.3-.3c-.1-1 .3-2.6 1-4.6l-.3-2.9c-1.4.1-2.8 2.2-4.1 6.2zm-31.6-76l-.3-2.9-4.7.4.3 2.9 4.7-.4zm-91.7 171.7c-.2-2.7-8.6-13.2-25.2-31.7-.3-3.4 5.4-8.5 17.1-15.2l33.4-29.1c7.5-9.5 11.9-24.9 13.2-46.3l-.4-4.9c-1.3-14.8-12-26.7-32.3-35.8-12-8.1-33.6-12.6-64.8-13.4-25.8 2.2-59.5 11.4-101 27.7-11.4 8.2-24.4 16.4-39 24.6l.2 2.5c.9-.1 2.3-.6 3.9-1.7 1.7-.2 2.7.6 2.8 2.2l2.5-1.3 1.2-.1.1 1.1c.1 1.3-8.9 8.4-27.1 21.1l1.4 2.6-1.2.1-3-1.1c.1.9-1.2 1.5-3.7 1.7l.1 1.1 2.9 3.6c-.9.1-2.3-.3-4.2-1-4.2.4-8.3 2.6-12.4 6.8l1.7-7.4c6.1-26.3 10.3-49.6 12.5-69.8l-.3-1.3c-4.2-2.7-8.3-6.5-12.1-11.3.1-3.1.1-4.9 0-5.3l-.3-1.1-1.2.3c-13.2 19.8-38.6 53.6-76.3 101.4-28.7 34-43.5 52.9-44.4 56.7-11.7 12.1-17.3 19.4-16.7 21.9-3.1 2-4.4 4-3.9 6.2-.9.2-1.5-.1-1.7-1-5 8.1-12.4 13.3-22.3 15.6l-10.4 2.4c-1.4.3-2.1 1.3-2 3l.3 1.3 3.9-.9.3 1.1-8.8 3.4-15.6 3.6-8.2.5c-1.2 1.2 6.5-.1 3.5.6l-10.2 2.4c-6.2 1.4-9.6.9-10.2-1.6l-1.2.3c.2 1.1.3 1.9.1 2.6l-.6-2.5-8.2 1.9c-.6-3.8-11.7-17.6-33.2-41.4-.4-4.6 7.2-11.3 22.7-20l43.8-38.5c9.8-12.6 15.6-32.8 17.5-60.6l-.6-6.5c-1.7-19.6-15.9-35.4-42.6-47.6-15.8-10.7-44.2-16.4-85.2-17.3-34 2.9-78.4 15-133 36.1-15 10.9-32.1 21.7-51.3 32.4l.3 3.4c1.3-.1 3-.8 5.1-2 2.2-.2 3.4.8 3.6 2.8l3.4-1.9 1.7-.1.1 1.6c.1 1.6-11.8 10.9-35.9 27.9l1.9 3-1.7.1-3.7-1.3c.1 1-1.6 1.7-5.1 2l.2 1.8 4 4.4c-1.3.1-3.1-.3-5.4-1.1-7.8.7-15.4 6.3-22.9 16.9l1.9 3c6.5-6 10.3-9 11.4-9.1l.4 4.9c-1.1.1-2.8.8-5.1 2l4.1 6.2c7.9-8.5 16.6-15.8 26.1-21.9 4.7 1.2 7.2 2.7 7.3 4.3l3.6-.3c25.8-19.1 51.3-32.9 76.6-41.4l.3 3.4c-4.7 7-7.9 10.6-9.6 10.8.2 2.4 1 4.5 2.5 6.3.4 4.3-11.1 33.3-34.4 86.9-52.9 124.6-97.3 216.8-133.4 276.4.1 1.2.8 2.8 2.1 4.8 8.9-2.1 14.5-4.3 16.9-6.4l1.9-.2.3 3.4 3.3-.3 3.4-1.9c.1 1 1.2 1.5 3.5 1.3l.3 3.4c.3 3.3-1.6 8.3-5.6 15.2-3.6 4.1-7.5 12.7-11.6 25.8l.1 1.6 3.3-.3c14.4-16.1 25.3-31.9 32.8-47.3 42-12.3 74-24.4 96.2-36.3 22.3-1.9 39.3-7.8 50.9-17.5l-.2-1.8-8.4 2.5-1.9.2-.2-1.8c16.4-2.5 27.7-6.1 34-11.1 31.9-24.6 56-42 72.3-52.3 33.5-24.6 55.3-48.6 65.2-71.9 1.8-.4 3.6-.8 5.6-1.3 4.7-.2 7.3-.3 8-.5-.2-.9.2-1.4 1.1-1.6 7.5-.8 3.9.5 8.7-.6l12.6-2.9 2.1-.5-1 .6c1.4.2 2.9.1 4.6-.3l.9 3.7-57.3 91.1-12.7 15.9-6.2 20.8 1.2-.3 6.2-2.6-2 8.1.6 2.4 1.7 2.1c-.8.2-1.1.7-.9 1.6l.3 1.3 2.6-.6c3.8-3.3 5.4-6.3 4.8-9 4.1.7 6.8 1 8.2.6l.3 1.3c-2.5.6-3.8 2.6-4 6l.3 1.3 1.4-.3c20.8-22.7 71.8-100.4 112.7-153.1-1.3-5.7 20-13.6 64-23.8l1.4-.3c1.6 6.9-1.8 23.6-10.2 50.1-5.4 16-8 24.8-7.6 26.2-7 21.3-10.3 32.8-9.9 34.6l-15.6 51.1c-10.1 26.2-17.8 53.7-23.2 82.7.9-.2 2.3-.1 4.3.4l2.2-1.9c.2.9.8 1.2 1.7 1l-.9-3.7 6.8-.2c2-.5 3.7-3 5.1-7.6-.3-6.9 1.1-10.6 4.2-11.4 4.2-16.4 6.8-24.6 7.7-24.9 3.9-16.3 6.8-25.6 8.7-27.9 5.9-21.2 10.2-32.1 13-32.8l.6 2.6-4.3 11.1c-7.5 33.3-15.1 59.6-22.8 78.9l2.2 9.6 1.4-.3c18.6-40 45.4-119.2 80.3-237.6 1-10.4 6-18.5 14.9-24.2l-2-2.1-.3-1.1c4-.9 6.8-2.5 8.4-4.7-.2-.9-3.7-2.2-10.5-4l17.4-74.6c3.8-3.4 6-5.2 6.7-5.2l.3 3.8c-.9.1-2.3.6-3.9 1.7l3.3 4.7c6-6.5 12.5-12.1 19.6-16.8 3.6 1 5.4 2.2 5.6 3.4l2.6-.2c19.8-14.5 39.2-24.9 58.3-31.2l.2 2.5c-3.5 5.3-5.9 8-7.2 8.1.2 1.8.7 3.4 1.6 4.8.3 3.3-8.3 25.3-25.9 66.1-40.2 94.5-73.9 164.4-101.3 209.8.1.9.7 2.1 1.8 3.7 6.7-1.6 11-3.3 12.7-4.9l1.2-.1.2 2.5 2.8-.2 2.5-1.3c.1.7 1 1 2.7.9l.2 2.7c.2 2.4-1.2 6.2-4.3 11.4-2.9 3.1-5.9 9.6-9.1 19.5l.1 1.3 2.6-.2c10.9-12.2 19.2-24.2 24.9-36 31.9-9.4 56.2-18.5 73-27.5 17.1-1.5 30-5.9 38.8-13.3l-.1-1.3-6.5 1.9-1.4.1-.1-1.3c12.4-1.8 21.1-4.6 25.8-8.3 24.2-18.6 42.5-31.9 54.9-39.7 38.6-28.1 56.6-55.1 54.4-81zm-6.6 1.7l.9 10.1c-1.2 2.5-2.5 3.8-3.7 3.9l-1.5-17.2c2.8 1 4.2 2 4.3 3.2zm-757.2-81.4l-1.7.1-.3-3.1 6.9-.6.1 1.6c-1.1.1-2.8.7-5 2zm-33.7 337.1c-4-1.8-7.6-2.5-10.7-2.2l-.4-4.9c-.2-1.9.9-3.2 3.3-3.7 2.2-.2 3.5 1.4 3.7 4.6 5.8-7.1 9-10.7 9.6-10.8l3.7 1.5c-1.2 10-4.3 15.1-9.2 15.5zm360.1-376.7c-1.7.2-5.1-5.1-10-15.6l-.3-3.1c3.2-.3 6.5 4.9 10 15.6l.3 3.1zm-4.8-37.3l-1.4 3.3-48.9-20.4c32.6 1.1 49.4 6.8 50.3 17.1zM318.4 336.2l-6.9.6-.3-3.1 6.9-.6.3 3.1zm-5.6-106.5l1.7-.1.4 4.9c-1.6.1-3.7 2.5-6.3 7.1l-.3-3.4c3.1-3.7 4.7-6.5 4.5-8.5zm-14.5 34.2l.6 6.5-1.7.1-.6-6.5 1.7-.1zm-7.6 12.2l3.3-.3c-.3 5.4-1.8 8.3-4.5 8.5l-1.7.1c2.1-3.6 3.1-6.4 2.9-8.3zm-5.7 17l1.9-.2.1 1.6-3.1 5.2-3.3.3-.1-1.6c3.3-.3 4.8-2 4.5-5.3zm-5.6 15.3l-1 8.2-1.7.1-.7-8.1 3.4-.2zm-56.1 159.5c-2.2 11.2-4.6 16.9-7.1 17.1l-.1-1.6c-.6-5.5 1.8-10.7 7.2-15.5zM213 490.2l.1 1.6c.2 2.2-.8 3.5-3 3.6l-.1-1.6c-.2-1.9.8-3.1 3-3.6zm-3 46.3l5.2-.5.2 1.8c-1.3.1-3 .8-5.1 2l-3.3.3c-.2-1.7.9-3 3-3.6zm148-45.7c-29.2 14.4-46.4 24.2-51.5 29.3-31.6 11-47.3 17.8-47 20.5-28.1 11.1-46.6 19.3-55.5 24.4-2.1.2-5.1-.6-9.1-2.4-.5-5.7 2.1-10.3 7.6-14 4.9-.4 9.6.3 14.1 2.2 5.2-2.7 14.3-5.7 27.2-8.9l-.3-3.4-10.4.9c1.3-1.8 11.3-6.5 30.1-14.1l5.2-.5.1 1.6c-8.9.8-13.8 3.4-14.9 8.1.2 2.1 1.4 3 3.6 2.8 6.7-4.2 10-6.7 9.9-7.4 12.7-2.4 47.8-20.8 105.3-55.1l.3 3.1c.1 1.5-4.8 5.7-14.7 12.9zm-88.2 29c8.4-.7 15.6-4.1 21.6-10 2.4-.2 3.7.7 3.8 2.8-4.1.4-12 3.8-23.5 10.4l-1.7.1-.2-3.3zm142.3-109.3l-44.1 35c-32.8 21.5-50.4 32.3-53 32.5-52.2 28.7-84.7 43.6-97.3 44.7l-1.9.2c1.6-5.9 24.8-53.4 69.8-142.8 19.8-1.7 51-10.9 93.5-27.7l10.4-.9c21.5-1.9 37.6 2.3 48.2 12.3l.6 6.5c-7.9 22.9-16.7 36.3-26.2 40.2zM325.9 362l7.1-.6.1 1.6-7.1.6-.1-1.6zm99.7-16.9l5.2-.5c4.8 2.3 7.3 4.3 7.5 6.1l.1 1.6c-4.6.4-8.9-2-12.8-7.2zm14.1-80.3c-4.6 5.5-17.2 14.9-37.8 28.1-6.8.6-32.1 10.4-75.9 29.6-2.2-1-4.5-1.4-7-1.2l-.3-3.1c-.5-6.3 2.3-14.2 8.5-23.8 3.4-18 7.1-28.3 11.2-30.8l36.5-82.1c-.4-5.1 7.4-9 23.4-11.7l5.2-.5.4 4.7c15.7-2.4 25.5-3.8 29.3-4.1 29-2.5 44.1 3.4 45.3 17.5l3.3-.3-.7-8.3 3.6-.3c8.5 4.7 13.1 10.4 13.7 17.1.4 4.6-2.1 10.3-7.4 17.1-2.2.2-3.5-1.4-3.7-4.6l-3.6.3-.8 10c-14.7 22-25.4 33.3-32 33.9-6 8.3-9.7 12.4-11.2 12.5zm22.4 57.5c-3-2-5.4-2.9-7.2-2.8l-.4-4.9 3.3-.3 7.3 4.3c.3 2.3-.7 3.5-3 3.7zm23.2 27.5c3.2 1.3 5.1 2.7 5.5 4l-1.6.4.1.1c-.3 0-.7.1-1 .2l-2.4 1.9-.6-6.6zm2.2 13.8l-.3-1.3 4.2-1 .3 1.3-4.2 1zm10.1 11.3c4.3-.7 6.4-1 14.4-2.8l.3 1.3-15.2 3.5c.2-.7.4-1.4.5-2zm14.8 6.3c-6.4.6-5-.2-15.2 2.1l-.3-1.3 12.8-4.1 6.1-1.4.6 2.4c-2.8.6-.8.6-4 2.3zm13.5-3.2c-1.5.4-2.7-.3-3.4-2l3.9-.9c1.7-.4 2.8.3 3.2 2l-3.7.9zm36.6-39.4l-.3-1.3 6.3-1.5.6 2.4-6.6.4zm39.1 239.8c.4-1.8.5-3.1.3-4l1.4-.3c1.7-.4 2.7.2 3.1 1.8l.3 1.3-5.1 1.2zM629 348.9l-2.8-.5c-4.5 1.8-8.3 3.1-11.4 3.8l-2.6.6c-1.5.4-2.7-.2-3.3-1.8l18.3-4.2 6-2.8 2 2.3c-2.9.6-5 1.5-6.2 2.6zm14.1-4.5l-.3-1.3c.9-.2 2.1-.9 3.4-2.2l13-3 .3 1.3c-6.9 1.7-12.4 3.4-16.4 5.2zm2-26.3c-.9.2-2.1 1-3.6 2.2-.2-.9-2-.9-5.4-.1-.6-2.5 9-6 28.9-10.6l2.8-.6.6 2.4c-14 4.1-21.8 6.4-23.3 6.7zm35-37.8c-1.4 15.9-7 24.9-16.9 27.2l-.3-1.3-8.8 3.4-3.9.9c-2 .5-3.8.4-5.4-.1l-.8-3.5c-.3-1.3 12.4-18.9 38.2-52.7l3 .5c1.1 4.6-.6 13.1-5.1 25.6zm61.9-53l-1.2.1-.2-2.5 5.2-.5.1 1.3c-.9.2-2.2.7-3.9 1.6zm-25.5 256.1c-3-1.4-5.7-2-8-1.8l-.3-3.8c-.1-1.3.7-2.2 2.4-2.7 1.7-.2 2.7 1 2.9 3.6 4.3-5.5 6.7-8.3 7.2-8.3l2.7 1.1c-1 7.6-3.3 11.6-6.9 11.9zm273.4-286c-1.3.1-3.8-3.9-7.7-12l-.2-2.5c2.5-.2 5.1 3.7 7.7 11.7l.2 2.8zm-3.6-28.6l-1.2 2.6-37-15.5c24.7.8 37.5 5.1 38.2 12.9zM829.4 303.5l-5.2.5-.2-2.5 5.2-.5.2 2.5zm-4.3-80.9l1.4-.1.3 3.8c-1.3.1-2.9 1.9-4.8 5.4l-.2-2.5c2.3-2.9 3.4-5.1 3.3-6.6zm-10.9 26l.4 4.9-1.4.1-.4-4.9 1.4-.1zm-5.9 9.3l2.6-.2c-.3 4.2-1.4 6.4-3.3 6.6l-1.4.1c1.5-2.8 2.2-5 2.1-6.5zm-4.2 12.8l1.2-.1.1 1.3-2.3 4-2.6.2-.1-1.3c2.7-.2 3.9-1.6 3.7-4.1zm-4.2 11.6l-.9 6.4-1.2.1-.5-6.3 2.6-.2zm-42.7 121.3c-1.7 8.4-3.5 12.7-5.4 12.9l-.1-1.1c-.3-4.2 1.5-8.2 5.5-11.8zm-7.9 16.9l.1 1.1c.2 1.8-.6 2.8-2.4 2.9l-.1-1.3c-.1-1.3.7-2.2 2.4-2.7zm-2.2 35.2l4-.3.1 1.3c-.9.1-2.3.6-3.9 1.5l-2.6.2c-.1-1.4.7-2.3 2.4-2.7zM859.4 421c-22 10.9-35.1 18.3-39.2 22.1-24 8.4-35.9 13.6-35.7 15.7-21.3 8.5-35.3 14.6-41.9 18.5-1.6.1-3.9-.5-6.9-1.9-.4-4.3 1.6-7.8 5.8-10.4 3.8-.3 7.4.2 10.7 1.6 4-2 10.9-4.2 20.7-6.7l-.2-2.5-8.1.7c1-1.4 8.7-5 23-10.8l4-.3.1 1.1c-6.8.6-10.6 2.6-11.4 6.2.1 1.6 1.1 2.4 2.8 2.2 5-3.3 7.4-5.2 7.4-5.8 9.6-1.7 36.2-15.7 79.9-41.9l.2 2.5c0 1-3.7 4.2-11.2 9.7zm-67 22c6.5-.6 12-3.1 16.6-7.5 1.7-.1 2.7.6 2.8 2.2-3 .3-8.9 2.8-17.8 7.6l-1.4.1-.2-2.4zm108.2-83.1l-33.3 26.8c-24.9 16.3-38.4 24.5-40.5 24.7-39.6 21.8-64.2 33.1-73.9 33.9l-1.4.1c1.2-4.5 18.9-40.6 53.1-108.4 14.9-1.3 38.5-8.4 70.9-21.2l8.1-.7c16.3-1.4 28.5 1.8 36.5 9.5l.4 4.9c-6.1 17.2-12.7 27.3-19.9 30.4zm-65.4-36.8l5.2-.5.1 1.3-5.2.5-.1-1.3zm75.7-12.9l4-.3c3.7 1.8 5.6 3.4 5.7 4.7l.1 1.1c-3.5.3-6.8-1.5-9.8-5.5zm10.5-60.9c-3.5 4.2-13 11.4-28.5 21.4-5.2.5-24.4 7.9-57.6 22.3-1.6-.6-3.4-.8-5.3-.7l-.2-2.5c-.4-4.8 1.7-10.8 6.3-18.1 2.6-13.8 5.5-21.5 8.5-23.3l27.9-62.4c-.3-3.7 5.6-6.7 17.6-9l4-.3.3 3.8c11.8-1.9 19.2-3 22.2-3.3 22-1.9 33.5 2.5 34.4 13.3l2.6-.2-.5-6 2.6-.2c6.4 3.5 9.8 7.7 10.2 12.7.3 3.6-1.5 8-5.3 13.1-1.7.2-2.7-1-2.9-3.6l-2.6.2-.8 7.5c-11.1 16.9-19.2 25.6-24.3 26-4.5 6.1-7.3 9.2-8.6 9.3zm11.7 41.6l-.3-3.8 2.6-.2 5.6 3.4c.1 1.6-.7 2.5-2.4 2.7-2.4-1.5-4.2-2.2-5.5-2.1zM467.6 533.8l-2.6.6-2.2 1.9c.4 1.6 1.4 2.2 3.1 1.8 1.7-.4 2.4-1.4 2-3l-.3-1.3zm-9.9-19.7l.3 1.3c1.7-.4 2.4-1.4 2-3l-.3-1.3c-1.6.4-2.3 1.4-2 3zm70.8-133l1.9-1.2c-.4 0-.7-.1-1-.2-.7.2-1 .7-.9 1.4zm-.4-34.5l3-.7-.6-2.6-3 .7.6 2.6zm706.7 101l-6.8-.8-1.2 2.6.1 1.3 40.5-3.4-.2-2.5-32.4 2.8zm37-3.1l.2 2.5h.4l-.2-2.5h-.4zm169.9-22.2l.2 2.5 4.4.8-.2-2.5-4.4-.8zm-6.2.5c-30.4 6.8-34.2 5.6-40.6 6.1l.2 2.5 2.8-.2 1.5-.1-.4-.3 3.3-1.3c30.1-3.3 33.6-2.1 33.3-5.5l-.1-1.2zM1253 378.6l-2.7-.9c-2.2 5.9-3.3 9.4-3.2 10.4l.1 1.1c2.1-.1 4-3.7 5.8-10.6zm-36.6-19.7l-.1-1.3-1.4.1-2.5 1.6 1.4 2.4c1.9-.2 2.8-1.1 2.6-2.8zm79.5 82.2l-.2-2.5-.8.1.2 2.5.8-.1zm165-37.2l1.9-.2c1.1-.1 1.6-1 1.5-2.6l-1.1-2.4c-6.9.6-10.1.9-15.7 4l-.1-1.3-8.3.8c-.2-2.5-.9-3.8-2-3.7l-4.3.4c-5 .4-7.4.2-9.9 2.1-.1-.9-.4-1.3-.9-1.3l-4.8.4-2.8 1.6c-.1-.9-.4-1.3-.9-1.3l-1.7 1.5-.1-1.3-6.7-.5-1.6.1.2 2.5 3.4.9 3.2-.2c1.1.7 2.3.9 3.7.8l2.8-1.4.1 1.1c-15.7 3.9-15.6 3.2-26.4 5-1.2-.8-2.1-1.2-2.7-1.1l-.2.2c-1.2-.1-1.9-.9-2-2.2l5.6-.7c.4 0 .7.4 3.8 1 4.5-2.2 4.7-3.1 7.1-3.3l-.2-2.5c-15.4 3-9.2 1-28.5 2.7l-.9.1-.2-2.5c24.8-3 16.5-1.3 25-3.7.1.9.4 1.3.9 1.3 1-1 2.1-1.5 3.4-1.7l1.7-.1c8.7-.7 11.6 1 28.8-3.8l.1 1.1 2.8-1.4 2.6-.2c-.2-2.5 3.6-2.9 4.9-3l-.2-2.7c-30.2 6.1-38.1 4.4-46.5 6.8l-.1-1.1c-7.9 1.4-8.2.8-10.2.9-.6.1-1.5.6-2.5 1.6-.1-.9-.4-1.3-1-1.3-.3 0-.4.1-.5.1l-25.6 4.2c-.1-.7-.4-1.1-1-1-13.3 2.8-9.7 3.3-27.5 4.9-.8.1-1.9.5-3.3 1.4-.1-.7-.5-1.1-1.4-1l-10.9.9-7.3 1.8c-.1-.7-.5-1.1-1.4-1-4.1 1.1-7.7 1.8-10.6 2h-.2c-1.8.2.9-.5-.5-1.1l-2.2 1.3c-3.2.3-1.5-.2-12.5-.1-19.3 2.4-17.2 2.7-19.3 2.8l-7.2-.5c.1.7-.3 1.2-1.1 1.2-8.2-1.1-12.4-2.4-12.5-3.9 1.1-7.8 3-11.8 5.7-12l1.4-.1-1.2 2.6 1.4-.1c2.6-1.4 3.8-2.7 3.7-3.9l-.2-2.7-2.6.2-.2-2.5c-.2-1.9.1-3.6.8-5l5.9-9.5.2 2.5 2.8-.2-.2-2.5-1.6-2.3c2.1-1.8 3.7-2.8 5-2.9l-.1-1.3-3.8.3-.3-3.8c7.6-15.8 11.2-25 11-27.6l2.7 1.1c1.7-.1 2.5-1.1 2.4-2.9l-2.6.2-.1-1.1c-.2-1.9.2-3.7 1-5.3 4.1-4.3 6-8.6 5.6-13.1.8-.1 1.2.3 1.3 1.2 3.5-2 6.2-7.3 8.2-16.1 6.2-11.2 15-33.6 26.5-67.1 22-59.2 21.1-65.5 24.2-79.5l-2.6.2c.2 1.8-.2 3.5-1 5.1-1.8-.7-3.2-1.1-4.2-1l-.1-1.1c-.4-5.1 1.7-11.2 6.5-18.4l1.2-.1 2.2 8.6 2.6-.2c-.1-.6.6-4 2-10.3-.1-1.3-1.1-2.1-3.1-2.2l-2.5 1.6c-.2-1.8-.1-6.5.2-14l-1.3.1c-2.2-2.2-3.3-4-3.4-5.5l-14.3 1.4c-.1-1-.6-2.5-1.6-4.4-.1-1.3 3.1-2.6 9.7-3.9l2.9 1.1 2.7-1.6c.1.9.6 1.3 1.6 1.2l2.7-1.6c.1.9.6 1.3 1.6 1.2l1.3-.1-.2-2.9c-2 .2-7.3.2-15.7-.1l-2.7 1.8-.1-1.6c-67.1 5.5-105.2 8.6-114.3 9.5-1.2.1-5.9 0-14.2-.2.1 1.1-.9 1.7-2.9 1.9l-2.9-1.3-9.8 2.5c-2.3.2-6.2.1-11.6-.5-1.5 1.2-3.3 1.9-5.5 2.1-1.2.1 14.3-.8 28.7-1.8-1.5 1.2-3.8 1.9-7 2.2-2.2.2-4.1-.1-5.7-1-2.2 1-9.3 2.6-21.2 5l-2.9-1.1-46.8 7.2c-1.8-.9-3.9-1.2-6.3-1-2.5.2-6.7 1.1-12.5 2.7l-22.6 9.4 1.7 2.8c1.1-.1 2.7-.7 4.6-1.8l8 .7-1 7.5c-7.4 3.3-11.7 8.2-12.9 14.4-11.1 4.9-16.6 8.4-16.6 10.5l.1 1.3 1.7-.1 3-1.6 3.5 4.2.5 5.8c.2 1.8-18.5 41.1-55.9 117.9-32.4 74-49.4 114.5-51 121.8-11.1 3.1-17.5 7.6-19.4 13.6.2 1.9 3.5 3.2 9.9 3.7l.3 2.9-2.9 4.8.5 5.8c.3 3 8.4 5.3 24.3 6.9-.1-1 .4-1.6 1.5-1.7.3 3.6-.7 10.6-3 21l1.7-.1c6.6-9 9.7-15.2 9.4-18.6l1.4-.1c1.6-.1 3.3 1.7 5.3 5.6-2 .8-9 16.7-21 47.8l1.7 2.8 1.7-.1c14.7-37.2 23.9-57.8 27.7-61.7 19.3-1.7 52.7-5.1 100.1-10.2l3-1.8c.1 1 .7 1.5 1.8 1.4l3.1-.3 3-1.8c.1 1 .7 1.5 1.8 1.4l35.9-3.1c9.5-.8 14-3.7 13.6-8.6-.1-1.3 5.5-2.8 16.8-4.4 1.1-.1 2.7.2 4.9.9-.1-.9 5.6-1.8 17-2.8.3-6 2.2-9.2 5.6-9.5l-.3-2.9c-3.2.3-6.8 1.1-11 2.5-7.5-.4-12.3-1-14.3-1.7-2 1.1-3.5 1.7-4.6 1.8l-25 .8-3 1.6c-.1-.9-.7-1.3-1.8-1.2l-1.4.1-3.2 1.6c-.1-.9-2.7-1.6-7.9-2.3l-3.2 1.9-6.2.5-.1-1.6c32.2-3.5 48.1-7.9 47.7-13.1 2.1-.2 3.2.8 3.4 2.9l9.4-2.4-.3-2.9-77.1 2.1c.1 1-.4 1.6-1.5 1.7l-9.4-.8c-2.4.2-4.4.9-6 2.1l-3.5-1.3c-9.7.8-16.9 2-21.7 3.5-6.6-.5-13.9-.4-22 .3l-17.3 1.5-8-.9c-.4-5.1 9.5-30.2 29.9-75.2 5.9-15.2 11.3-24.7 16.5-28.3 1.1-.1 2.7.3 4.9 1.2l12.3-4.2 6.3 1c10.6-.9 22.9-3.9 37-9.1 3.5-.3 6.1-.1 8 .7l9.4-2.2 28-2.4c11.9-1 24.8-3.6 38.8-7.9l-.3-2.9c-5.2.5-7.9-.4-8.1-2.5-.3-3.9-4.1-5.5-11.4-4.9l-.3-2.9 7.7-2.2 20.2-1.7-.3-2.9c-.8.1-4.9 0-12.5-.3l-.3-3.1 7.8-.7c2.1-.2 3-1.2 2.8-3.2-10.5.3-15.8-.2-15.9-1.6-73.2 3.6-109.9 4.3-110.1 2-1.1.1-2.6.8-4.6 2l-1.9-3c19.4-41.2 30.8-62 34.1-62.3.1 1.6-.7 4.2-2.4 7.7l.1 1.3 3.1-.3c7.7-18.4 14.2-27.9 19.6-28.3 23-2-3.2-3.5 46-11.2 2 .9 3.4 1.3 4.4 1.2 19.3-3.9 46.2-8 80.7-12.2l-.2-2.9-18.4 1.7-.2-2.9c2.2-.2 4-.9 5.5-2.1l.1 1.6c1-.1 2.4-.8 4.2-2 3.2-.3 5.6 0 7.3.9 6.4-1.7 11.6-2.7 15.4-3.1l11.5-1.1c2.8-1.8 4.1-3.4 4-4.9l-.1-1.3c-2.9.3-6.2.1-10.1-.6-.1-1.6.7-2.7 2.6-3.2l21.4-2 9.8-2.5c.1 1.1.6 1.5 1.4 1.5 1-.1 2.4-.8 4.2-2 .5.1 1.1.1 1.6.2-1.3 2.7-2.8 6.6-4.3 11.7l-2.8.2c-.2-1.9-.7-3.6-1.6-5.1l-1.4.1c-26 72.4-37.6 106.1-61.6 161.7-4.4 14.2-8.1 22.1-11.3 23.8.1 1.6 1.1 2.4 2.8 2.2.6 7-1 13.9-4.9 20.7-11.1 32-18.5 49.5-22.3 52.7l2.5 15.1c.1 1.6-.7 2.5-2.4 2.7l-2.6.2c-.4-4.2-1.9-6.2-4.6-5.9l-1.4.1c-3.4 5.3-6 11.4-7.7 18.5l2.6-.2c3.5-2.3 5.1-5 4.8-8.1l5.2-.5 3 1.1c-2.4 3.8-3.5 6.8-3.3 9.1l1.4 2.4-3.4 8 .1 1.3c3-.3 6.3.7 9.8 2.8 2.4-.2 5-1.3 7.9-3.2 3-.3 14.2-.4 33.5-.4l9.7-3.3c11.8-.1 13.7.2 23.9-.7l4.2-.4 2.2-1.5.1 1.3c10.7-.9 11.4-.2 19.8.8l.1 1.3-5.9.5.2 2.5c1.8-.2 3.4-.7 4.7-1.8 1.5-.1 2.4.7 2.5 2.5-2.4.2-5.1.8-8.1 1.8l-2.6-.9c-4.1 1.1-3.2 1.4-6 1.6l-4.1-.8c.1.7-.3 1.2-1 1.2.1 1.6 1 2.4 2.5 2.3l4.2-.4 21.9-1.9 8.3-1.8c.1.7.4 1.1 1.1 1l4-1.5 7.5-.6c5.8-.5 5.7-.9 18.3-2.9-.1-.8.2-1.1.8-1.2l.1 1.1c20.5-3.5 21.8-3.7 25.1-4.8l.3.6c5.1-1.2 2.2-.9 3.6-1.9.1.9.4 1.3.9 1.3l3.6-.3-.2-2.7-7.3-.1-.1-.2c-.3.1-.5.1-.8.2h-1v.2c-4.9 1-5 .3-8.2.6l-18.3 1-.1-1.3 10.2-1.4 3.7-.3 2.1-1.5.1 1.3c14.4-1.2 19.5 2.4 86.1-11.8 3.6-.3 3.3-3.3 5.6-9.5-1.2.1-2.4-.2-3.5-.8-5.5 2.1-8.4 1.1-19 2.8-.9.1-1.6-.7-1.9-2.3l-.1-1.1 10.2.3c1.9-.2 5.6-.5 11.1-3.6 0 .9-2.1 1.4-.9 1.3zm-492.4 7.9l-4.7.4c-.2-1.9 2.3-9.1 7.5-21.4l3.1-.3c.1 2.9-1.8 10-5.9 21.3zm5.7-22.8l-.1-1.3c-.1-1.6.9-2.7 3.1-3.2l.1 1.3c.1 1.9-.9 3-3.1 3.2zm62.5 48.3l.1 1.3-7.8.7-.1-1.3 7.8-.7zm-9.4-.8c.1 1.6-2.3 3.4-7.5 5.2l-9.6-.7-3.1.3-.3-2.9 20.5-1.9zm63.2-290.9l-4.7.4-.1-1.6c-.1-1.6.8-2.7 2.8-3.2l1.7-.1 3.2 1.3c.1 1.9-.8 3-2.9 3.2zm71.5-14l1.5-.1.2 2.9-4.3.4c-.1-1.6.7-2.7 2.6-3.2zm-18 6.3l-7.1-.8-.1-1.3c9.3-.8 12.4-1.8 18.1-3.4.1 1.1 1.1 1.5 2.9 1.3l.2 2.9-2.8.3c-2.2.2-4.1-.1-5.7-1-1.7 1.1-3.5 1.8-5.5 2zm8.9 25.9l-.1-1.3 11.5-1.1.1 1.3-11.5 1.1zm12.3-10l-.1-1.6 5.6-.5.1 1.6-5.6.5zm1.3-19.6l-1.5.1 1.3-3.1 12.8-1.2.1 1.6c-3.3.3-7.6 1.2-12.7 2.6zm6.5 27.6l-.2-2.9 5.6-.5c1.9-.2 2.9.7 3 2.7l-8.4.7zm33.9-46.2l-7.2 2-1.3.1c-3.4.3-7.8.2-13-.3 9.3-.6 18.2-1.3 21.5-1.8zm-7.7 32l.1 1.3-9.9.9-.1-1.3 9.9-.9zm16.2 7.7c-.1-1.2-2-2-5.9-2.4l-9.9 2.8-7.6.3c-1.7-1.2-2.6-2-2.7-2.6l8.8.5 19.8-3.2 10.1.4.1 1.6c-5 .5-9.2 1.4-12.7 2.6zm101.9-26.3c1.2.1 2 .1 2.3.1 3.5-3.4 7.4-6.1 11.9-8-3.6 15.8-9.2 27.5-16.9 35.1l-5.6-3.4c4.7-11.9 7.5-19.8 8.3-23.8zm-17.2 29.5l1.4-.1c-1.9 3.6-3.6 5.5-5 5.6l-.3-3.8c.9 0 2.2-.6 3.9-1.7zM1289 185c2.7-10.8 5.3-16.9 7.7-18.5l.1 1.3c-1.4 10-3.6 15.3-6.5 15.7l.5 6.3c-2.4 3.4-3.5 6-3.4 8l-1.4.1-.8-8.7c1.6-.2 2.9-1.6 3.8-4.2zm-4.3 14.4c.1 1.5-.9 5-2.9 10.4l-1.4.1-.3-3.8c1.9-4.4 3.5-6.6 4.6-6.7zM1204 433.6l-.1-1.1 2.6-.2.3 3.8c-1.4.1-2.4-.7-2.8-2.5zm115.3 3c-.1-.9-.5-1.3-1.4-1.2l-6.5.6-.1-1.3h.6l15.4-1.3.1 1.3c-4.5.2-7.2.9-8.1 1.9zm-7.7-3.2c.6.3.3.6 0 .8-.3-.1-.7-.4 0-.8zm.8-18l-8.6.7-.1-1.3 7.8-.7 6.8-1.7c.1.8.5 1.1 1.4 1 8.1-1.4 7.3-1.8 11.2-2.1 1.3-.1 2.1.7 2.2 2.3l-20.7 1.8zm30.1-2.6c-4.8-.5-5.1-.9-8.5-.6l-.1-1.1 7.7-.7.1 1.1c-.8.1 2.1.3.8 1.3zm.6-1.4l-.1-1.1 4.2-.4.1 1.1-4.2.4zm9.3-.8l-.1-1.1c.7-.1 1.7-.6 3-1.6 2.1-.2 3.2 1.2 3.4 2.8l-6.3-.1zm11.9-1.5l-.1-1.3 5.1-.4.1 1.3-5.1.4zm7.1-.6c-.1-1.5.5-2.4 1.8-2.6l1.7 2.2c-.1-.7.2-1.1.8-1.2l1.3 2.4-5.6-.8zm98.4-11.6l.1-.1v-.1s-.1.1-.1.2zm1.8-1.3c.8-.5 1.2-1-.7-1.3-.9 1 1 1.3-1 1.4l.1.9c.2-.2.7-.5 1.1-.8l-1.1.9v.1l-2.1 2.7 4.2-1.5h.5l-.2-2.5-.8.1zm7.3 5.7l-.8.1.2 2.5 5.9-.5c-.1-1.6-4-2.1-5.3-2.1z"/></svg> diff --git a/examples/snowpack/public/img/logos/jest.svg b/examples/snowpack/public/img/logos/jest.svg new file mode 100644 index 000000000..52aebab83 --- /dev/null +++ b/examples/snowpack/public/img/logos/jest.svg @@ -0,0 +1,12 @@ +<svg width="399" height="440" viewBox="0 0 399 440" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M334.919 218.102C334.379 218.43 316.57 215.442 294.254 213.931C276.029 212.696 254.798 212.743 237.51 213.914C223.491 214.863 205.072 207.816 202.871 216.191C194.633 247.542 176.908 274.846 154.36 296.119C137.397 312.122 117.983 324.257 96.985 331.734C71.986 318.892 60.18 290.33 70.833 265.287C79.282 245.424 89.113 223.547 70.963 218.542C57.75 214.898 50.495 227.555 45.416 241.087C35.686 267.01 17.197 293.835 11.928 325.608C6.36603 359.15 11.91 394.755 40.92 414.861C108.482 461.687 181.82 385.833 259.145 366.765C287.169 359.854 317.93 360.968 342.62 346.668C361.161 335.929 373.384 318.133 376.853 298.152C382.433 266.015 365.714 234.086 334.919 218.102Z" fill="#C21325" stroke="white" stroke-width="20"/> +<path d="M202.871 216.191C194.633 247.542 176.908 274.846 154.36 296.119C137.397 312.122 117.983 324.257 96.984 331.734C71.985 318.892 60.179 290.33 70.832 265.287C79.281 245.424 89.112 223.547 70.962 218.542C57.749 214.898 50.494 227.555 45.415 241.087C35.685 267.01 17.196 293.835 11.927 325.608C6.36504 359.15 11.909 394.755 40.919 414.861C108.481 461.687 181.819 385.833 259.145 366.765C287.169 359.854 317.93 360.968 342.62 346.668C361.161 335.929 373.384 318.133 376.853 298.153C382.433 266.016 365.714 234.087 334.919 218.103" stroke="white" stroke-width="20"/> +<path d="M264.892 91.17L319.213 201.982L384.306 10H145.317L210.26 201.641L264.892 91.17Z" fill="#C21325"/> +<path d="M264.892 91.17L319.213 201.982L384.305 10H145.317L210.26 201.641L264.892 91.17Z" stroke="white" stroke-width="20"/> +<path d="M198.988 257.528C221.601 257.528 239.933 239.196 239.933 216.583C239.933 193.97 221.601 175.638 198.988 175.638C176.375 175.638 158.043 193.97 158.043 216.583C158.043 239.196 176.375 257.528 198.988 257.528Z" fill="#C21325"/> +<path d="M198.988 257.528C221.601 257.528 239.933 239.196 239.933 216.583C239.933 193.97 221.601 175.638 198.988 175.638C176.375 175.638 158.043 193.97 158.043 216.583C158.043 239.196 176.375 257.528 198.988 257.528Z" stroke="white" stroke-width="20"/> +<path d="M332.372 257.528C354.985 257.528 373.317 239.196 373.317 216.583C373.317 193.97 354.985 175.638 332.372 175.638C309.759 175.638 291.427 193.97 291.427 216.583C291.427 239.196 309.759 257.528 332.372 257.528Z" fill="#C21325" stroke="white" stroke-width="20"/> +<path d="M332.372 257.528C354.985 257.528 373.317 239.196 373.317 216.583C373.317 193.97 354.985 175.638 332.372 175.638C309.759 175.638 291.427 193.97 291.427 216.583C291.427 239.196 309.759 257.528 332.372 257.528Z" stroke="white" stroke-width="20"/> +<path d="M65.099 257.822C87.7123 257.822 106.044 239.49 106.044 216.877C106.044 194.264 87.7123 175.932 65.099 175.932C42.4857 175.932 24.1541 194.264 24.1541 216.877C24.1541 239.49 42.4857 257.822 65.099 257.822Z" fill="#C21325"/> +<path d="M65.099 257.822C87.7123 257.822 106.044 239.49 106.044 216.877C106.044 194.264 87.7123 175.932 65.099 175.932C42.4857 175.932 24.1541 194.264 24.1541 216.877C24.1541 239.49 42.4857 257.822 65.099 257.822Z" stroke="white" stroke-width="20"/> +</svg> diff --git a/examples/snowpack/public/img/logos/modern-web.svg b/examples/snowpack/public/img/logos/modern-web.svg new file mode 100644 index 000000000..2d2a546ef --- /dev/null +++ b/examples/snowpack/public/img/logos/modern-web.svg @@ -0,0 +1,105 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 412 411" style="enable-background:new 0 0 412 411;" xml:space="preserve"> + <title>Tilted sphere with longitudinal stripes</title> +<g fill="#ff0000"> + <g> + + <linearGradient id="logo-color-SVGID_1_" gradientUnits="userSpaceOnUse" x1="163.8164" y1="-672.4328" x2="163.8164" y2="-266.5325" gradientTransform="matrix(0.866 0.5 -0.5 0.866 -168.6902 527.1097)"> + <stop offset="0" style="stop-color:#84CFF3"/> + <stop offset="0" style="stop-color:#A9E0F9"/> + <stop offset="0.5293" style="stop-color:#668CC1"/> + <stop offset="1" style="stop-color:#2C559C"/> + </linearGradient> + <path style="fill:url(#logo-color-SVGID_1_);" d="M224.26,216.546c-56.609,98.05-110.723,172.788-120.866,166.932 + s27.525-90.089,84.134-188.139S298.252,22.551,308.395,28.407S280.87,118.496,224.26,216.546z"/> + </g> + <g> + + <linearGradient id="logo-color-SVGID_2_" gradientUnits="userSpaceOnUse" x1="-219.7428" y1="-108.4554" x2="-219.7428" y2="214.2954" gradientTransform="matrix(0.9848 0.1736 -0.1736 0.9848 332.8062 206.2297)"> + <stop offset="0" style="stop-color:#84CFF3"/> + <stop offset="0" style="stop-color:#A9E0F9"/> + <stop offset="0.5293" style="stop-color:#668CC1"/> + <stop offset="1" style="stop-color:#2C559C"/> + </linearGradient> + <path style="fill:url(#logo-color-SVGID_2_);" d="M168.388,67.113c0,0-56.017,42.973-75.193,229.181c-6.53,43.26-3.894,78.97,10.145,87.076 + c-60.859-35.137-42.317-163.195,0.097-236.657c12.391-21.461,27.608-41.802,44.414-59.687 + c6.623-7.047,13.492-13.714,20.533-19.916"/> + + <linearGradient id="logo-color-SVGID_3_" gradientUnits="userSpaceOnUse" x1="-138.856" y1="-175.1664" x2="-138.856" y2="130.3041" gradientTransform="matrix(0.9848 0.1736 -0.1736 0.9848 332.8062 206.2297)"> + <stop offset="0" style="stop-color:#84CFF3"/> + <stop offset="0" style="stop-color:#A9E0F9"/> + <stop offset="0.5293" style="stop-color:#668CC1"/> + <stop offset="1" style="stop-color:#2C559C"/> + </linearGradient> + <path style="fill:url(#logo-color-SVGID_3_);" d="M168.388,67.113c0,0-56.017,42.973-75.193,229.181 + c6.413-42.484,21.664-92.249,43.634-130.303C184.706,83.068,279.401,11.591,308.341,28.3 + c-39.614-22.871-93.509-2.11-139.956,38.81"/> + </g> + <g> + + <linearGradient id="logo-color-SVGID_4_" gradientUnits="userSpaceOnUse" x1="-3595.6011" y1="-2655.7827" x2="-3572.4814" y2="-2228.2261" gradientTransform="matrix(-0.6428 -0.766 -0.766 0.6428 -3893.9177 -910.2711)"> + <stop offset="0" style="stop-color:#84CFF3"/> + <stop offset="0" style="stop-color:#A9E0F9"/> + <stop offset="1" style="stop-color:#2C559C"/> + </linearGradient> + <path style="fill:url(#logo-color-SVGID_4_);" d="M344.658,168.607c0,0-9.208,69.999-160.881,179.709 + c-34.2,27.285-66.443,42.858-80.482,34.752c60.859,35.137,162.489-44.95,204.903-118.413 + c12.391-21.461,22.398-44.81,29.483-68.307c2.792-9.259,5.13-18.541,6.982-27.74"/> + + <linearGradient id="logo-color-SVGID_5_" gradientUnits="userSpaceOnUse" x1="-3469.5286" y1="-2641.7751" x2="-3678.5356" y2="-2011.9231" gradientTransform="matrix(-0.6428 -0.766 -0.766 0.6428 -3893.9177 -910.2711)"> + <stop offset="0" style="stop-color:#84CFF3"/> + <stop offset="0" style="stop-color:#A9E0F9"/> + <stop offset="0.5293" style="stop-color:#668CC1"/> + <stop offset="1" style="stop-color:#2C559C"/> + </linearGradient> + <path style="fill:url(#logo-color-SVGID_5_);" d="M344.658,168.607c0,0-9.208,69.999-160.881,179.709 + c33.586-26.795,69.058-64.886,91.028-102.94c47.876-82.924,62.429-200.67,33.489-217.378 + c39.614,22.871,48.582,79.926,36.368,140.61"/> + </g> + <g> + + <linearGradient id="logo-color-SVGID_6_" gradientUnits="userSpaceOnUse" x1="61.3711" y1="-586.1053" x2="61.3711" y2="-260.8823" gradientTransform="matrix(0.866 0.5 -0.5 0.866 -168.6902 527.1097)"> + <stop offset="0" style="stop-color:#84CFF3"/> + <stop offset="0" style="stop-color:#A9E0F9"/> + <stop offset="0.5293" style="stop-color:#668CC1"/> + <stop offset="1" style="stop-color:#2C559C"/> + </linearGradient> + <path style="fill:url(#logo-color-SVGID_6_);" d="M27.152,230.307C13.031,109.538,122.464,18.433,122.464,18.433l-0.001-0.002 + c-1.687,0.753-3.365,1.529-5.033,2.328C81.438,38,50.093,65.908,28.632,103.079c-56.609,98.05-23.015,223.426,75.035,280.035 + c-54.798-31.638-80.137-89.541-76.52-152.808"/> + + <linearGradient id="logo-color-SVGID_7_" gradientUnits="userSpaceOnUse" x1="72.6895" y1="-670.8823" x2="72.6895" y2="-354.9577" gradientTransform="matrix(0.866 0.5 -0.5 0.866 -168.6902 527.1097)"> + <stop offset="0" style="stop-color:#84CFF3"/> + <stop offset="0" style="stop-color:#A9E0F9"/> + <stop offset="0.5293" style="stop-color:#668CC1"/> + <stop offset="1" style="stop-color:#2C559C"/> + </linearGradient> + <path style="fill:url(#logo-color-SVGID_7_);" d="M27.152,230.307C13.031,109.538,122.464,18.433,122.464,18.433l-0.001-0.002 + c57.946-25.86,127.049-24.54,186.205,9.613c-85.755-49.511-191.147-4.378-247.756,93.672 + c-18.961,32.841-30.044,67.454-33.177,100.827c-0.244,2.596-0.439,5.185-0.587,7.764"/> + </g> + <g> + + <linearGradient id="logo-color-SVGID_8_" gradientUnits="userSpaceOnUse" x1="-3053.2617" y1="-745.8848" x2="-3053.2617" y2="-206.5073" gradientTransform="matrix(-0.866 -0.5 -0.5 0.866 -2582.2083 -866.3355)"> + <stop offset="0" style="stop-color:#84CFF3"/> + <stop offset="0" style="stop-color:#A9E0F9"/> + <stop offset="0.5293" style="stop-color:#668CC1"/> + <stop offset="1" style="stop-color:#2C559C"/> + </linearGradient> + <path style="fill:url(#logo-color-SVGID_8_);" d="M274.26,372.975C385.91,324.82,410.093,184.496,410.093,184.496l0.002,0 + c0.191,1.838,0.358,3.679,0.5,5.522c3.065,39.791-5.432,80.89-26.893,118.062c-56.609,98.05-181.985,131.644-280.035,75.035 + c54.798,31.638,117.614,24.63,170.595-10.136"/> + + <linearGradient id="logo-color-SVGID_9_" gradientUnits="userSpaceOnUse" x1="-3041.9434" y1="-722.2291" x2="-3041.9434" y2="-60.6206" gradientTransform="matrix(-0.866 -0.5 -0.5 0.866 -2582.2083 -866.3355)"> + <stop offset="0" style="stop-color:#84CFF3"/> + <stop offset="0" style="stop-color:#A9E0F9"/> + <stop offset="0.5293" style="stop-color:#668CC1"/> + <stop offset="1" style="stop-color:#2C559C"/> + </linearGradient> + <path style="fill:url(#logo-color-SVGID_9_);" d="M274.26,372.975C385.91,324.82,410.093,184.496,410.093,184.496l0.002,0 + c-6.578-63.113-42.272-122.298-101.428-156.451c85.755,49.511,99.365,163.349,42.756,261.399 + c-18.961,32.841-43.395,59.746-70.73,79.146c-2.126,1.509-4.27,2.973-6.431,4.39"/> + </g> +</g> +</svg> diff --git a/examples/snowpack/public/img/logos/postcss.svg b/examples/snowpack/public/img/logos/postcss.svg new file mode 100644 index 000000000..baf9b1e76 --- /dev/null +++ b/examples/snowpack/public/img/logos/postcss.svg @@ -0,0 +1 @@ +<svg width="790" height="780" viewBox="0 0 79 78" xmlns="http://www.w3.org/2000/svg"><title>postcss-logo-symbol</title><g fill="none" fill-rule="evenodd"><path d="M15.447 32.623c.106.08.29.132.106.29-.132.184-.29.342-.395.553-.105.185-.184.237-.342.106.21-.343.42-.66.63-.95zM68.342 60.24c0 .078.026.13.026.21.053-.105.053-.158.08-.21h-.106zm0 .236v-.026.026zm-5.368 10.277l-4.58-25.402c-.078-.025-.183-.077-.368-.13.053.105.08.184.106.263.13-.026.184-.026.236-.052 0-.026 0-.052.027-.08l4.58 25.404zm-4.737-31.12c-.026.078-.026.158-.026.237 0-.08 0-.16.028-.238zm.026.526c-.026 0-.026 0-.052-.028v.026c.028.026.028.026.054 0zm-.052.21v-.185c-.077.026-.156.026-.262.053.132.05.264.078.264.13z" fill="#DD3735"/><path d="M78.71 33.967c-.052-1.028-.078-2.056-.184-3.083-.184-1.397-.368-2.82-.684-4.19-.237-1.133-.63-2.214-1.026-3.294-.5-1.265-1-2.556-1.632-3.768-1.026-1.95-2.368-3.69-3.605-5.508-.818-1.16-1.87-2.108-2.66-3.294-.447-.685-1.105-1.264-1.763-1.79-1.053-.845-2.158-1.61-3.263-2.347-.842-.58-1.684-1.133-2.58-1.634-.71-.397-1.473-.713-2.21-1.056-.842-.395-1.658-.87-2.605-1.054-.238-.05-.448-.13-.685-.21-.605-.21-1.184-.447-1.79-.632-.92-.29-1.815-.632-2.763-.87C50.342 1 49.394.843 48.446.71 47.394.555 46.316.5 45.262.397c-.684-.08-1.368-.158-2.026-.184-1-.052-2.026-.052-3.026-.078-.5-.027-1.026-.08-1.526-.053-.763.026-1.526.105-2.29.21-.736.08-1.473.21-2.183.317-.867.105-1.735.158-2.604.264-.816.106-1.658.264-2.473.396-.29.053-.58.158-.87.21-.63.132-1.288.185-1.92.396-1.13.344-2.263.74-3.368 1.16-1.027.422-2.027.87-3 1.397-1 .552-1.948 1.21-2.895 1.844-.896.606-1.79 1.238-2.66 1.923-.84.66-1.63 1.397-2.394 2.135-.42.42-.763.922-1.158 1.396-.657.765-1.315 1.502-1.947 2.293-.524.66-1 1.344-1.5 2.03-.893 1.21-1.656 2.502-2.366 3.794-.29.527-.553 1.054-.816 1.58-.395.79-.816 1.555-1.184 2.372-.264.554-.474 1.16-.632 1.766-.367 1.292-.736 2.61-1.078 3.9-.316 1.16-.395 2.372-.42 3.558-.027 1.054.078 2.082.183 3.136.027.264-.13.58.184.79-.105.29-.026.45.13.5-.182.29.08.476-.024.74-.027.052.08.157.13.236 0 .08-.025.185 0 .264.028.237.133.474.133.738 0 .184.157.395.21.58.026.078 0 .21-.053.263-.158.184-.132.342.105.448.133.342.08.5.054.66.052.236-.027.315 0 .368.21.422.29.896.315 1.37 0 .106.053.212.106.343.026 0 0 .5 0 .5.13-.078.237-.104.368-.157.08.342.158.66.263.95.132.21.132.314.08.34.105.474.157.922.34 1.37 0-.5-.05-1-.13-1.475.368.132.684.263.895.263.027-.08.053-.184.08-.237-.158-.157-.29-.394-.448-.552.053.21 0 .29 0 .37-.105-.054-.237-.107-.368-.16.105-.13.21-.263.368-.42 0-.238-.13-.45-.5-.423.158-.052.316-.13.5-.184.29-.157-.026-.447-.026-.816.026-.447-.237-.895-.316-1.37-.132-.737-.105-1.844-.184-2.582-.158-.132-.29.21-.316.237.08.632.158 1.264.21 1.897-.157-.527-.263-1.107-.394-1.74-.027.185-.053.264-.053.37-.13.13-.026.29.053.474-.184-.08-.395-.052-.395-.052v.738c-.262-.264-.34-.474-.473-.66-.052-.21-.08-.42-.13-.63.05-.133 0-.212 0-.29-.028-.186-.054-.396-.08-.634.026-.026-.026-.42-.026-.42.21.025.343.05.474.05-.263-.34-.08-.552.027-.763.053-.106.237-.13.29-.238.21-.395.553-.71.553-1.212 0-.237.08-.5.105-.738.053-.448.105-.896.13-1.344.054-.58 0-1.16.133-1.713.212-.92.475-1.843.764-2.766.21-.66.448-1.29.71-1.95.395-1.028.764-2.056 1.264-3.03.71-1.424 1.526-2.794 2.316-4.19.5-.87 1.026-1.687 1.58-2.53.525-.817 1.05-1.66 1.657-2.425.843-1.08 1.764-2.082 2.79-2.978 1.053-.948 2.053-1.923 3.184-2.793C19.166 8.41 20.72 7.41 22.376 6.54c1.343-.71 2.737-1.266 4.132-1.793.895-.342 1.868-.5 2.79-.79 1.052-.343 2.105-.5 3.21-.527.71-.027 1.395-.106 2.105-.185.632-.05 1.263-.104 1.948-.183-.08.105-.106.158-.132.21-.288.422-.604.844-.894 1.265-.237.343-.5.712-.737 1.054-.422.555-.87 1.108-1.264 1.688-.605.87-1.158 1.766-1.79 2.635-.63.843-1.315 1.634-1.973 2.45-.868 1.134-1.684 2.293-2.552 3.426-.79 1.08-1.63 2.11-2.394 3.19-.684.947-1.29 1.95-1.948 2.923-.973 1.45-1.947 2.872-2.92 4.322-.764 1.106-1.527 2.187-2.316 3.294-.053.08-.132.104-.21.157-.21.342-.21.527-.29.685-.21.395-.42.79-.658 1.16-.132.21-.316.394-.474.605-.026-.316.42-.474.21-.87-.13.212-.263.396-.394.607l-.316.63c.105.08.29.133.105.29-.08.133-.158.29-.237.423.132-.08.21-.158.29-.264 0 .29-.158.526-.29.763-.105.21-.368.37-.552.527.026.027.21.106.237.132.237-.08.316-.21.343-.132.08-.105.158-.184.184-.263.104-.264.262-.474.525-.58.106-.053.184-.132.263-.21.79-.818 1.606-1.608 2.316-2.478 1.106-1.345 2.106-2.74 3.16-4.11.446-.58.973-1.16 1.446-1.714.078.606.026 1.185 0 1.74-.08.974-.132 1.95-.21 2.95-.027.395 0 .79-.027 1.186 0 .105-.08.184-.08.29 0 .263.08.553.08.817-.08.975-.186 1.923-.265 2.898-.027.21.078.422.13.607-.13 1.422.16 2.925-.078 4.427.184-.29.237-.474.237-.658.025-.158 0-.316 0-.5v-.264c.025-.475.13-.975.078-1.45-.053-.527-.053-1.027.053-1.528.053-.21-.026-.474.106-.738v.395c-.026 1.5.027 3.003-.183 4.505-.027.132.08.37-.21.343-.238.474.052.817-.21 1.08-.054.053.05.29.077.448-.106.317-.106.317.052.343.026.58.08 1.106.105 1.66.42-1 .21-2.03.396-3.058.026.422.053.844.026 1.29 0 .687-.026 1.345-.052 2.03 0 .132-.027.264-.053.396-.08.37-.105.738-.237 1.08-.105.264-.052.66-.052.975v1.003c.105.448-.027.685.052.948-.08.265-.105.344-.08.423l.08.395c.527-.053.29.343.5.553-.158.212-.105.29-.105.397 0 .237-.025.448-.052.685 0 .606-.026 1.212-.026 1.792 0 .08.026.157.026.236 0 .054-.026.74-.026.74.053.078 0 .157-.08.236-.025 0-.104-3.347-.104-3.347h-.395c-.052 1.58.08 3.003-.21 4.48-.316.025-.42.078-.764.078-.816 0-1.632 0-2.448.026-.974 0-1.92.026-2.895.026-.472 0-.972.054-1.446.054-.632 0-1.29-.08-1.92-.08-.975 0-1.922.08-2.896.106-.71.026-1.42.026-2.13.053-.475.025-.95.05-1.422.104-.21.026-.395.105-.658.184-.08 0-.263-.026-.42 0-.265.053-.5.21-.765.264-.395.08-.5.184-.448.58v.263c-.026.052.58-.08.58-.08-.054 0-.08.158-.16.29.212-.08.343-.132.475-.184.395.185.737.08 1.052.16 1.026.262 2.078.37 3.13.473.685.053 1.343.08 2.027.105.973.053 1.947.106 2.92.106.816 0 1.606-.08 2.42-.08 1.13 0 2.264.052 3.395.08.237 0 .5-.028.763-.028h1.92c1.712-.052 3.422-.08 5.133-.13.975-.028 1.975-.08 2.948-.107l3-.08c1.158-.026 2.316-.026 3.448-.05.868 0 1.71-.03 2.58-.055.972-.026 1.972-.105 2.946-.157.527-.027 1.054-.08 1.58-.132.632-.052 1.29-.13 1.92-.157.948-.054 1.922-.08 2.87-.133 1.184-.078 2.368-.183 3.578-.21 1.106-.052 2.237-.026 3.343-.052.974-.027 1.948-.08 2.948-.106l1.66-.08s1.104-.026 1.657-.08c.947-.052 1.894-.157 2.842-.183.604-.027 1.21 0 1.815-.027.973-.026 1.973-.08 2.947-.08.367 0 .762.054 1.236.08-.21.185-.342.29-.5.422.105.026.21.08.316.132-.158.105-.29.13-.42.13-.054.133-.107.186-.16.45h.474c-.184 0-.342.237-.526.395-.21-.054-.395 0-.5.29.184.104.158.183.132.29-.316.104-.553.21-.42.552-.107.052-.238.105-.37.184-.13.21-.368.263-.316.553.106.025.21.08.29.104-.132.053-.263.132-.395.184-.473.29-.262.422-.157.554-.08.053-.158.105-.237.132.052.237.13.29.157.29-.105.078-.237.184-.395.316-.08.237-.185.342-.29.5-.105.158-.158.37-.29.527-.552.607-.947 1.32-1.657 1.793-.264.185-.5.422-.737.66-.474.447-.895.948-1.395 1.37-.657.553-1.34 1.053-2.052 1.554-.867.606-1.735 1.212-2.604 1.792-.474.315-1 .552-1.5.842-.5.29-.974.554-1.474.843-.316.21-.606.5-.948.66-.868.37-1.79.685-2.684 1.028-.87.37-1.5.685-2.158.922-.605.21-1.237.37-1.868.5-.21.054-.448 0-.685.027-.448.08-.895.186-1.343.238-1.158.158-2.316.264-3.473.422-.685.08-1.343.21-2.027.29-.473.026-.973-.026-1.447-.026-.342 0-.71.08-1.053.027-.552-.08-1.105-.21-1.658-.316-.13-.026-.316-.08-.42-.026-.21.106-.396-.052-.607 0-.13.027-.262-.08-.394-.08-.106-.025-.238.028-.37 0-.29-.078-.552-.183-.87-.157-.313.026-.63-.132-.97-.21-.475-.106-.92-.21-1.396-.317-.183-.053-.34-.132-.525-.237-.685 0-1.133-.026-1.554-.185-.368-.13-.71-.315-1.105-.262-.104.026-.183-.026-.29-.026-.08-.106-.157-.317-.235-.317-.526.027-.842-.42-1.29-.553-.236-.08-.42-.343-.657-.422-.58-.237-1.052-.737-1.71-.816-.21-.027-.42-.132-.658-.21.08.104.13.183.21.262-.763-.37-1.473-.79-2.184-1.186-.104-.026-.183-.13-.262-.184l-.71-.474c-.395.08-.553-.08-.66-.132-.71-.5-1.525-.817-2.21-1.37-.29-.238-.63-.396-.84-.686-.37-.448-.817-.764-1.317-1.027-.394-.21-.762-.448-1.13-.685-.185-.132-.37-.29-.37-.58 0-.185-.078-.37-.315-.264-.105-.158-.21-.342-.342-.395-.316-.13-.526-.37-.763-.58-.237-.21-.42-.5-.71-.605-.527-.21-.843-.658-1.158-1.027-.738-.87-1.396-1.82-2.08-2.74-.053-.08-.158-.133-.237-.212.105.29.237.527.368.79-.262-.105-.446-.29-.604-.474-.027.027 1.815 3.057 1.815 3.057.16.237.29.475.448.712-.395.026-.658-.185-.79-.422-.236-.42-.5-.684-1.026-.63-.052-.186-.105-.397-.13-.58-.107 0-.185 0-.37-.027.37.58.685 1.08 1.027 1.66-.133-.08-.21-.132-.265-.158.473.5.815 1.133 1.42 1.45.132.605.816.895.974 1.475-.13-.027-.238-.053-.37-.08-.21-.263-.447-.526-.683-.816.052.184.13.342.236.474.316.395.606.79.974 1.133.132.134.316.187.316.424.21.105.29.13.368.13.054.16-.025.397.29.344.21.395.42.395.71.264.343.343.528.37.764.16 0 .13.026.262.026.368.105-.053.08-.132.08-.264.13.105.21.158.262.21.263.37.5.712.868 1.002.5.422.948.87 1.42 1.265.922.765 1.95 1.398 2.975 1.977 1.264.712 2.475 1.476 3.764 2.16 1.552.818 3.21 1.372 4.92 1.767.632.132 1.237.263 1.87.42.55.16 1.104.397 1.657.528.842.185 1.71.343 2.552.5.183.027.37.054.58.08.235.053.524-.053.577.027.132.21.237.104.395.078.184-.053.395-.053.605-.053.737.026 1.447.184 2.184.132.16 0 .396-.133.528.13.236-.105.368-.105.473-.13.028.236 0 .236-.05.262-.054.026-.133.053-.238.132.947.184 1.842.21 2.63 0 1.37.105 2.554-.053 3.686-.448.105.132.184.316.342.053.052-.08.184-.107.29-.133.236-.053.526-.158.736-.08.238.08.317-.13.5-.13.317 0 .606-.027.896-.08.158-.026.316-.105.5-.158-.21-.107-.42-.133-.58-.133.317-.158.606-.29.896-.42-.053.078-.106.183-.21.183h.367c-.08 0-.185.237-.316.395.946-.237 1.814-.448 2.657-.66-.29-.552.315-.367.526-.684-.263.08-.526.158-.79.21.895-.447 1.816-.842 2.71-1.237-.13.158-.29.237-.525.37.158.025.263.025.342.05.42.133.316-.262.447-.5.5 0 .71-.078.947-.158.263-.08.526-.158.79-.263.42-.184.815-.42 1.236-.63.08-.028.21 0 .316 0 .29-.186.394-.344.473-.318.37.053.63-.08.736-.42.184-.133.316-.238.447-.318.578-.316 1.13-.632 1.71-.948.21 0 .316 0 .368-.027.344-.16.66-.342.975-.527-.08-.026-.263-.13-.263-.13.262-.054.34-.08.5-.133.63-.74 1.5-1.24 2.157-1.82.29-.026.29-.105.29-.157.104-.132.21-.29.34-.396.58-.527 1.21-.975 1.737-1.528.763-.766 1.5-1.557 2.184-2.374.63-.738 1.264-1.475 1.79-2.292.737-1.133 1.368-2.293 2.026-3.48.474-.842.895-1.685 1.37-2.528.05-.08.157-.185.236-.185.71-.08 1.422-.13 2.106-.21.158-.026.342-.13.5-.21-.08-.132-.132-.29-.21-.422-.106-.16-.264-.29-.37-.45-.104-.13-.183-.29-.262-.447-.08-.13-.158-.236-.237-.37-.16-.29-.317-.58-.45-.894-.026-.08-.08-.21-.052-.29.474-1.027.658-2.134 1.105-3.162.447-1.054.58-2.24.79-3.373.184-1.08.29-2.16.42-3.24.08-.764.185-1.502.21-2.266.16-1.212.106-2.346.08-3.48-.026-1-.08-2.028-.13-3.03zM12.685 66.405c-.184-.21-.342-.448-.526-.658l.08-.08c.287.317.577.633.866.976-.158-.08-.342-.132-.42-.238zm.42.238c.08-.027.16-.027.238-.053.08.132.132.29.21.448-.368-.027-.552-.185-.447-.395zm27.37 10.883v-.08c.5-.052.973-.105 1.473-.157v.077c-.5.08-.973.13-1.473.158zm6.63-.685c-.367.08-.762.133-1.13.186-.132.026-.29.158-.342-.08-.053.027-.106.027-.158.054.13.394.447.078.71.236-.58.08-1.13.132-1.684.21v-.052c.16-.026.343-.053.5-.08v-.078c-.262-.027-.525-.053-.79-.053-.077 0-.183.106-.262.132-.105.026-.21.053-.342.053-.447.026-.894.026-1.316.052-.027 0-.08-.026-.106-.026v-.08c1.763-.236 3.5-.473 5.263-.71.027.052.027.105.053.157-.158 0-.263.055-.395.08zm.396-.262c.606-.08 1.16-.132 1.738-.21-1.21.342-1.605.394-1.737.21zM24.58 23.374c.84-1.16 1.71-2.32 2.552-3.505.263-.345.473-.714.736-1.056.08-.106.185-.158.316-.264l-.026-.05c.105-.133.21-.24.263-.344.134-.21.213-.448.318-.685.026-.05.105-.103.105-.103.37.184.37-.21.5-.343.237-.264.474-.553.684-.817.158-.21.316-.395.448-.632.026-.08-.053-.21-.08-.317h-.078c.08-.052.158-.13.237-.184.026 0 .026 0 .052-.026.158-.238.316-.475.474-.686.315-.42.657-.842 1.025-1.21-.052.13-.105.263-.158.368.027 0 .027.027.053.027.316-.422.658-.817.974-1.24-.027-.025-.053-.052-.08-.052-.13.132-.236.264-.368.396-.026-.027-.052-.053-.08-.053.265-.343.528-.685.79-1.08.053.08.106.184.21.395.107-.263.212-.447.29-.632-.078.08-.183.158-.262.238l-.08-.08.474-.71c.5-.712 1-1.45 1.5-2.162.185-.263.42-.474.58-.738.5-1 1.29-1.792 1.894-2.714.132-.184.316-.342.474-.5.13-.16.237-.106.342.026.71.896 1.42 1.818 2.13 2.714.528.66 1.054 1.29 1.554 1.976.605.844 1.184 1.687 1.79 2.53.684.975 1.368 1.95 2.026 2.95 1 1.477 1.947 2.953 2.947 4.428.737 1.08 1.474 2.135 2.184 3.215h-1.344c-1.236-.025-2.5-.13-3.736-.078-1.684.08-3.394.264-5.078.396-2.132.185-4.29.21-6.42.21-.765 0-1.528.107-2.29.16-.922.052-1.817.105-2.738.13-1.08.054-2.13.08-3.21.107-.606.026-1.237 0-1.895 0zm30.183 12.12v.238c-.026 0-.052.027-.105.027-.105-.37-.21-.766-.342-1.135-.263-.765-.553-1.53-1.027-2.214-.528-.737-1-1.5-1.528-2.265-.13-.185-.316-.343-.474-.5-.553-.607-1.106-1.24-1.816-1.687-1.053-.66-2.132-1.213-3.29-1.688-.316-.13-.605-.29-.92-.474h.63l4.5-.08c.974-.025 1.922-.025 2.895-.078.236 0 .368.08.5.29.236.395.473.79.736 1.186.027.052.08.13.08.21 0 .58 0 1.186.026 1.766.025.606.08 1.186.104 1.792 0 .606-.053 1.238-.026 1.87.027.897.053 1.82.053 2.74zM26.447 26.67c1.237-.053 2.42-.132 3.632-.185.945-.053 1.92-.08 2.866-.132.395-.025.764-.05 1.158 0-.42.212-.842.423-1.21.686-.474.316-.92.737-1.395 1.08-.475.342-.896.764-1.29 1.212-.5.605-1.053 1.132-1.58 1.712-.37.422-.79.817-1.105 1.265-.447.58-.842 1.21-1.263 1.87.132-2.504.29-4.98.184-7.51zm17.185 25.35c-.843.21-1.71.448-2.58.553-.736.106-1.5.08-2.263.08-.686 0-1.344-.026-2.028-.08-.763-.078-1.526-.157-2.263-.5-.633-.29-1.29-.553-1.92-.87-.634-.316-1.265-.684-1.74-1.264-.34-.423-.815-.765-1.236-1.134.08.316.263.58.553.764-.132.158-.316.08-.58-.343-.078.053-.157.08-.21.106.08-.185.158-.37.237-.527-.105-.21-.237-.448-.342-.66-.21-.342-.42-.71-.605-1.053-.053-.08-.053-.158-.105-.237-.132-.158-.264-.317-.37-.475-.21-.315-.394-.657-.657-.974 0 .08.027.158.027.264-.027 0-.053.026-.053.026l-.554-1.344c-.026 0-.026 0-.052.026l.473 1.74c-.026 0-.052.025-.08.025-.077-.104-.156-.21-.21-.34-.052-.212-.21-.212-.34-.133-.08.053-.133.237-.106.316.185.448.395.896.606 1.344.052.158.105.29.184.448.027.053.106.105.106.184.106.21.185.42.316.606.237.316.5.632.737.948.235.316.445.66.656.975.026.053.105.053.13.08.133.395.58.684.896.526.08.606.737.817 1 1.397-.316-.132-.552-.237-.763-.343-.027.026-.027.052-.054.105.316.158.632.316.92.5.265.16.528.317.765.5.316.29.685.45 1.13.554-.024-.08-.05-.107-.05-.107.736.343 1.5.712 2.078 1-2.737.054-5.658.107-8.685.16 0-.5-.026-.975-.026-1.476 0-.21.052-.395.025-.606-.08-1.21-.08-2.424-.237-3.61-.157-1.264-.157-2.503-.13-3.77.025-.683-.027-1.394-.054-2.08 0-.922 0-1.82.028-2.74 0-.132.053-.237.106-.37h.08c.025.054 0 .133.05.16.08.08.212.21.265.184.157-.106.394-.21.447-.37.13-.315.184-.658.184-.974 0-.236.106-.394.21-.553.054-.08.08-.158.133-.263-.105-.08-.21-.132-.342-.237.106-.29.08-.633.475-.79.052-.027.052-.16.08-.238.025-.213.05-.45.078-.66.052.08.08.105.13.157.028-.052.054-.08.054-.08 0-.104-.026-.315 0-.315.316-.053.184-.395.342-.553.025-.028-.027-.107-.027-.16 0-.052 0-.13.026-.13.367-.08.315-.475.552-.66.08-.053.105-.13.21-.263.21.368-.158.553-.184.816.446-.263.578-.895.315-1.08.105-.08.21-.184.29-.29.29-.316.604-.606.868-.922.185-.236.29-.526.474-.763.106-.132.316-.237.474-.317.474-.262.92-.552 1.21-1 .053-.053.132-.105.21-.158.08-.053.238-.053.264-.132.027-.052-.052-.184-.105-.263.104-.053.21-.158.42-.264-.08.158-.105.264-.158.37l.13.13c.238-.184.606-.394.843-.552 0-.025-.132-.13-.132-.13-.157.08-.394.21-.63.316.05-.08.05-.132.08-.158.367-.237.735-.474 1.13-.66.92-.42 1.842-.842 2.763-1.237.158-.08.37-.026.553-.026.078 0 .13 0 .21-.026.42-.132.842-.264 1.263-.37.183-.052.393-.078.58-.078.787.025 1.577.025 2.366.078.342.026.658.105.974.21.394.133.815.317 1.184.5.447.24.868.502 1.29.792.763.5 1.473 1.054 2.236 1.502.737.448 1.316 1.054 1.79 1.74.58.816 1.237 1.554 1.5 2.555l.394 1.74c.08.316.264.632.185 1-.133.66-.238 1.345-.343 2.004-.052.265-.105.53-.078.79.05.82-.265 1.53-.58 2.268-.106.237-.264.475-.395.738.026.026.184.106.21.106l.237-.474c.027 0 .027 0 .053.027-.132.368-.237.764-.37 1.133-.314.817-.63 1.66-1.025 2.45-.21.448-.58.817-.842 1.24-.262.368-.473.763-.736 1.106-.237.29-.473.58-.79.79-.71.527-1.447 1.054-2.21 1.476-.473.29-1.026.448-1.552.58zm-14.027-1.4l-.026.027c-.055-.026-.134-.052-.186-.105l-.632-.95c-.052-.078-.08-.157-.052-.262.29.448.58.87.895 1.29zm16.37 3.61c1.183-.5 2.157-1.21 3.05-2.028.133-.132.264-.263.422-.37 1.106-.684 1.92-1.633 2.658-2.687.842-1.212 1.395-2.582 2.08-3.873.052-.106.104-.21.157-.29-.053 3.004.29 5.955.684 8.933-2.973.105-6 .21-9.052.316zm26.683-.79c-.026.053-.08.106-.105.16-.027-.054-.027-.133-.053-.24-.158.423-.5.212-.737.212-1.42.027-2.868.027-4.29.027-1.368 0-2.762 0-4.13.024-.448 0-.922.105-1.37.132-1.078.052-2.157.08-3.236.105-.08 0-.158-.13-.29-.236-.026.053-.08.132-.158.237-.028-.052-.08-.104-.133-.183-.026.08-.053.158-.08.21H58c-.053-.368-.158-.71-.158-1.08 0-.79.08-1.58.105-2.372.027-.368 0-.71 0-1.054.106.08.185.133.29.21.052-.103.105-.182.158-.26 0 0-.053-.028-.106-.08.05-.027.104-.08.104-.106.026-.08.08-.158.08-.21 0-.185-.054-.343-.08-.5.026 0 .052 0 .08-.028l.157.79h.08c-.106-.183.236-.342-.053-.552-.026-.027.026-.185.026-.264-.08-.157-.13-.315-.21-.526.026-.026.105-.053.184-.08-.105-.052-.184-.104-.263-.13.263-.238.263-.37.026-.633.054-.025.106-.025.106-.05 0-.238 0-.475-.052-.71-.053-.266.08-.58-.316-.74.026.08.053.132.105.21 0 0-.08.027-.158.08-.342-.317-.13-.74-.21-1.213.184.053.316.106.447.16-.053-.186-.184-.397-.263-.634h-.107v-1.74c0 .027.184.027.29.054 0-.027.025-.053.025-.08-.08-.105-.185-.21-.29-.342l.053-.053c-.21-.262-.105-.63-.105-.71v-1.845c.264.264-.13.606.264.764v-.263h-.027c-.026-.395-.026-.79-.052-1.186h-.052c-.027.054-.027.08-.054.133h-.052l.158-6.298c.263.342.552.66.736 1 .606 1.108 1.395 2.057 2.132 3.058.632.87 1.21 1.818 1.79 2.714.71 1.08 1.394 2.16 2.105 3.24.526.818 1.08 1.635 1.63 2.426.5.71 1.028 1.396 1.554 2.082.446.606.92 1.212 1.367 1.818.527.738 1.053 1.475 1.58 2.187.262.368.552.737.84 1.106.16.21.396.37.554.5-.025 0-.052 0-.104-.026.08.105.13.184.184.237.29.158.316.316.158.554zM74 46.854v-.185c0 .052.026.13 0 .184zm.895-11.62c-.027 0-.184-.16-.21-.186-.027.08 0 .158-.053.264-.027-.078-.21-.052-.21-.13-.027.368.157.737.13 1.106.08-.053.395-.08.474-.158.027.026.08.052.106.052-.527.396-.395.79-.158 1.24.052.104.21.315.052.526-.052.053.027.21.053.343h.077v.05l-.237.08c-.052-.08-.367-.236-.367-.37v1.346c.263.08.263.448.368.633.055-.08.08-.133.107-.21l.027.024c-.027.158-.053.316-.106.475-.052.236-.105.447-.13.684 0 .026.05.08.05.105-.288.66-.13 1.396-.235 2.08-.08.5 0 1.03-.053 1.556-.054.448-.16.922-.264 1.37-.027.08-.08.105-.21.158.052-.316.026-.527-.027-.817-.028 0-.37-.184-.397-.184 0 .37.21.87.29 1.29-.08-.026-.395-.21-.42-.21-.054.316-.054.738-.08 1.08-.027.264-.263.5-.29.79 0 .16.184.264.158.528h.21c0-.526.238-1 .238-1.554h.078c.027.053.106.106.08.132-.053.29-.16.606-.132.896 0 .158.13.316.08.5-.054.16-.08.317-.107.554-.027-.132-.053-.184-.053-.263-.026 0-.263-.027-.29-.027-.026.158.185.316.158.448-.026.026-.052.026-.105.053l-.868-1.266c-.686-1-1.37-2.003-2.054-3.03-.185-.264-.343-.527-.475-.79-.815-1.398-1.71-2.742-2.71-4.033-.762-.974-1.37-2.03-2.08-3.055-.656-.975-1.314-1.924-1.972-2.9-.237-.315-.526-.605-.737-.948-.683-1.08-1.29-2.187-1.972-3.267-.58-.897-1.21-1.767-1.816-2.636-.21-.29-.42-.607-.632-.923-.026-.05-.052-.103-.052-.182-.053-.58-.106-1.16-.132-1.713 0-.527.053-1.054.053-1.608v-.474c0-.132.025-.237.025-.37.025-.025.052-.078.078-.104-.763 0-1.553-.028-2.316 0-.5.025-.763-.186-1.105-.555-1-1.133-1.737-2.424-2.605-3.636-.816-1.16-1.658-2.294-2.5-3.427-.685-.922-1.37-1.818-2.053-2.74-.764-1.054-1.5-2.108-2.29-3.162-.948-1.264-1.922-2.53-2.895-3.794-.45-.58-.95-1.133-1.45-1.74.343.054.66.106.975.133l1.264.08c.947.077 1.894.13 2.84.26.79.107 1.58.265 2.396.396 1.738.29 3.448.765 5.106 1.318.974.316 1.92.738 2.87 1.133 2.13.87 4.157 1.924 6.157 3.03.63.343 1 .896 1.472 1.397.685.712 1.37 1.423 2.027 2.16.762.87 1.472 1.766 2.21 2.662.657.79 1.34 1.58 2 2.372.21.237.37.527.552.79.42.633.895 1.24 1.263 1.924.262.502.42 1.082.604 1.635.262.817.526 1.607.79 2.424.183.606.34 1.24.472 1.87.106.423.08.87.21 1.29.16.556 0 1.16.16 1.715.025.053.05.132.078.185.105.104.184.21.026.368-.025.026-.025.13 0 .21.054-.052.08-.105.133-.184 0 .053.025.08.025.105 0 .104-.027.21 0 .315 0 .052.052.13.078.184.053-.054.105-.08.21-.16.237.897.264 1.793.264 2.715 0 .87.157 1.74-.21 2.583.078-.29-.106-.555-.027-.818z" fill="#DD3A0A"/><path d="M58.08 45.482c.025 0 .052.027.052.027l-.027-.03c0-.025 0-.025-.026 0zm4.157 26.036c-.29.21-.58.395-.948.474-.028-.026-.028-.053-.054-.08.29-.184.605-.368.895-.553.027.05.08.104.106.157zM12.895 35.81c.29-.367.58-.736.894-1.105.025.026.235.08.262.105-.29.37-.685.87-.974 1.265-.054-.053-.133-.237-.185-.264zM5.42 48.725c-.21-.448-.42-.923-.63-1.37.026-.027.21-.106.236-.106.29.42.42.92.632 1.37 0 0-.21.105-.237.105zm6.712-12.65c-.158.238-.316.502-.474.74-.026-.028-.316.104-.342.078.158-.237.552-.66.71-.896.027.026.053.053.106.08zM59.422 72.6c.025 0 .025-.026.052-.026.184.026.394.052.605.052-.344.237-.555.21-.66-.026zm-47.24-35.418c.028-.08.08-.158.133-.237.052 0 .13-.027.13-.027.107-.184.107-.316.212-.474-.026-.026-.053-.026-.08-.053-.157.108-.315.24-.473.345.053.052.053.08.053.132-.21-.027-.29.08-.395.368-.026.08-.158.106-.29.21-.026.054-.052.186-.105.317l.027.028c-.053.053-.132.08-.132.08-.158.157-.342.29-.5.447-.026.08-.052.158-.052.237.185-.184.5-.527.737-.738l.027.027c.105-.158.184-.316.29-.474.025.026.025.052.052.08-.08.21-.158.446-.237.657-.055.026-.134.08-.134.053-.105.08-.184.184-.29.263l-.473.316c-.263.237-.526.447-.816.685-.184.29-.368.553-.58.896.317-.08.396.053.37.317.368.052.395-.237.5-.448.026-.054.053-.16.105-.186.237-.21.5-.394.763-.605.053-.053.053-.16.053-.238 0-.026-.133-.026-.212-.053.237-.264.58-.71.816-1 .132-.08.263-.186.263-.265-.026-.29.158-.368.37-.474-.106-.08-.133-.157-.133-.183z" fill="#DD3735"/><path d="M12.71 36.892c-.105.184-.21.342-.315.527l-.158-.08c-.105.605-.474 1.132-.842 1.237.105.053.21.106.29.08.078-.027.13-.16.183-.238l.71-1.028.238-.396-.105-.105zM3.948 48.46c.132 0 .264.026.42.026 0-.105.133-.08.133-.184h.08c0 .132.026.237.026.37h-.552c-.027-.027-.132-.186-.106-.212zm-.21-1.212c-.08-.08-.21-.158-.21-.237-.027-.104.052-.235.13-.367.054.184.08.342.132.527-.027.025-.053.052-.053.078zm.658-1.687c.105.266.21.556.316.82-.026 0-.184.08-.21.105-.105-.264-.237-.554-.342-.817.026-.026.184-.106.237-.106zm58.58 25.194c.13-.052.288-.08.5-.13-.238.183-.422.315-.58.473-.027-.026-.053-.053-.08-.053.053-.105.106-.184.16-.29zM30.63 15.074c.157-.106.29-.185.447-.29l.052.052c-.16.21-.29.42-.475.685-.026-.183-.026-.29-.053-.42-.026 0 0 0 .027-.026zm7.71 13.333c.237-.106.474-.21.763-.343-.026.158-.026.264-.026.37-.08-.027-.185-.054-.264-.054-.158.027-.448.238-.58.264-.025 0 .106-.21.106-.237zm19.74 22.346c.052.263.552.395.052.658.08.055.157.08.236.134 0 .027-.026.08-.052.106-.053.025-.158.078-.21.05-.027 0-.08-.104-.08-.157 0-.237.027-.474.053-.79z" fill="#DD3735"/></g></svg> diff --git a/examples/snowpack/public/img/logos/preact.svg b/examples/snowpack/public/img/logos/preact.svg new file mode 100644 index 000000000..f86c6ff63 --- /dev/null +++ b/examples/snowpack/public/img/logos/preact.svg @@ -0,0 +1,6 @@ +<svg width="256" height="296" viewBox="0 0 256 296" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M128 0L256 73.9V221.7L128 295.6L0 221.7V73.9L128 0Z" fill="#673AB8"/> +<path d="M34.865 220.478C51.881 242.258 105.96 225.663 157.015 185.774C208.07 145.886 237.255 97.429 220.239 75.648C203.222 53.868 149.144 70.464 98.089 110.352C47.034 150.242 17.849 198.698 34.865 220.478ZM42.135 214.798C36.491 207.576 38.957 193.396 49.708 175.545C61.03 156.748 80.249 135.997 103.768 117.622C127.288 99.247 152.071 85.618 173.049 79.18C192.971 73.067 207.326 74.105 212.969 81.328C218.613 88.551 216.147 102.731 205.396 120.582C194.074 139.379 174.855 160.129 151.336 178.505C127.816 196.88 103.032 210.509 82.055 216.946C62.133 223.06 47.778 222.022 42.135 214.799V214.798Z" fill="white"/> +<path d="M220.239 220.478C237.256 198.698 208.07 150.241 157.015 110.352C105.96 70.464 51.88 53.868 34.865 75.648C17.848 97.428 47.034 145.886 98.089 185.774C149.144 225.663 203.222 242.259 220.239 220.478ZM212.969 214.798C207.326 222.022 192.971 223.06 173.049 216.946C152.071 210.509 127.288 196.88 103.769 178.505C80.249 160.129 61.029 139.379 49.709 120.582C38.957 102.731 36.491 88.552 42.134 81.328C47.778 74.105 62.133 73.067 82.054 79.18C103.032 85.618 127.816 99.247 151.335 117.622C174.855 135.997 194.074 156.748 205.395 175.545C216.147 193.395 218.613 207.575 212.969 214.799V214.798Z" fill="white"/> +<path d="M127.552 167.667C138.379 167.667 147.155 158.89 147.155 148.063C147.155 137.237 138.379 128.46 127.552 128.46C116.725 128.46 107.948 137.237 107.948 148.063C107.948 158.89 116.725 167.667 127.552 167.667V167.667Z" fill="white"/> +</svg> diff --git a/examples/snowpack/public/img/logos/react.svg b/examples/snowpack/public/img/logos/react.svg new file mode 100644 index 000000000..ea77a618d --- /dev/null +++ b/examples/snowpack/public/img/logos/react.svg @@ -0,0 +1,9 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="-11.5 -10.23174 23 20.46348"> + <title>React Logo</title> + <circle cx="0" cy="0" r="2.05" fill="#61dafb"/> + <g stroke="#61dafb" stroke-width="1" fill="none"> + <ellipse rx="11" ry="4.2"/> + <ellipse rx="11" ry="4.2" transform="rotate(60)"/> + <ellipse rx="11" ry="4.2" transform="rotate(120)"/> + </g> +</svg> diff --git a/examples/snowpack/public/img/logos/sass.svg b/examples/snowpack/public/img/logos/sass.svg new file mode 100644 index 000000000..a98443726 --- /dev/null +++ b/examples/snowpack/public/img/logos/sass.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" fill="white"><!-- Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path d="M301.84 378.92c-.3.6-.6 1.08 0 0zm249.13-87a131.16 131.16 0 0 0-58 13.5c-5.9-11.9-12-22.3-13-30.1-1.2-9.1-2.5-14.5-1.1-25.3s7.7-26.1 7.6-27.2-1.4-6.6-14.3-6.7-24 2.5-25.29 5.9a122.83 122.83 0 0 0-5.3 19.1c-2.3 11.7-25.79 53.5-39.09 75.3-4.4-8.5-8.1-16-8.9-22-1.2-9.1-2.5-14.5-1.1-25.3s7.7-26.1 7.6-27.2-1.4-6.6-14.29-6.7-24 2.5-25.3 5.9-2.7 11.4-5.3 19.1-33.89 77.3-42.08 95.4c-4.2 9.2-7.8 16.6-10.4 21.6-.4.8-.7 1.3-.9 1.7.3-.5.5-1 .5-.8-2.2 4.3-3.5 6.7-3.5 6.7v.1c-1.7 3.2-3.6 6.1-4.5 6.1-.6 0-1.9-8.4.3-19.9 4.7-24.2 15.8-61.8 15.7-63.1-.1-.7 2.1-7.2-7.3-10.7-9.1-3.3-12.4 2.2-13.2 2.2s-1.4 2-1.4 2 10.1-42.4-19.39-42.4c-18.4 0-44 20.2-56.58 38.5-7.9 4.3-25 13.6-43 23.5-6.9 3.8-14 7.7-20.7 11.4-.5-.5-.9-1-1.4-1.5-35.79-38.2-101.87-65.2-99.07-116.5 1-18.7 7.5-67.8 127.07-127.4 98-48.8 176.35-35.4 189.84-5.6 19.4 42.5-41.89 121.6-143.66 133-38.79 4.3-59.18-10.7-64.28-16.3-5.3-5.9-6.1-6.2-8.1-5.1-3.3 1.8-1.2 7 0 10.1 3 7.9 15.5 21.9 36.79 28.9 18.7 6.1 64.18 9.5 119.17-11.8 61.78-23.8 109.87-90.1 95.77-145.6C386.52 18.32 293-.18 204.57 31.22c-52.69 18.7-109.67 48.1-150.66 86.4-48.69 45.6-56.48 85.3-53.28 101.9 11.39 58.9 92.57 97.3 125.06 125.7-1.6.9-3.1 1.7-4.5 2.5-16.29 8.1-78.18 40.5-93.67 74.7-17.5 38.8 2.9 66.6 16.29 70.4 41.79 11.6 84.58-9.3 107.57-43.6s20.2-79.1 9.6-99.5c-.1-.3-.3-.5-.4-.8 4.2-2.5 8.5-5 12.8-7.5 8.29-4.9 16.39-9.4 23.49-13.3-4 10.8-6.9 23.8-8.4 42.6-1.8 22 7.3 50.5 19.1 61.7 5.2 4.9 11.49 5 15.39 5 13.8 0 20-11.4 26.89-25 8.5-16.6 16-35.9 16-35.9s-9.4 52.2 16.3 52.2c9.39 0 18.79-12.1 23-18.3v.1s.2-.4.7-1.2c1-1.5 1.5-2.4 1.5-2.4v-.3c3.8-6.5 12.1-21.4 24.59-46 16.2-31.8 31.69-71.5 31.69-71.5a201.24 201.24 0 0 0 6.2 25.8c2.8 9.5 8.7 19.9 13.4 30-3.8 5.2-6.1 8.2-6.1 8.2a.31.31 0 0 0 .1.2c-3 4-6.4 8.3-9.9 12.5-12.79 15.2-28 32.6-30 37.6-2.4 5.9-1.8 10.3 2.8 13.7 3.4 2.6 9.4 3 15.69 2.5 11.5-.8 19.6-3.6 23.5-5.4a82.2 82.2 0 0 0 20.19-10.6c12.5-9.2 20.1-22.4 19.4-39.8-.4-9.6-3.5-19.2-7.3-28.2 1.1-1.6 2.3-3.3 3.4-5C434.8 301.72 450.1 270 450.1 270a201.24 201.24 0 0 0 6.2 25.8c2.4 8.1 7.09 17 11.39 25.7-18.59 15.1-30.09 32.6-34.09 44.1-7.4 21.3-1.6 30.9 9.3 33.1 4.9 1 11.9-1.3 17.1-3.5a79.46 79.46 0 0 0 21.59-11.1c12.5-9.2 24.59-22.1 23.79-39.6-.3-7.9-2.5-15.8-5.4-23.4 15.7-6.6 36.09-10.2 62.09-7.2 55.68 6.5 66.58 41.3 64.48 55.8s-13.8 22.6-17.7 25-5.1 3.3-4.8 5.1c.5 2.6 2.3 2.5 5.6 1.9 4.6-.8 29.19-11.8 30.29-38.7 1.6-34-31.09-71.4-89-71.1zm-429.18 144.7c-18.39 20.1-44.19 27.7-55.28 21.3C54.61 451 59.31 421.42 82 400c13.8-13 31.59-25 43.39-32.4 2.7-1.6 6.6-4 11.4-6.9.8-.5 1.2-.7 1.2-.7.9-.6 1.9-1.1 2.9-1.7 8.29 30.4.3 57.2-19.1 78.3zm134.36-91.4c-6.4 15.7-19.89 55.7-28.09 53.6-7-1.8-11.3-32.3-1.4-62.3 5-15.1 15.6-33.1 21.9-40.1 10.09-11.3 21.19-14.9 23.79-10.4 3.5 5.9-12.2 49.4-16.2 59.2zm111 53c-2.7 1.4-5.2 2.3-6.4 1.6-.9-.5 1.1-2.4 1.1-2.4s13.9-14.9 19.4-21.7c3.2-4 6.9-8.7 10.89-13.9 0 .5.1 1 .1 1.6-.13 17.9-17.32 30-25.12 34.8zm85.58-19.5c-2-1.4-1.7-6.1 5-20.7 2.6-5.7 8.59-15.3 19-24.5a36.18 36.18 0 0 1 1.9 10.8c-.1 22.5-16.2 30.9-25.89 34.4z"/></svg>
\ No newline at end of file diff --git a/examples/snowpack/public/img/logos/svelte.svg b/examples/snowpack/public/img/logos/svelte.svg new file mode 100644 index 000000000..c051f1a34 --- /dev/null +++ b/examples/snowpack/public/img/logos/svelte.svg @@ -0,0 +1,4 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98.1 118"> + <path fill="#ff3e00" d="M91.8 15.6C80.9-.1 59.2-4.7 43.6 5.2L16.1 22.8A31.25 31.25 0 001.9 43.9c-1.3 7.3-.2 14.8 3.3 21.3-2.4 3.6-4 7.6-4.7 11.8-1.6 8.9.5 18.1 5.7 25.4 11 15.7 32.6 20.3 48.2 10.4l27.5-17.5c7.5-4.7 12.7-12.4 14.2-21.1 1.3-7.3.2-14.8-3.3-21.3 2.4-3.6 4-7.6 4.7-11.8 1.7-9-.4-18.2-5.7-25.5"/> + <path fill="#fff" d="M40.9 103.9a21.8 21.8 0 01-23.4-8.7c-3.2-4.4-4.4-9.9-3.5-15.3l.6-2.6.5-1.6 1.4 1c3.3 2.4 6.9 4.2 10.8 5.4l1 .3-.1 1c-.1 1.4.3 2.9 1.1 4.1a6.62 6.62 0 008.8 2L65.5 72c1.4-.9 2.3-2.2 2.6-3.8.3-1.6-.1-3.3-1-4.6a6.56 6.56 0 00-8.8-1.9l-10.5 6.7a18.6 18.6 0 01-5.6 2.4 21.8 21.8 0 01-23.4-8.7 20.2 20.2 0 01-3.4-15.3c.9-5.2 4.1-9.9 8.6-12.7l27.5-17.5c1.7-1.1 3.6-1.9 5.6-2.5a21.8 21.8 0 0123.4 8.7c3.2 4.4 4.4 9.9 3.5 15.3-.2.9-.4 1.7-.7 2.6l-.5 1.6-1.4-1c-3.3-2.4-6.9-4.2-10.8-5.4l-1-.3.1-1c.1-1.4-.3-2.9-1.1-4.1a6.56 6.56 0 00-8.8-1.9L32.4 46.1c-1.4.9-2.3 2.2-2.6 3.8s.1 3.3 1 4.6a6.56 6.56 0 008.8 1.9l10.5-6.7c1.7-1.1 3.6-1.9 5.6-2.5a21.8 21.8 0 0123.4 8.7c3.2 4.4 4.4 9.9 3.5 15.3-.9 5.2-4.1 9.9-8.6 12.7l-27.5 17.5c-1.7 1.1-3.6 1.9-5.6 2.5"/> +</svg> diff --git a/examples/snowpack/public/img/logos/tailwind.svg b/examples/snowpack/public/img/logos/tailwind.svg new file mode 100644 index 000000000..39e7e2172 --- /dev/null +++ b/examples/snowpack/public/img/logos/tailwind.svg @@ -0,0 +1,12 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 54 33"> + <g clip-path="url(#prefix__clip0)"> + <path fill="#06B6D4" fill-rule="evenodd" + d="M27 0c-7.2 0-11.7 3.6-13.5 10.8 2.7-3.6 5.85-4.95 9.45-4.05 2.054.513 3.522 2.004 5.147 3.653C30.744 13.09 33.808 16.2 40.5 16.2c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C36.756 3.11 33.692 0 27 0zM13.5 16.2C6.3 16.2 1.8 19.8 0 27c2.7-3.6 5.85-4.95 9.45-4.05 2.054.514 3.522 2.004 5.147 3.653C17.244 29.29 20.308 32.4 27 32.4c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C23.256 19.31 20.192 16.2 13.5 16.2z" + clip-rule="evenodd" /> + </g> + <defs> + <clipPath id="prefix__clip0"> + <path fill="#fff" d="M0 0h54v32.4H0z" /> + </clipPath> + </defs> +</svg>
\ No newline at end of file diff --git a/examples/snowpack/public/img/logos/vue.png b/examples/snowpack/public/img/logos/vue.png Binary files differnew file mode 100644 index 000000000..60e17006a --- /dev/null +++ b/examples/snowpack/public/img/logos/vue.png diff --git a/examples/snowpack/public/img/logos/wasm.svg b/examples/snowpack/public/img/logos/wasm.svg new file mode 100644 index 000000000..f2d67d77a --- /dev/null +++ b/examples/snowpack/public/img/logos/wasm.svg @@ -0,0 +1,8 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created by AtomCrusher for the English Wikipedia --> +<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="612" height="612"> + <!-- Block --> + <path d="m376 0c0 1.08 0 2.16 0 3.3 0 38.76-31.42 70.17-70.17 70.17-38.76 0-70.17-31.42-70.17-70.17l0 0c0-1.14 0-2.22 0-3.3L0 0l0 612 612 0 0-612z" fill="#654ff0"/> + <!-- Letters --> + <path d="m142.16 329.81 40.56 0 27.69 147.47 0.5 0 33.28-147.47 37.94 0 30.06 149.28 0.59 0 31.56-149.28 39.78 0-51.69 216.69-40.25 0-29.81-147.47-0.78 0-31.91 147.47-41 0zm287.69 0 63.94 0 63.5 216.69-41.84 0-13.81-48.22-72.84 0-10.66 48.22-40.75 0zm24.34 53.41-17.69 79.5 55.06 0-20.31-79.5z" fill="#fff"/> +</svg>
\ No newline at end of file diff --git a/examples/snowpack/public/img/logos/workbox.svg b/examples/snowpack/public/img/logos/workbox.svg new file mode 100644 index 000000000..7f56dbb03 --- /dev/null +++ b/examples/snowpack/public/img/logos/workbox.svg @@ -0,0 +1,38 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 642 150" style="enable-background:new 0 0 642 150;" xml:space="preserve"> +<style type="text/css"> + .st0{fill:#616161;} + .st1{fill:#F57C00;} +</style> +<g> + <polygon class="st0" points="51.1,113 43.2,110.6 42.8,15 24.6,23.7 23.6,105 17.1,103 16.6,27.5 1,35 1,115 72.7,149.5 72.7,0.5 + 51.9,10.5 "/> + <g> + <path class="st1" d="M81.7,3.3v66.8l92.5,1.6V31.8L81.7,3.3z M102.4,36.3l56.7,10.9v6.4l-56.7-7V36.3z"/> + <path class="st1" d="M81.7,79.9v66.9l92.5-28.6V78.3L81.7,79.9z M102.4,102.9l56.7-6.6v6.4l-56.7,10.5V102.9z"/> + </g> + <g> + <path class="st0" d="M362.1,58.9c-2.7-2.6-7.1-3.9-13.3-3.9H333c-6.2,0-10.6,1.3-13.2,3.9c-2.7,2.6-4,6.3-4,11.2v30.5 + c0,4.9,1.3,8.6,4,11.2c2.7,2.6,7.1,3.9,13.2,3.9h15.9c6.2,0,10.6-1.3,13.3-3.9c2.7-2.6,4-6.3,4-11.2V70.1 + C366.1,65.2,364.8,61.5,362.1,58.9z M345.8,98.6c0,1.8-1,2.7-3,2.7H339c-2,0-3-0.9-3-2.7V72c0-1.8,1-2.7,3-2.7h3.7 + c2,0,3,0.9,3,2.7V98.6z"/> + <path class="st0" d="M408.7,54.4h1.8v18h-6.9c-5.1,0-7.7,2.8-7.7,8.3v35h-20.7V55h20.3v9.4c0.7-3.1,2.1-5.5,4.4-7.3 + C402.2,55.3,405.2,54.4,408.7,54.4z"/> + <path class="st0" d="M437.4,115.7h-20.7V34.3h20.7v48.3L448.8,55h21.4l-13,29.9l13,30.8h-21.5l-11.3-28.3V115.7z"/> + <path class="st0" d="M506.5,55h3.3c10.8,0,16.2,5,16.2,15.1v30.5c0,10-5.4,15.1-16.2,15.1h-3.3c-6.2,0-9.9-2.6-11.1-7.8v7.8h-20.3 + V34.3h20.7v27.2C497.4,57.2,500.9,55,506.5,55z M505.3,97.8V72.9c0-1.8-1-2.7-3-2.7h-3.1c-2.2,0-3.3,1.2-3.3,3.7v23 + c0,2.4,1.1,3.7,3.3,3.7h3.1C504.3,100.5,505.3,99.6,505.3,97.8z"/> + <path class="st0" d="M551.8,55h15.8c6.2,0,10.6,1.3,13.3,3.9c2.7,2.6,4,6.3,4,11.2v30.5c0,4.9-1.3,8.6-4,11.2 + c-2.7,2.6-7.1,3.9-13.3,3.9h-15.8c-6.2,0-10.6-1.3-13.2-3.9c-2.7-2.6-4-6.3-4-11.2V70.1c0-4.9,1.3-8.6,4-11.2 + C541.3,56.3,545.7,55,551.8,55z M564.6,98.6V72c0-1.8-1-2.7-3-2.7h-3.6c-2,0-3,0.9-3,2.7v26.6c0,1.8,1,2.7,3,2.7h3.6 + C563.6,101.3,564.6,100.4,564.6,98.6z"/> + <path class="st0" d="M625.9,84.3l15.1,31.4h-20.9l-6.6-18l-6,18h-20.2l13.9-31L586.7,55h21.6l5.2,16.9l5.2-16.9h20.5L625.9,84.3z" + /> + <path class="st0" d="M306,100.6v-63h-20.7v60.2c0,1.8-1,2.7-3,2.7H278c-2,0-3-0.9-3-2.7V37.6h-20.1v60.2c0,1.8-1,2.7-3,2.7h-4.3 + c-2,0-3-0.9-3-2.7V37.6h-20.7v63c0,4.9,1.3,8.6,4,11.2c2.7,2.6,7.1,3.9,13.3,3.9h3.4h9.2c4.2,0,8.3-1.4,11.2-4.6 + c2.9,3.2,7,4.6,11.2,4.6h9.2h3.4c6.2,0,10.6-1.3,13.3-3.9C304.7,109.2,306,105.5,306,100.6z"/> + </g> +</g> +</svg> diff --git a/examples/snowpack/public/img/news/3d-product.jpeg b/examples/snowpack/public/img/news/3d-product.jpeg Binary files differnew file mode 100644 index 000000000..5a47b0b32 --- /dev/null +++ b/examples/snowpack/public/img/news/3d-product.jpeg diff --git a/examples/snowpack/public/img/news/learn-snow-youtube.jpg b/examples/snowpack/public/img/news/learn-snow-youtube.jpg Binary files differnew file mode 100644 index 000000000..48db8bf5c --- /dev/null +++ b/examples/snowpack/public/img/news/learn-snow-youtube.jpg diff --git a/examples/snowpack/public/img/nomodule.png b/examples/snowpack/public/img/nomodule.png Binary files differnew file mode 100644 index 000000000..6d4c87b43 --- /dev/null +++ b/examples/snowpack/public/img/nomodule.png diff --git a/examples/snowpack/public/img/plug-light.svg b/examples/snowpack/public/img/plug-light.svg new file mode 100644 index 000000000..371e561ea --- /dev/null +++ b/examples/snowpack/public/img/plug-light.svg @@ -0,0 +1 @@ +<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="plug" class="svg-inline--fa fa-plug fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="#2e5e82" d="M352,128H304V16a16,16,0,0,0-32,0V128H112V16a16,16,0,0,0-32,0V128H32A32,32,0,0,0,0,160v32a32,32,0,0,0,32,32v32c0,82.75,63.37,150.22,144,158.38V512h32V414.38c80.63-8.16,144-75.63,144-158.38V224a32,32,0,0,0,32-32V160A32,32,0,0,0,352,128ZM320,256a128,128,0,0,1-256,0V224H320Zm32-64H32V160H352Z"></path></svg>
\ No newline at end of file diff --git a/examples/snowpack/public/img/plug-regular.svg b/examples/snowpack/public/img/plug-regular.svg new file mode 100644 index 000000000..b3b29c0e5 --- /dev/null +++ b/examples/snowpack/public/img/plug-regular.svg @@ -0,0 +1 @@ +<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="plug" class="svg-inline--fa fa-plug fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="#2e5e82" d="M312,24a24,24,0,0,0-48,0v88h48ZM120,24a24,24,0,0,0-48,0v88h48ZM368,144H16A16,16,0,0,0,0,160v16a16,16,0,0,0,16,16H32v64c0,80.14,59.11,145.92,136,157.58V512h48V413.58C292.89,401.92,352,336.14,352,256V192h16a16,16,0,0,0,16-16V160A16,16,0,0,0,368,144ZM304,256a112,112,0,0,1-224,0V192H304Z"></path></svg>
\ No newline at end of file diff --git a/examples/snowpack/public/img/post-snowpackv3-esbuild.png b/examples/snowpack/public/img/post-snowpackv3-esbuild.png Binary files differnew file mode 100644 index 000000000..873c75e52 --- /dev/null +++ b/examples/snowpack/public/img/post-snowpackv3-esbuild.png diff --git a/examples/snowpack/public/img/post-snowpackv3-jsapi.png b/examples/snowpack/public/img/post-snowpackv3-jsapi.png Binary files differnew file mode 100644 index 000000000..02db17fd5 --- /dev/null +++ b/examples/snowpack/public/img/post-snowpackv3-jsapi.png diff --git a/examples/snowpack/public/img/post-snowpackv3-routes.png b/examples/snowpack/public/img/post-snowpackv3-routes.png Binary files differnew file mode 100644 index 000000000..f920964ef --- /dev/null +++ b/examples/snowpack/public/img/post-snowpackv3-routes.png diff --git a/examples/snowpack/public/img/post-snowpackv3-runtime.png b/examples/snowpack/public/img/post-snowpackv3-runtime.png Binary files differnew file mode 100644 index 000000000..816722ee2 --- /dev/null +++ b/examples/snowpack/public/img/post-snowpackv3-runtime.png diff --git a/examples/snowpack/public/img/react-guide.png b/examples/snowpack/public/img/react-guide.png Binary files differnew file mode 100644 index 000000000..0a0e82a24 --- /dev/null +++ b/examples/snowpack/public/img/react-guide.png diff --git a/examples/snowpack/public/img/react-snarky-tweet-2.png b/examples/snowpack/public/img/react-snarky-tweet-2.png Binary files differnew file mode 100644 index 000000000..491d9937a --- /dev/null +++ b/examples/snowpack/public/img/react-snarky-tweet-2.png diff --git a/examples/snowpack/public/img/react-snarky-tweet.png b/examples/snowpack/public/img/react-snarky-tweet.png Binary files differnew file mode 100644 index 000000000..841ead38d --- /dev/null +++ b/examples/snowpack/public/img/react-snarky-tweet.png diff --git a/examples/snowpack/public/img/rocket-solid.svg b/examples/snowpack/public/img/rocket-solid.svg new file mode 100644 index 000000000..9d930e7a7 --- /dev/null +++ b/examples/snowpack/public/img/rocket-solid.svg @@ -0,0 +1 @@ +<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="rocket" class="svg-inline--fa fa-rocket fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505.12019,19.09375c-1.18945-5.53125-6.65819-11-12.207-12.1875C460.716,0,435.507,0,410.40747,0,307.17523,0,245.26909,55.20312,199.05238,128H94.83772c-16.34763.01562-35.55658,11.875-42.88664,26.48438L2.51562,253.29688A28.4,28.4,0,0,0,0,264a24.00867,24.00867,0,0,0,24.00582,24H127.81618l-22.47457,22.46875c-11.36521,11.36133-12.99607,32.25781,0,45.25L156.24582,406.625c11.15623,11.1875,32.15619,13.15625,45.27726,0l22.47457-22.46875V488a24.00867,24.00867,0,0,0,24.00581,24,28.55934,28.55934,0,0,0,10.707-2.51562l98.72834-49.39063c14.62888-7.29687,26.50776-26.5,26.50776-42.85937V312.79688c72.59753-46.3125,128.03493-108.40626,128.03493-211.09376C512.07526,76.5,512.07526,51.29688,505.12019,19.09375ZM384.04033,168A40,40,0,1,1,424.05,128,40.02322,40.02322,0,0,1,384.04033,168Z"></path></svg>
\ No newline at end of file diff --git a/examples/snowpack/public/img/snowpack-27-screenshot-1.png b/examples/snowpack/public/img/snowpack-27-screenshot-1.png Binary files differnew file mode 100644 index 000000000..a8b5b7a55 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-27-screenshot-1.png diff --git a/examples/snowpack/public/img/snowpack-27-screenshot-2.png b/examples/snowpack/public/img/snowpack-27-screenshot-2.png Binary files differnew file mode 100644 index 000000000..d17f168a8 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-27-screenshot-2.png diff --git a/examples/snowpack/public/img/snowpack-27-screenshot-3.png b/examples/snowpack/public/img/snowpack-27-screenshot-3.png Binary files differnew file mode 100644 index 000000000..b9de0a2e2 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-27-screenshot-3.png diff --git a/examples/snowpack/public/img/snowpack-build-example.png b/examples/snowpack/public/img/snowpack-build-example.png Binary files differnew file mode 100644 index 000000000..8f957e2ac --- /dev/null +++ b/examples/snowpack/public/img/snowpack-build-example.png diff --git a/examples/snowpack/public/img/snowpack-build-mov.mov b/examples/snowpack/public/img/snowpack-build-mov.mov Binary files differnew file mode 100644 index 000000000..0e0ae498c --- /dev/null +++ b/examples/snowpack/public/img/snowpack-build-mov.mov diff --git a/examples/snowpack/public/img/snowpack-dev-example.png b/examples/snowpack/public/img/snowpack-dev-example.png Binary files differnew file mode 100644 index 000000000..fa04b5018 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-dev-example.png diff --git a/examples/snowpack/public/img/snowpack-dev-startup-2.png b/examples/snowpack/public/img/snowpack-dev-startup-2.png Binary files differnew file mode 100644 index 000000000..ed1fb7cf4 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-dev-startup-2.png diff --git a/examples/snowpack/public/img/snowpack-dev-startup.png b/examples/snowpack/public/img/snowpack-dev-startup.png Binary files differnew file mode 100644 index 000000000..38f30a1f4 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-dev-startup.png diff --git a/examples/snowpack/public/img/snowpack-logo-black.png b/examples/snowpack/public/img/snowpack-logo-black.png Binary files differnew file mode 100644 index 000000000..1a09e8181 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-logo-black.png diff --git a/examples/snowpack/public/img/snowpack-logo-dark.png b/examples/snowpack/public/img/snowpack-logo-dark.png Binary files differnew file mode 100644 index 000000000..f59f54d56 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-logo-dark.png diff --git a/examples/snowpack/public/img/snowpack-logo-white.png b/examples/snowpack/public/img/snowpack-logo-white.png Binary files differnew file mode 100644 index 000000000..91437be36 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-logo-white.png diff --git a/examples/snowpack/public/img/snowpack-unbundled-example-2.png b/examples/snowpack/public/img/snowpack-unbundled-example-2.png Binary files differnew file mode 100644 index 000000000..72f6fa984 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-unbundled-example-2.png diff --git a/examples/snowpack/public/img/snowpack-unbundled-example-3.png b/examples/snowpack/public/img/snowpack-unbundled-example-3.png Binary files differnew file mode 100644 index 000000000..8b96637c6 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-unbundled-example-3.png diff --git a/examples/snowpack/public/img/snowpack-unbundled-example.png b/examples/snowpack/public/img/snowpack-unbundled-example.png Binary files differnew file mode 100644 index 000000000..6624f910d --- /dev/null +++ b/examples/snowpack/public/img/snowpack-unbundled-example.png diff --git a/examples/snowpack/public/img/snowpack-wordmark-black.png b/examples/snowpack/public/img/snowpack-wordmark-black.png Binary files differnew file mode 100644 index 000000000..61955b2f1 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-wordmark-black.png diff --git a/examples/snowpack/public/img/snowpack-wordmark-white.png b/examples/snowpack/public/img/snowpack-wordmark-white.png Binary files differnew file mode 100644 index 000000000..59ba2f893 --- /dev/null +++ b/examples/snowpack/public/img/snowpack-wordmark-white.png diff --git a/examples/snowpack/public/img/snowpackskypack.mp4 b/examples/snowpack/public/img/snowpackskypack.mp4 Binary files differnew file mode 100644 index 000000000..b25736c0e --- /dev/null +++ b/examples/snowpack/public/img/snowpackskypack.mp4 diff --git a/examples/snowpack/public/img/snowpackskypack.webm b/examples/snowpack/public/img/snowpackskypack.webm Binary files differnew file mode 100644 index 000000000..abb941ccd --- /dev/null +++ b/examples/snowpack/public/img/snowpackskypack.webm diff --git a/examples/snowpack/public/img/social-2.jpg b/examples/snowpack/public/img/social-2.jpg Binary files differnew file mode 100644 index 000000000..fc88f9712 --- /dev/null +++ b/examples/snowpack/public/img/social-2.jpg diff --git a/examples/snowpack/public/img/social-2.png b/examples/snowpack/public/img/social-2.png Binary files differnew file mode 100644 index 000000000..5934af38e --- /dev/null +++ b/examples/snowpack/public/img/social-2.png diff --git a/examples/snowpack/public/img/social-3.jpg b/examples/snowpack/public/img/social-3.jpg Binary files differnew file mode 100644 index 000000000..286ada8f7 --- /dev/null +++ b/examples/snowpack/public/img/social-3.jpg diff --git a/examples/snowpack/public/img/social-4.jpg b/examples/snowpack/public/img/social-4.jpg Binary files differnew file mode 100644 index 000000000..2b7ec7fad --- /dev/null +++ b/examples/snowpack/public/img/social-4.jpg diff --git a/examples/snowpack/public/img/social-4.png b/examples/snowpack/public/img/social-4.png Binary files differnew file mode 100644 index 000000000..f90ad2561 --- /dev/null +++ b/examples/snowpack/public/img/social-4.png diff --git a/examples/snowpack/public/img/social-snowpackv3.jpg b/examples/snowpack/public/img/social-snowpackv3.jpg Binary files differnew file mode 100644 index 000000000..49f577597 --- /dev/null +++ b/examples/snowpack/public/img/social-snowpackv3.jpg diff --git a/examples/snowpack/public/img/social.jpg b/examples/snowpack/public/img/social.jpg Binary files differnew file mode 100644 index 000000000..22c4b748c --- /dev/null +++ b/examples/snowpack/public/img/social.jpg diff --git a/examples/snowpack/public/img/stat.jpg b/examples/snowpack/public/img/stat.jpg Binary files differnew file mode 100644 index 000000000..d72b16ad8 --- /dev/null +++ b/examples/snowpack/public/img/stat.jpg diff --git a/examples/snowpack/public/img/streaming-imports-demo.mp4 b/examples/snowpack/public/img/streaming-imports-demo.mp4 Binary files differnew file mode 100644 index 000000000..235d06629 --- /dev/null +++ b/examples/snowpack/public/img/streaming-imports-demo.mp4 diff --git a/examples/snowpack/public/img/streaming-imports-demo.webm b/examples/snowpack/public/img/streaming-imports-demo.webm Binary files differnew file mode 100644 index 000000000..76610328b --- /dev/null +++ b/examples/snowpack/public/img/streaming-imports-demo.webm diff --git a/examples/snowpack/public/img/svelte-ts.png b/examples/snowpack/public/img/svelte-ts.png Binary files differnew file mode 100644 index 000000000..9cc0a3bb3 --- /dev/null +++ b/examples/snowpack/public/img/svelte-ts.png diff --git a/examples/snowpack/public/img/treeshaking.jpg b/examples/snowpack/public/img/treeshaking.jpg Binary files differnew file mode 100644 index 000000000..93c69a10c --- /dev/null +++ b/examples/snowpack/public/img/treeshaking.jpg diff --git a/examples/snowpack/public/js/index.js b/examples/snowpack/public/js/index.js new file mode 100644 index 000000000..71e2496d4 --- /dev/null +++ b/examples/snowpack/public/js/index.js @@ -0,0 +1,115 @@ +/** + * Debounce functions for better performance + * (c) 2018 Chris Ferdinandi, MIT License, https://gomakethings.com + * @param {Function} fn The function to debounce + */ +function debounce(fn) { + // Setup a timer + var timeout; + // Return a function to run debounced + return function () { + // Setup the arguments + var context = this; + var args = arguments; + // If there's a timer, cancel it + if (timeout) { + window.cancelAnimationFrame(timeout); + } + // Setup the new requestAnimationFrame() + timeout = window.requestAnimationFrame(function () { + fn.apply(context, args); + }); + }; +} + +function isScrolledIntoView(el) { + const { top } = el.getBoundingClientRect(); + const halfHeight = window.innerHeight / 2; + const isVisible = top <= halfHeight; + return isVisible; +} + +function setActiveToc() { + if (window.innerWidth < 1240) { + return; + } + if (!tableOfContentsEl) { + return; + } + + const headings = [ + ...document.querySelectorAll( + '.content-body h1, .content-body h2, .content-body h3, .content-body h4', + ), + ].filter((el) => !!el.id); + const scrolledToBeginning = window.scrollY === 0; + const scrolledToEnd = + Math.ceil(window.innerHeight + window.scrollY) >= + Math.ceil(document.body.getBoundingClientRect().height); + + let el; + if (scrolledToBeginning) { + el = headings[0]; // if we‘re at the top of the page, highlight the first item + } else if (scrolledToEnd) { + el = headings[headings.length - 1]; // if we’re at the end of the page, highlight the last item + } else { + el = headings.reverse().find(isScrolledIntoView); // otherwise highlight the one that’s at least halfway up the page + } + + if (!el) return; + + const elId = el.id; + const href = `#${elId}`; + const tocEl = tableOfContentsEl.querySelector(`a[href="${href}"]`); + // only add the active class once, which will also prevent scroll from re-triggering while scrolling to the same element + if (!tocEl || tocEl.classList.contains('active')) { + return; + } + + tableOfContentsEl.querySelectorAll(`a.active`).forEach((aEl) => { + if (aEl.getAttribute('href') !== href) aEl.classList.remove('active'); + }); + + tocEl.classList.add('active'); + + // // update nav on desktop + // if (window.innerWidth >= 860) { + // tocEl.scrollIntoView({behavior: 'smooth'}); + // } + // { + // top: + // tocEl.getBoundingClientRect().top + gridTocEl.scrollTop - PADDING_TOP, + // behavior: 'smooth', + // }); +} + +const tableOfContentsEl = document.querySelector('.toc'); +window.addEventListener('scroll', debounce(setActiveToc)); +/* May not be needed: + window.addEventListener('DOMContentLoaded', (event) => { + if (!window.location.hash) { + return; + } + const elNeedingScroll = document.getElementById(window.location.hash.substring(1)); + if (!elNeedingScroll) { + return; + } + elNeedingScroll.scrollIntoView(); + elNeedingScroll.classList.add('highlighted'); + }); + */ + +window.addEventListener('DOMContentLoaded', (event) => { + if (!tableOfContentsEl) { + return; + } + document.querySelectorAll('.content h3, .content h4').forEach((headerEl) => { + const linkEl = document.createElement('a'); + // linkEl.setAttribute('target', "_blank"); + linkEl.setAttribute('href', '#' + headerEl.id); + linkEl.classList.add('header-link'); + linkEl.innerText = '#'; + headerEl.appendChild(linkEl); + }); + setActiveToc(); +}); diff --git a/examples/snowpack/public/robots.txt b/examples/snowpack/public/robots.txt new file mode 100644 index 000000000..e9e57dc4d --- /dev/null +++ b/examples/snowpack/public/robots.txt @@ -0,0 +1,3 @@ +# https://www.robotstxt.org/robotstxt.html +User-agent: * +Disallow: |
