jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

dark theme impl

Browse source
This commit is contained in:
Ilya Kantor 2021-10-08 16:30:43 +03:00
parent b09e38c557
commit 5c9d2584f8
242 changed files with 241 additions and 241 deletions
Download patch file Download diff file Expand all files Collapse all files

2
1-js/06-advanced-functions/08-settimeout-setinterval/setinterval-interval.svg
View file

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="566" height="173" viewBox="0 0 566 173"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="combined" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="setinterval-interval.svg"><path id="Line" stroke="#BCA68E" stroke-linecap="square" stroke-width="2" d="M10.5 104h550"/><path id="Rectangle-1" fill="#FFF" stroke="#BCA68E" stroke-width="2" d="M110 89h88v28h-88z"/><text id="func(1)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="131" y="107">func(1)</tspan></text><path id="Shape" fill="#EE6B47" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M118.911 26.438l7.58-16.164-20.02 20.822L116.192 34l-5.907 15.89 18.296-20.548-9.67-2.904zm4.391-11.506l-5.697 12.11 9.252 2.739L112.9 45.616l4.548-12.219-9.253-2.74 15.107-15.725z"/><path id="Line" stroke="#BCA68E" stroke-linecap="square" stroke-width="2" d="M109 137.5v-70"/><path id="Rectangle-1" fill="#FFF" stroke="#BCA68E" stroke-width="2" d="M253 89h88v28h-88z"/><text id="func(2)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="274" y="107">func(2)</tspan></text><path id="Shape" fill="#EE6B47" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M271.582 29.342l-9.67-2.904 7.579-16.164-20.02 20.822L259.192 34l-5.907 15.89 18.296-20.548h0zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.739L255.9 45.616l4.548-12.219-9.253-2.74h0z"/><path id="Line" stroke="#BCA68E" stroke-linecap="square" stroke-width="2" d="M252 137.5v-70"/><path id="Rectangle-1" fill="#FFF" stroke="#BCA68E" stroke-width="2" d="M387 89h88v28h-88z"/><text id="func(3)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="408" y="107">func(3)</tspan></text><path id="Shape" fill="#EE6B47" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M405.582 29.342l-9.67-2.904 7.579-16.164-20.02 20.822L393.192 34l-5.907 15.89 18.296-20.548h0zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.739L389.9 45.616l4.548-12.219-9.253-2.74h0z"/><path id="Line" stroke="#BCA68E" stroke-linecap="square" stroke-width="2" d="M386 137.5v-70"/><text id="100" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="93" y="165">100</tspan></text><text id="200" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="237" y="165">200</tspan></text><text id="300" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="372" y="165">300</tspan></text><path id="Line" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M199.5 104.5h50"/><path id="Line-2" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M342.5 104.5h41"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="566" height="173" viewBox="0 0 566 173"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="combined" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="setinterval-interval.svg"><path id="Line" stroke="#DBAF88" stroke-linecap="square" stroke-width="2" d="M10.5 104h550"/><path id="Rectangle-1" fill="#FFF" stroke="#DBAF88" stroke-width="2" d="M110 89h88v28h-88z"/><text id="func(1)" fill="#AF6E24" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="131" y="107">func(1)</tspan></text><path id="Shape" fill="#C06334" stroke="#C06334" stroke-linecap="square" stroke-width="3" d="M118.911 26.438l7.58-16.164-20.02 20.822L116.192 34l-5.907 15.89 18.296-20.548-9.67-2.904zm4.391-11.506l-5.697 12.11 9.252 2.739L112.9 45.616l4.548-12.219-9.253-2.74 15.107-15.725z"/><path id="Line" stroke="#DBAF88" stroke-linecap="square" stroke-width="2" d="M109 137.5v-70"/><path id="Rectangle-1" fill="#FFF" stroke="#DBAF88" stroke-width="2" d="M253 89h88v28h-88z"/><text id="func(2)" fill="#AF6E24" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="274" y="107">func(2)</tspan></text><path id="Shape" fill="#C06334" stroke="#C06334" stroke-linecap="square" stroke-width="3" d="M271.582 29.342l-9.67-2.904 7.579-16.164-20.02 20.822L259.192 34l-5.907 15.89 18.296-20.548h0zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.739L255.9 45.616l4.548-12.219-9.253-2.74h0z"/><path id="Line" stroke="#DBAF88" stroke-linecap="square" stroke-width="2" d="M252 137.5v-70"/><path id="Rectangle-1" fill="#FFF" stroke="#DBAF88" stroke-width="2" d="M387 89h88v28h-88z"/><text id="func(3)" fill="#AF6E24" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="408" y="107">func(3)</tspan></text><path id="Shape" fill="#C06334" stroke="#C06334" stroke-linecap="square" stroke-width="3" d="M405.582 29.342l-9.67-2.904 7.579-16.164-20.02 20.822L393.192 34l-5.907 15.89 18.296-20.548h0zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.739L389.9 45.616l4.548-12.219-9.253-2.74h0z"/><path id="Line" stroke="#DBAF88" stroke-linecap="square" stroke-width="2" d="M386 137.5v-70"/><text id="100" fill="#AF6E24" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="93" y="165">100</tspan></text><text id="200" fill="#AF6E24" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="237" y="165">200</tspan></text><text id="300" fill="#AF6E24" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="372" y="165">300</tspan></text><path id="Line" stroke="#C06334" stroke-linecap="square" stroke-width="3" d="M199.5 104.5h50"/><path id="Line-2" stroke="#C06334" stroke-linecap="square" stroke-width="3" d="M342.5 104.5h41"/></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

2
1-js/06-advanced-functions/08-settimeout-setinterval/settimeout-interval.svg
View file

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="566" height="183" viewBox="0 0 566 183"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="combined" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="settimeout-interval.svg"><path id="Line" stroke="#BCA68E" stroke-linecap="square" stroke-width="2" d="M11.5 102h550"/><path id="Rectangle-1" fill="#FFF" stroke="#BCA68E" stroke-width="2" d="M61 87h88v28H61z"/><text id="func(1)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="82" y="105">func(1)</tspan></text><path id="Shape" fill="#EE6B47" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M79.582 27.342l-9.67-2.904L77.49 8.274 57.47 29.096 67.192 32l-5.907 15.89 18.296-20.548h0zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.739L63.9 43.616l4.548-12.219-9.253-2.74h0z"/><path id="Line" stroke="#BCA68E" stroke-linecap="square" stroke-width="2" d="M60 135.5v-70"/><path id="Rectangle-1" fill="#FFF" stroke="#BCA68E" stroke-width="2" d="M254 87h88v28h-88z"/><text id="func(2)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="275" y="105">func(2)</tspan></text><path id="Shape" fill="#EE6B47" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M262.911 24.438l7.58-16.164-20.02 20.822L260.192 32l-5.907 15.89 18.296-20.548-9.67-2.904zm4.391-11.506l-5.697 12.11 9.252 2.739L256.9 43.616l4.548-12.219-9.253-2.74 15.107-15.725z"/><path id="Line" stroke="#BCA68E" stroke-linecap="square" stroke-width="2" d="M253 135.5v-70"/><path id="Rectangle-1" fill="#FFF" stroke="#BCA68E" stroke-width="2" d="M447 87h88v28h-88z"/><text id="func(3)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="468" y="105">func(3)</tspan></text><path id="Shape" fill="#EE6B47" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M465.582 27.342l-9.67-2.904 7.579-16.164-20.02 20.822L453.192 32l-5.907 15.89 18.296-20.548h0zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.739L449.9 43.616l4.548-12.219-9.253-2.74h0z"/><path id="Line" stroke="#BCA68E" stroke-linecap="square" stroke-width="2" d="M446 135.5v-70"/><path id="Line" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M150.5 102.5h100"/><path id="Line-2" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M343.5 102.5h100"/><text id="100" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="187" y="177">100</tspan></text><text id="100" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="380" y="177">100</tspan></text><path id="Line-3" fill="#EE6B47" fill-rule="nonzero" d="M237.5 145.5l14 7-14 7v-6h-72v6l-14-7 14-7v6h72v-6z"/><path id="Line-3-Copy" fill="#EE6B47" fill-rule="nonzero" d="M427.5 145.5l14 7-14 7v-6h-72v6l-14-7 14-7v6h72v-6z"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="566" height="183" viewBox="0 0 566 183"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="combined" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="settimeout-interval.svg"><path id="Line" stroke="#DBAF88" stroke-linecap="square" stroke-width="2" d="M11.5 102h550"/><path id="Rectangle-1" fill="#FFF" stroke="#DBAF88" stroke-width="2" d="M61 87h88v28H61z"/><text id="func(1)" fill="#AF6E24" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="82" y="105">func(1)</tspan></text><path id="Shape" fill="#C06334" stroke="#C06334" stroke-linecap="square" stroke-width="3" d="M79.582 27.342l-9.67-2.904L77.49 8.274 57.47 29.096 67.192 32l-5.907 15.89 18.296-20.548h0zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.739L63.9 43.616l4.548-12.219-9.253-2.74h0z"/><path id="Line" stroke="#DBAF88" stroke-linecap="square" stroke-width="2" d="M60 135.5v-70"/><path id="Rectangle-1" fill="#FFF" stroke="#DBAF88" stroke-width="2" d="M254 87h88v28h-88z"/><text id="func(2)" fill="#AF6E24" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="275" y="105">func(2)</tspan></text><path id="Shape" fill="#C06334" stroke="#C06334" stroke-linecap="square" stroke-width="3" d="M262.911 24.438l7.58-16.164-20.02 20.822L260.192 32l-5.907 15.89 18.296-20.548-9.67-2.904zm4.391-11.506l-5.697 12.11 9.252 2.739L256.9 43.616l4.548-12.219-9.253-2.74 15.107-15.725z"/><path id="Line" stroke="#DBAF88" stroke-linecap="square" stroke-width="2" d="M253 135.5v-70"/><path id="Rectangle-1" fill="#FFF" stroke="#DBAF88" stroke-width="2" d="M447 87h88v28h-88z"/><text id="func(3)" fill="#AF6E24" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="468" y="105">func(3)</tspan></text><path id="Shape" fill="#C06334" stroke="#C06334" stroke-linecap="square" stroke-width="3" d="M465.582 27.342l-9.67-2.904 7.579-16.164-20.02 20.822L453.192 32l-5.907 15.89 18.296-20.548h0zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.739L449.9 43.616l4.548-12.219-9.253-2.74h0z"/><path id="Line" stroke="#DBAF88" stroke-linecap="square" stroke-width="2" d="M446 135.5v-70"/><path id="Line" stroke="#C06334" stroke-linecap="square" stroke-width="3" d="M150.5 102.5h100"/><path id="Line-2" stroke="#C06334" stroke-linecap="square" stroke-width="3" d="M343.5 102.5h100"/><text id="100" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="187" y="177">100</tspan></text><text id="100" fill="#181717" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal"><tspan x="380" y="177">100</tspan></text><path id="Line-3" fill="#C06334" fill-rule="nonzero" d="M237.5 145.5l14 7-14 7v-6h-72v6l-14-7 14-7v6h72v-6z"/><path id="Line-3-Copy" fill="#C06334" fill-rule="nonzero" d="M427.5 145.5l14 7-14 7v-6h-72v6l-14-7 14-7v6h72v-6z"/></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After