mirror of
https://github.com/kristoferssolo/solorice.git
synced 2025-10-21 20:10:34 +00:00
1 line
34 KiB
HTML
1 line
34 KiB
HTML
<!doctype html><html lang="en"><head><meta http-equiv="Content-Security-Policy" content="base-uri 'self'; object-src 'none'; script-src #{cspSource} 'nonce-#{cspNonce}'; style-src #{cspSource} 'nonce-#{cspNonce}' 'unsafe-hashes' 'sha256-OuiL22hcDcK1YBlOPz25cVfghQ3xQT2UecYBx2kNEz8=' 'sha256-75OogVAF6KRUzHAYbE5zMOnZcYOahGuWVJSq/TCzmEw='; default-src 'none'; img-src #{cspSource} https: data:; font-src #{cspSource}"><meta charset="utf-8"><style>html{height:100%;font-size:62.5%;box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-family);height:100%;line-height:1.4;font-size:100%!important}a{border:0;color:var(--color-link-foreground);font-weight:400;outline:0;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:focus{outline-color:var(--color-focus-border)}b{font-weight:600}h1{border:none;font-size:4rem;font-weight:400;margin:0;padding:0;white-space:nowrap}h2{font-size:2.2rem;font-weight:200;line-height:normal;margin:1em 0 .3em 0;white-space:nowrap}h3{font-size:1.8rem;font-weight:200;line-height:normal;margin:1em 0 .3em 0;white-space:nowrap}h4{font-size:1rem;font-weight:200;line-height:normal;margin:1em 0 .3em 0;white-space:nowrap}button,input,select,textarea{font-family:var(--font-family);font-size:inherit;margin:0}input[type=checkbox]{background:0 0;border:none;cursor:pointer;margin:0;padding:0 10px;mix-blend-mode:luminosity}input[type=checkbox]:focus{background:rgba(0,0,0,.1);border-radius:5px;outline:0}input[type=checkbox][disabled]{color:var(--color-foreground--75);cursor:default}input:not([type]),input[type=number],input[type=text],textarea{background:0 0;color:var(--color-foreground);margin:0 10px;max-width:300px;padding:4px;width:100%}.vscode-dark input:not([type]),.vscode-dark input[type=number],.vscode-dark input[type=text],.vscode-dark textarea{border:1px solid rgba(255,255,255,.3)}.vscode-light input:not([type]),.vscode-light input[type=number],.vscode-light input[type=text],.vscode-light textarea{border:1px solid rgba(0,0,0,.3)}input:not([type]):focus,input[type=number]:focus,input[type=text]:focus,textarea:focus{outline-color:var(--color-focus-border)}.vscode-light input:not([type]):focus,.vscode-light input[type=number]:focus,.vscode-light input[type=text]:focus,.vscode-light textarea:focus{background-color:rgba(255,255,255,.4)}.vscode-dark input:not([type]):focus,.vscode-dark input[type=number]:focus,.vscode-dark input[type=text]:focus,.vscode-dark textarea:focus{background-color:rgba(0,0,0,.2)}input:not([type])[disabled],input[type=number][disabled],input[type=text][disabled],textarea[disabled]{color:var(--color-foreground--75);cursor:default}input:not([type])::placeholder,input[type=number]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:var(--vscode-input-placeholderForeground)}input[type=number]{max-width:100px}kbd{display:inline-block;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:11px;line-height:11px;padding:3px 5px;margin:0 2px;vertical-align:baseline}label{cursor:pointer}select{background:0 0;color:var(--color-foreground);cursor:pointer;padding:2px 23px 2px 8px;min-width:5em;appearance:none;-webkit-appearance:none}.vscode-light select{border:1px solid rgba(0,0,0,.3)}.vscode-dark select{border:1px solid rgba(255,255,255,.3)}select:focus{outline-color:var(--color-focus-border)}.vscode-light select:focus{background-color:rgba(255,255,255,.4)}.vscode-dark select:focus{background-color:rgba(0,0,0,.2)}select[disabled]{color:var(--color-foreground--75);cursor:default}.vscode-light select option{background-color:var(--color-background--darken-05)}.vscode-dark select option{background-color:var(--color-background--lighten-05)}select option:focus{outline-color:var(--color-focus-border)}.vscode-light select option:focus{background-color:rgba(255,255,255,.4)}.vscode-dark select option:focus{background-color:rgba(0,0,0,.2)}.select-container{display:inline-block;position:relative;margin:0 .75em}.select-container::after{content:"";font-family:codicon;font-size:14px;width:14px;height:14px;line-height:14px;position:absolute;top:0;bottom:0;right:6px;margin:auto;pointer-events:none}ul{list-style:none;margin:0;padding:0}::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)!important}code{background:rgba(255,255,255,.05);color:var(--color-foreground--75);border-radius:3px;padding:2px 4px;vertical-align:middle}.button{background:0 0;border:none;border-radius:3px;cursor:pointer;display:inline-block;font-size:1.1rem;letter-spacing:.25em;margin:1em .5em;padding:1em 1.75em;text-decoration:none;text-transform:uppercase;user-select:none;white-space:nowrap}.button:focus{outline:0}.button[disabled]{cursor:default!important;opacity:.25!important}.button .shortcut{display:block;font-size:.8rem;margin:5px 0 0 0;font-weight:200;opacity:.6}.button:hover .shortcut{opacity:1}.button--big{font-size:1.5rem}.button--flat{transition:background-color 250ms,border-color 250ms,color 250ms}.vscode-light .button--flat{border:1px solid rgba(0,0,0,.6);color:#000}.vscode-dark .button--flat{border:1px solid rgba(255,255,255,.6);color:#fff}.vscode-light .button--flat:not([disabled]):focus,.vscode-light .button--flat:not([disabled]):hover{background-color:var(--color-button-background--darken-30);border-color:var(--color-button-background--darken-30);color:#fff}.vscode-dark .button--flat:not([disabled]):focus,.vscode-dark .button--flat:not([disabled]):hover{background-color:#fff;border-color:#fff;color:#000}.preload .button--flat{transition-duration:0s!important}.button--flat-inverse{background-color:#fff;border:1px solid #fff;color:#000;font-weight:600;transition:background-color 250ms,border-color 250ms,color 250ms}.button--flat-inverse:not([disabled]):focus,.button--flat-inverse:not([disabled]):hover{background:rgba(0,0,0,.2);border-color:rgba(255,255,255,.6);color:#fff}.preload .button--flat-inverse{transition-duration:0s!important}.button--flat-primary{background-color:var(--color-button-background);border:1px solid var(--color-button-background);color:var(--color-button-foreground);font-weight:600;transition:background-color 250ms,border-color 250ms,color 250ms}.vscode-dark .button--flat-primary:not([disabled]):focus,.vscode-dark .button--flat-primary:not([disabled]):hover{background-color:#fff;border-color:#fff;color:#000}.vscode-light .button--flat-primary:not([disabled]):focus,.vscode-light .button--flat-primary:not([disabled]):hover{background-color:var(--color-button-background--darken-30);border-color:var(--color-button-background--darken-30);color:#fff}.preload .button--flat-primary{transition-duration:0s!important}.button--flat-secondary{background-color:var(--color-button-secondary-background);border:1px solid var(--color-button-secondary-background);color:var(--color-button-foreground);font-weight:600;transition:background-color 250ms,border-color 250ms,color 250ms}.vscode-dark .button--flat-secondary:not([disabled]):focus,.vscode-dark .button--flat-secondary:not([disabled]):hover{background-color:#fff;border-color:#fff;color:#000}.vscode-light .button--flat-secondary:not([disabled]):focus,.vscode-light .button--flat-secondary:not([disabled]):hover{background-color:var(--color-button-secondary-background--darken-30);border-color:var(--color-button-secondary-background--darken-30);color:#fff}.preload .button--flat-secondary{transition-duration:0s!important}.button--flat-subtle{transition:background-color 250ms,border-color 250ms,color 250ms}.vscode-light .button--flat-subtle{border:1px solid rgba(0,0,0,.2);color:rgba(0,0,0,.6)}.vscode-dark .button--flat-subtle{border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.vscode-light .button--flat-subtle:not([disabled]):focus,.vscode-light .button--flat-subtle:not([disabled]):hover{background-color:var(--color-button-secondary-background--darken-30);border-color:var(--color-button-secondary-background--darken-30);color:#fff}.vscode-dark .button--flat-subtle:not([disabled]):focus,.vscode-dark .button--flat-subtle:not([disabled]):hover{background-color:#fff;border-color:#fff;color:#000}.preload .button--flat-subtle{transition-duration:0s!important}.button--right{margin-left:auto}.icon{background-color:var(--color-foreground);display:inline-block;height:24px;margin-right:3px;position:relative;width:19px;top:9px}h2 .icon{top:7px}.icon__bulb{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.67 8.658c-.338.334-.598.705-.781 1.114-.178.407-.268.85-.268 1.329v1.6a1.304 1.304 0 0 1-.794 1.197c-.159.068-.329.102-.509.102H7.712a1.285 1.285 0 0 1-.922-.379 1.303 1.303 0 0 1-.38-.92v-1.6c0-.479-.092-.921-.274-1.329a3.556 3.556 0 0 0-.776-1.114 4.689 4.689 0 0 1-1.006-1.437A4.187 4.187 0 0 1 4 5.5a4.432 4.432 0 0 1 .616-2.27c.197-.336.432-.64.705-.914.274-.272.578-.506.911-.702.338-.196.7-.348 1.084-.454C7.7 1.053 8.1 1 8.516 1a4.476 4.476 0 0 1 2.276.614 4.475 4.475 0 0 1 1.622 1.616 4.438 4.438 0 0 1 .616 2.27c0 .617-.117 1.191-.353 1.721a4.69 4.69 0 0 1-1.006 1.437zM9.623 10.5H7.409v2.201c0 .081.028.15.09.212.062.061.131.09.213.09h1.606a.289.289 0 0 0 .213-.09.286.286 0 0 0 .09-.212V10.5z" clip-rule="evenodd"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.67 8.658c-.338.334-.598.705-.781 1.114-.178.407-.268.85-.268 1.329v1.6a1.304 1.304 0 0 1-.794 1.197c-.159.068-.329.102-.509.102H7.712a1.285 1.285 0 0 1-.922-.379 1.303 1.303 0 0 1-.38-.92v-1.6c0-.479-.092-.921-.274-1.329a3.556 3.556 0 0 0-.776-1.114 4.689 4.689 0 0 1-1.006-1.437A4.187 4.187 0 0 1 4 5.5a4.432 4.432 0 0 1 .616-2.27c.197-.336.432-.64.705-.914.274-.272.578-.506.911-.702.338-.196.7-.348 1.084-.454C7.7 1.053 8.1 1 8.516 1a4.476 4.476 0 0 1 2.276.614 4.475 4.475 0 0 1 1.622 1.616 4.438 4.438 0 0 1 .616 2.27c0 .617-.117 1.191-.353 1.721a4.69 4.69 0 0 1-1.006 1.437zM9.623 10.5H7.409v2.201c0 .081.028.15.09.212.062.061.131.09.213.09h1.606a.289.289 0 0 0 .213-.09.286.286 0 0 0 .09-.212V10.5z" clip-rule="evenodd"/></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.8}.icon__chevron-down{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.97602 10.0719L12.3333 5.7146L12.952 6.33332L8.28538 11L7.66666 11L3 6.33332L3.61872 5.7146L7.97602 10.0719Z" /></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.97602 10.0719L12.3333 5.7146L12.952 6.33332L8.28538 11L7.66666 11L3 6.33332L3.61872 5.7146L7.97602 10.0719Z" /></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon__gear{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M9.1 4.4L8.6 2H7.4l-.5 2.4-.7.3-2-1.3-.9.8 1.3 2-.2.7-2.4.5v1.2l2.4.5.3.8-1.3 2 .8.8 2-1.3.8.3.4 2.3h1.2l.5-2.4.8-.3 2 1.3.8-.8-1.3-2 .3-.8 2.3-.4V7.4l-2.4-.5-.3-.8 1.3-2-.8-.8-2 1.3-.7-.2zM9.4 1l.5 2.4L12 2.1l2 2-1.4 2.1 2.4.4v2.8l-2.4.5L14 12l-2 2-2.1-1.4-.5 2.4H6.6l-.5-2.4L4 13.9l-2-2 1.4-2.1L1 9.4V6.6l2.4-.5L2.1 4l2-2 2.1 1.4.4-2.4h2.8zm.6 7c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zM8 9c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M9.1 4.4L8.6 2H7.4l-.5 2.4-.7.3-2-1.3-.9.8 1.3 2-.2.7-2.4.5v1.2l2.4.5.3.8-1.3 2 .8.8 2-1.3.8.3.4 2.3h1.2l.5-2.4.8-.3 2 1.3.8-.8-1.3-2 .3-.8 2.3-.4V7.4l-2.4-.5-.3-.8 1.3-2-.8-.8-2 1.3-.7-.2zM9.4 1l.5 2.4L12 2.1l2 2-1.4 2.1 2.4.4v2.8l-2.4.5L14 12l-2 2-2.1-1.4-.5 2.4H6.6l-.5-2.4L4 13.9l-2-2 1.4-2.1L1 9.4V6.6l2.4-.5L2.1 4l2-2 2.1 1.4.4-2.4h2.8zm.6 7c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zM8 9c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z"/></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon__info{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.568 1.031A6.8 6.8 0 0 1 12.76 3.05a7.06 7.06 0 0 1 .46 9.39 6.85 6.85 0 0 1-8.58 1.74 7 7 0 0 1-3.12-3.5 7.12 7.12 0 0 1-.23-4.71 7 7 0 0 1 2.77-3.79 6.8 6.8 0 0 1 4.508-1.149zM9.04 13.88a5.89 5.89 0 0 0 3.41-2.07 6.07 6.07 0 0 0-.4-8.06 5.82 5.82 0 0 0-7.43-.74 6.06 6.06 0 0 0 .5 10.29 5.81 5.81 0 0 0 3.92.58zM8.51 7h-1v4h1V7zm0-2h-1v1h1V5z" clip-rule="evenodd"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.568 1.031A6.8 6.8 0 0 1 12.76 3.05a7.06 7.06 0 0 1 .46 9.39 6.85 6.85 0 0 1-8.58 1.74 7 7 0 0 1-3.12-3.5 7.12 7.12 0 0 1-.23-4.71 7 7 0 0 1 2.77-3.79 6.8 6.8 0 0 1 4.508-1.149zM9.04 13.88a5.89 5.89 0 0 0 3.41-2.07 6.07 6.07 0 0 0-.4-8.06 5.82 5.82 0 0 0-7.43-.74 6.06 6.06 0 0 0 .5 10.29 5.81 5.81 0 0 0 3.92.58zM8.51 7h-1v4h1V7zm0-2h-1v1h1V5z" clip-rule="evenodd"/></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon--sm{height:15px;width:15px;top:3px}.icon--md{height:30px;width:24px;top:12px}.icon--lg{height:36px;width:30px;top:15px}body.vscode-light{background-color:var(--color-background--darken-05)}header{grid-area:header;display:grid;grid-template-columns:max-content minmax(396px,auto);grid-gap:1em 4em;align-items:center;margin:0 2em}@media all and (max-width:768px){header{grid-template-columns:auto;justify-items:center;grid-gap:1rem}}.blurb{font-size:1.5rem;font-weight:200;color:var(--color-foreground--65);margin:1em}.blurb b{color:var(--color-foreground--85)}.vscode-light .blurb{color:var(--color-foreground--75)}.command{font-weight:600;padding:1px 3px}.container{display:grid;grid-template-areas:"banner banner" "header header" "hero hero" "content sidebar";grid-template-columns:repeat(1,1fr min-content);grid-gap:1em 0;margin:1em auto;max-width:1200px;min-width:450px}.banner{grid-area:banner;margin:1em;display:flex}.banner img{border-radius:8px}.content__area{grid-area:content;font-size:1.4rem}.vscode-dark .content__area{background-color:var(--color-background--lighten-05)}.vscode-light .content__area{background-color:var(--color-background)}@media all and (max-width:768px){.content__area{grid-column:span 1}}.content__area--full-scroll{background-color:unset!important;margin-bottom:90vh}.content__area--full-scroll .section--settings{margin:0 0 1em 0}.cta{display:flex;flex-wrap:wrap;justify-content:center;font-size:1.3rem;margin:0}.cta p{margin-left:10%;margin-right:10%;margin-top:-.5em;opacity:.6}.cta--primary{margin:0 1em}.cta--secondary{margin:0 1em}.header__blurb{color:var(--color-foreground--75);font-size:1.5rem;font-weight:200;margin:0;text-align:justify}.header__link{color:var(--color-foreground);outline:0;margin:0 1rem .75rem 2rem}.header__link:active,.header__link:focus,.header__link:hover{color:var(--color-foreground);outline:0}@media all and (max-width:768px){.header__link{margin:0 0 .75rem 0}}.header__logo{display:flex;flex-wrap:nowrap}.header__title{font-family:"Segoe UI Semibold",var(--font-family)}.header__title--highlight{color:#914db3}.header__subtitle{color:var(--color-foreground--65);font-family:"Segoe UI Light",var(--font-family);font-size:2rem;font-weight:100;margin:-.5em 0 0 4px;white-space:nowrap}.hero__area{grid-area:hero;color:var(--color-foreground--75);font-size:1.5rem;font-weight:200;margin:0 1em}.hero__area b{color:var(--color-foreground--85)}.image__logo{margin:9px 1em 0 0;max-height:64px;max-width:64px}.image__preview{border-radius:8px;box-shadow:0 0 1px 0 rgba(0,0,0,.8),0 0 12px 1px rgba(0,0,0,.5);width:600px}.image__preview--overlay{left:0;position:absolute;top:0}.link__configure,.link__learn-more{margin-left:10px}.presets{align-items:baseline;justify-content:center;display:flex;width:100%;flex-wrap:wrap;gap:1em}.preset{text-align:center;margin:0 1em}.preset p{color:var(--color-foreground--75);display:block;font-weight:200;font-size:1.3rem;margin:-.5em 1em .5em 1em;text-align:center}.preset .image__preview{display:flex;width:auto;margin-top:1em}section{display:flex;flex-wrap:wrap;margin-bottom:1em;padding:1em}section h2{flex:1 0 auto;display:flex;margin-top:0;margin-bottom:1em}.section--full{flex-flow:column}.section--settings{flex:0 1 auto;display:flex;flex-wrap:wrap;border-radius:6px;margin:1em;padding:1em}.vscode-dark .section--settings{background:var(--color-background--lighten-075)}.vscode-light .section--settings{background:var(--color-background--darken-05)}.section__content{flex:1 1 auto;display:flex;flex-flow:column wrap}.section__header{display:flex;align-items:baseline;flex:0 1 auto;flex-flow:column;margin-bottom:1em;margin-right:1em;position:relative}.section__header h2{margin-bottom:0}.section__header .link__configure,.section__header .link__learn-more{visibility:hidden}.section__header:hover .link__configure,.section__header:hover .link__learn-more{visibility:visible}.section__header-hint{color:var(--color-foreground--75);font-weight:200;margin:.25em 0}.section__hint{flex:0 0 auto;color:var(--color-foreground--75);font-weight:200;margin:0}.section__preview{flex:0 1 auto;position:relative;margin-left:auto;margin-right:auto}.section__title{flex:1 0 auto;margin:0}.section__title--primary{font-size:3rem;margin:.3em 0;justify-content:center}.section__title--break{margin:.3em 15% 0 15%;padding-top:1em;justify-content:center}.vscode-dark .section__title--break{border-top:1px solid var(--color-background--lighten-30)}.vscode-light .section__title--break{border-top:1px solid var(--color-background--darken-30)}.section__whatsnew{display:flex;flex-direction:column;align-items:center;font-weight:200;margin:1rem}.section__whatsnew img{width:100%;max-width:600px;border-radius:8px;box-shadow:0 0 1px 0 rgba(0,0,0,.8),0 0 12px 1px rgba(0,0,0,.5);margin-bottom:2rem}.section__whatsnew a{font-weight:600}.button__subaction{color:var(--color-foreground--65);margin-top:-.5rem}.setting{flex:0 1 auto;position:relative;margin-right:1em}.setting input[type=checkbox]{flex:0 0 16px;height:16px;margin:0 10px 0 0;position:relative;top:3px;width:16px}.setting[disabled] label{color:var(--color-foreground--75);cursor:default}.setting__input{display:inline-flex;flex-wrap:nowrap;align-items:baseline;line-height:normal;margin:.5em 0}.setting__input input,.setting__input select{flex-grow:1}.setting__input input+.link__configure,.setting__input input+.link__learn-more,.setting__input select+.link__configure,.setting__input select+.link__learn-more{margin-left:0}.setting__input input:not([type]),.setting__input input[type=text]{min-width:245px}.setting__input label{flex-grow:0}.setting__input label>select{margin-top:.25em}.setting__input .link__configure,.setting__input .link__learn-more{visibility:hidden;max-height:15px}.setting__input .link__configure .icon,.setting__input .link__learn-more .icon{display:block;top:unset}.setting__input:hover .link__configure,.setting__input:hover .link__learn-more{visibility:visible}.setting__input--big{font-size:2.2rem;font-weight:200;margin:0}.setting__input--big input[type=checkbox]{flex:0 0 1.5em;height:1em;margin:0;position:relative;top:3px;left:-5px;width:1em}.setting__input--big label{white-space:nowrap}.setting__input--big .link__configure,.setting__input--big .link__learn-more{max-height:17px}.setting__input--format{display:flex}.setting__input--format input:not([type]),.setting__input--format input[type=text]{max-width:unset}.setting__hint{color:var(--color-foreground--75);display:block;font-weight:200;font-size:1.3rem;margin:0 1em .5em 1em}.settings{flex:1 0 auto;display:flex;flex-wrap:wrap}.settings .setting{margin-right:3em}.settings--fixed{display:block}.sidebar{grid-area:sidebar;align-self:flex-start;font-size:1.3rem;position:sticky;top:0;z-index:2}@media all and (max-width:768px){.sidebar{display:none}}.sidebar li{white-space:nowrap}.sidebar .button{margin:0}.sidebar__group{margin-top:1em}.sidebar__group h2{font-size:2rem}.sidebar__group p{font-weight:400;opacity:.5;text-align:center}.sidebar__jump-link.active{font-weight:700}.sidebar__jump-link.active:before{content:" ";border-left:4px solid var(--color-link-foreground--darken-20);position:absolute;left:-1em;height:1em;padding-bottom:4px}.vscode-light .sidebar__jump-link.active:before{border-left-color:var(--color-link-foreground--lighten-20)}.highlight{background-color:#914db3;border-bottom:2px solid #914db3;border-radius:3px;color:#f2f2f2;margin:0 .25em;padding:2px 10px;text-align:center;vertical-align:bottom}.is-sidebar-hidden{display:none}@media all and (max-width:768px){.is-sidebar-hidden{display:initial}}.bold{font-weight:600}.center{text-align:center}.hidden{display:none!important}.mb-0{margin-bottom:0!important}.mb-05{margin-bottom:.5em!important}.mb-1{margin-bottom:1em!important}.mb-2{margin-bottom:2em!important}.ml-0{margin-left:0!important}.ml-1{margin-left:1em!important}.ml-2{margin-left:2em!important}.ml-3{margin-left:3em!important}.ml-4{margin-left:4em!important}.mr-0{margin-right:0!important}.mr-1{margin-right:1em!important}.mr-2{margin-right:2em!important}.mt-n1{margin-top:-1em!important}.mt-0{margin-top:0!important}.mt-05{margin-top:.5em!important}.mt-1{margin-top:1em!important}.mt-2{margin-top:2em!important}.non-interactive{cursor:default!important}.nowrap{white-space:nowrap!important}.vscode-dark .light{display:none}.vscode-light .dark{display:none}.sidebar{margin-right:14px}</style><script type="module" src="#{root}/dist/webviews/welcome.js" nonce="#{cspNonce}"></script></head><body class="preload"><div class="container"><header><a class="header__link" title="Learn more about GitLens" href="https://gitlens.amod.io"><div class="header__logo"><img class="image__logo" src="#{root}/images/gitlens-icon.png"><div><h1 class="header__title">Git<span class="header__title--highlight">Lens</span></h1><p class="header__subtitle">Git supercharged</p></div></div></a><p class="header__blurb">GitLens <b>supercharges</b> Git inside VS Code and unlocks the <b>untapped knowledge</b> within each repository. It helps you to <b>visualize code authorship</b> at a glance via Git blame annotations and CodeLens, <b>seamlessly navigate and explore</b> Git repositories, <b>gain valuable insights</b> via rich visualizations and powerful comparison commands, and so much more.</p></header><div class="content__area"><section id="welcome" class="section--full"><h2 class="section__title section__title--primary">Welcome to <span class="highlight">GitLens 12</span></h2><div class="section__whatsnew"><a title="See What's New" href="https://gitkraken.com/blog/gitlens-12"><img src="#{webroot}/media/gitlens-12-card.webp"></a><a class="button button--flat" title="See What's New" href="https://gitkraken.com/blog/gitlens-12">See What's New in GitLens 12</a> <span class="button__subaction">or read the <a href="https://gitlens.amod.io/#whats-new">release notes</a></span> <a class="button button--flat" title="Open the Get Started with GitLens walkthrough" href="command:gitlens.getStarted">Get Started Walkthrough</a> <span class="button__subaction">or <a href="command:gitlens.plus.learn">learn about GitLens+ features</a></span></div><h2 id="quick-setup" class="section__title section__title--break">Quick Setup</h2><p class="blurb ml-2 mr-2">GitLens is <b>powerful</b>, <b>feature rich</b>, and highly <b>customizable</b> to meet your needs. Do you find CodeLens intrusive or the current line blame annotation distracting — no problem, quickly turn them off or change how they behave using the options below.</p><p class="blurb mt-0 mb-0 center"><i class="icon icon__info"></i> For more options, use the interactive <a class="command" title="Open GitLens Settings" href="command:gitlens.showSettingsPage">GitLens settings editor</a></p></section><section id="current-line" class="section--settings"><div class="section__content"><div class="section__header"><div class="setting__input setting__input--big"><input id="currentLine.enabled" name="currentLine.enabled" type="checkbox" data-setting data-add-settings-off="hovers.currentLine.over=line"> <label for="currentLine.enabled">Current Line Blame</label> <a class="link__configure" title="Jump to more Current Line Blame settings" href="command:gitlens.showSettingsPage?%22current-line%22"><i class="icon icon__gear"></i></a></div><p class="section__header-hint">Adds an unobtrusive blame annotation at the end of the current line</p></div></div><div class="section__preview"><img class="image__preview" src="#{webroot}/media/current-line-blame.webp" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/current-line-blame-on.webp" data-visibility="currentLine.enabled" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/current-line-blame-on+pr.webp" data-visibility="currentLine.enabled & currentLine.pullRequests.enabled" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/current-line-blame-on-scrollable.webp" data-visibility="currentLine.enabled & currentLine.scrollable" loading="lazy" width="600" height="206"></div></section><section id="code-lens" class="section--settings"><div class="section__content"><div class="section__header"><div class="setting__input setting__input--big"><input id="codeLens.enabled" name="codeLens.enabled" type="checkbox" data-setting> <label for="codeLens.enabled">Git CodeLens</label> <a class="link__configure" title="Jump to more Git CodeLens settings" href="command:gitlens.showSettingsPage?%22code-lens%22"><i class="icon icon__gear"></i></a></div><p class="section__header-hint">Adds authorship CodeLens to the top of files and on code blocks</p></div></div><div class="section__preview"><img class="image__preview" src="#{webroot}/media/code-lens.webp" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/code-lens-file-recent+authors.webp" data-visibility="codeLens.enabled & codeLens.recentChange.enabled & codeLens.authors.enabled & codeLens.scopes +document" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/code-lens-file-recent.webp" data-visibility="codeLens.enabled & codeLens.recentChange.enabled & codeLens.authors.enabled =false & codeLens.scopes +document" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/code-lens-file-authors.webp" data-visibility="codeLens.enabled & codeLens.recentChange.enabled =false & codeLens.authors.enabled & codeLens.scopes +document" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/code-lens-containers-recent+authors.webp" data-visibility="codeLens.enabled & codeLens.recentChange.enabled & codeLens.authors.enabled & codeLens.scopes +containers" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/code-lens-containers-recent.webp" data-visibility="codeLens.enabled & codeLens.recentChange.enabled & codeLens.authors.enabled =false & codeLens.scopes +containers" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/code-lens-containers-authors.webp" data-visibility="codeLens.enabled & codeLens.recentChange.enabled =false & codeLens.authors.enabled & codeLens.scopes +containers" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/code-lens-blocks-recent+authors.webp" data-visibility="codeLens.enabled & codeLens.recentChange.enabled & codeLens.authors.enabled & codeLens.scopes +blocks" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/code-lens-blocks-recent.webp" data-visibility="codeLens.enabled & codeLens.recentChange.enabled & codeLens.authors.enabled =false & codeLens.scopes +blocks" loading="lazy"> <img class="image__preview--overlay hidden" src="#{webroot}/media/code-lens-blocks-authors.webp" data-visibility="codeLens.enabled & codeLens.recentChange.enabled =false & codeLens.authors.enabled & codeLens.scopes +blocks" loading="lazy" width="600" height="206"></div></section><section id="status-bar" class="section--settings"><div class="section__content"><div class="section__header"><div class="setting__input setting__input--big"><input id="statusBar.enabled" name="statusBar.enabled" type="checkbox" data-setting> <label for="statusBar.enabled">Status Bar Blame</label> <a class="link__configure" title="Jump to more Status Bar Blame settings" href="command:gitlens.showSettingsPage?%22status-bar%22"><i class="icon icon__gear"></i></a></div><p class="section__header-hint">Adds a Git blame annotation about the current line to the status bar</p></div></div><div class="section__preview"><img class="image__preview" src="#{webroot}/media/status-bar.webp" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/status-bar-left.webp" data-visibility="statusBar.enabled & statusBar.alignment =left" loading="lazy" width="600" height="206"> <img class="image__preview--overlay hidden" src="#{webroot}/media/status-bar-right.webp" data-visibility="statusBar.enabled & statusBar.alignment =right" loading="lazy" width="600" height="206"></div></section><section id="views" class="section--settings"><div class="section__content"><div class="section__header"><h2>Views <a class="link__configure" title="Jump to more View settings" href="command:gitlens.showSettingsPage?%22views%22"><i class="icon icon__gear"></i></a></h2></div><p class="blurb mt-0">GitLens views can be configured to be shown in different side bar layouts to best match your workflow</p><div class="presets mb-1"><div class="preset"><a class="button button--flat" title="Shows all the views together on the Source Control side bar" href="command:gitlens.setViewsLayout?%7B%22layout%22%3A%22scm%22%7D">Source Control Layout (default)</a><p>Shows all the views together on the Source Control side bar</p><img class="image__preview" src="#{webroot}/media/views-layout-scm.webp" loading="lazy" width="357" height="410"></div><div class="preset"><a class="button button--flat" title="Shows all the views together on the GitLens side bar" href="command:gitlens.setViewsLayout?%7B%22layout%22%3A%22gitlens%22%7D">GitLens Layout</a><p>Shows all the views together on the GitLens side bar</p><img class="image__preview" src="#{webroot}/media/views-layout-gitlens.webp" loading="lazy" width="357" height="410"></div></div><p class="section__hint"><i class="icon icon__info"></i> You can also simply drag & drop individual views to create custom layouts</p></div></section><section id="dates" class="section--settings"><div class="section__content"><div class="section__header"><h2>Dates & Times <a class="link__configure" title="Jump to more View settings" href="command:gitlens.showSettingsPage?%22dates%22"><i class="icon icon__gear"></i></a></h2></div><div class="setting"><div class="setting__input"><input id="defaultDateStyle" name="defaultDateStyle" type="checkbox" value="relative" data-value-off="absolute" data-setting> <label for="defaultDateStyle">Allow relative date formatting</label></div><span class="setting__hint hidden" data-visibility="defaultDateStyle =relative">Shows some dates relatively, e.g. 1 day ago</span> <span class="setting__hint hidden" data-visibility="defaultDateStyle =absolute">Shows dates absolutely, e.g. <span data-setting-preview="defaultDateFormat" data-setting-preview-type="date" data-setting-preview-default="MMMM Do, YYYY h:mma"></span></span></div><div class="settings"><div class="setting"><div class="setting__input"><label for="defaultDateLocale">Date locale</label> <input id="defaultDateLocale" name="defaultDateLocale" type="text" placeholder="defaults to VS Code locale" data-setting data-setting-preview> <a class="link__learn-more" title="See possible BCP 47 language tag for supported locale values" href="https://en.wikipedia.org/wiki/IETF_language_tag#List_of_major_primary_language_subtags"><i class="icon icon__info"></i></a></div><span class="setting__hint"><span style="line-height:2rem"><i class="icon icon--sm icon__info"></i> Use <code>system</code> for the system locale, or a locale language tag, e.g. en-US</span><br>Example date: <span data-setting-preview="defaultDateLocale" data-setting-preview-type="date-locale" data-setting-preview-default="defaultDateFormat"></span></span></div><div class="setting"><div class="setting__input"><label for="defaultDateFormat">Date format</label> <input id="defaultDateFormat" name="defaultDateFormat" type="text" placeholder="defaults to MMMM Do, YYYY h:mma" data-setting data-setting-preview> <a class="link__learn-more" title="See Moment.js docs for supported date formats" href="https://momentjs.com/docs/#/displaying/format/"><i class="icon icon__info"></i></a></div><span class="setting__hint">Example date: <span data-setting-preview="defaultDateFormat" data-setting-preview-type="date" data-setting-preview-default="MMMM Do, YYYY h:mma"></span></span></div><div class="setting"><div class="setting__input"><label for="defaultDateShortFormat">Short date format</label> <input id="defaultDateShortFormat" name="defaultDateShortFormat" type="text" placeholder="defaults to system short date format" data-setting data-setting-preview> <a class="link__learn-more" title="See Moment.js docs for supported date formats" href="https://momentjs.com/docs/#/displaying/format/"><i class="icon icon__info"></i></a></div><span class="setting__hint">Example short date: <span data-setting-preview="defaultDateShortFormat" data-setting-preview-type="date" data-setting-preview-default="short"></span></span></div><div class="setting"><div class="setting__input"><label for="defaultTimeFormat">Time format</label> <input id="defaultTimeFormat" name="defaultTimeFormat" type="text" placeholder="defaults to h:mma" data-setting data-setting-preview> <a class="link__learn-more" title="See Moment.js docs for supported date formats" href="https://momentjs.com/docs/#/displaying/format/"><i class="icon icon__info"></i></a></div><span class="setting__hint">Example date: <span data-setting-preview="defaultTimeFormat" data-setting-preview-type="date" data-setting-preview-default="h:mma"></span></span></div></div></div></section></div></div>#{endOfBody}<style nonce="#{cspNonce}">@font-face{font-family:codicon;src:url('#{webroot}/codicon.ttf?404cbc4fe3a64b9a93064eef76704c79') format('truetype')}</style></body></html> |