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

Embed font to SVG

Browse source
This commit is contained in:
Ilya Kantor 2019-08-11 14:17:38 +03:00
parent 1310171dd7
commit 4d44df6a3a
226 changed files with 225 additions and 11893 deletions
Download patch file Download diff file Expand all files Collapse all files

28
1-js/11-async/02-promise-basics/promise-reject-1.svg
View file

@ -1,27 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="535px" height="106px" viewBox="0 0 535 106" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>promise-reject-1.svg</title>
<desc>Created with sketchtool.</desc>
<g id="promise" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="promise-reject-1.svg">
<path d="M9,34 L9,92 L184,92 L184,34 L9,34 Z" id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB"></path>
<text id="new-Promise(executor" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#707175">
<tspan x="10" y="22">new Promise(executor)</tspan>
</text>
<text id="state:-&quot;pending&quot;-res" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
<tspan x="21" y="54">state: "pending"</tspan>
<tspan x="21" y="74">result: undefined</tspan>
</text>
<text id="reject(error)" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="212.4" y="49">reject(error)</tspan>
</text>
<rect id="Rectangle-1-Copy-3" stroke="#C74A6C" stroke-width="2" fill="#FCDFE1" x="353" y="34" width="175" height="58"></rect>
<text id="state:-&quot;rejected&quot;-re" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#727155">
<tspan x="368" y="55">state: "rejected"</tspan>
<tspan x="368" y="75">result: error</tspan>
</text>
<path id="Line-Copy" d="M329,61 L196,61 L196,59 L329,59 L329,53 L343,60 L329,67 L329,61 Z" fill="#EE6B47" fill-rule="nonzero"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="535" height="106" viewBox="0 0 535 106"><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(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="promise" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="promise-reject-1.svg"><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M9 34v58h175V34H9z"/><text id="new-Promise(executor" fill="#707175" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="10" y="22">new Promise(executor)</tspan></text><text id="state:-&quot;pending&quot;-res" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="21" y="54">state: &quot;pending&quot;</tspan> <tspan x="21" y="74">result: undefined</tspan></text><text id="reject(error)" fill="#EE6B47" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="212.4" y="49">reject(error)</tspan></text><path id="Rectangle-1-Copy-3" fill="#FCDFE1" stroke="#C74A6C" stroke-width="2" d="M353 34h175v58H353z"/><text id="state:-&quot;rejected&quot;-re" fill="#727155" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="368" y="55">state: &quot;rejected&quot;</tspan> <tspan x="368" y="75">result: error</tspan></text><path id="Line-Copy" fill="#EE6B47" fill-rule="nonzero" d="M329 61H196v-2h133v-6l14 7-14 7v-6z"/></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Before After
Before After

28
1-js/11-async/02-promise-basics/promise-resolve-1.svg
View file

@ -1,27 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="538px" height="106px" viewBox="0 0 538 106" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>promise-resolve-1.svg</title>
<desc>Created with sketchtool.</desc>
<g id="promise" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="promise-resolve-1.svg">
<path d="M6,34 L6,92 L187,92 L187,34 L6,34 Z" id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB"></path>
<text id="new-Promise(executor" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#707175">
<tspan x="8" y="22">new Promise(executor)</tspan>
</text>
<text id="state:-&quot;pending&quot;-res" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
<tspan x="19" y="54">state: "pending"</tspan>
<tspan x="19" y="74">result: undefined</tspan>
</text>
<path id="Line-Copy" d="M329,61 L196,61 L196,59 L329,59 L329,53 L343,60 L329,67 L329,61 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="resolve(&quot;done&quot;)" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="200.5" y="49">resolve("done")</tspan>
</text>
<rect id="Rectangle-1-Copy" stroke="#7ED321" stroke-width="2" fill="#FFF9EB" x="353" y="35" width="181" height="57"></rect>
<text id="state:-&quot;fulfilled&quot;-r" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#417505">
<tspan x="368" y="55">state: "fulfilled"</tspan>
<tspan x="368" y="75">result: "done"</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="538" height="106" viewBox="0 0 538 106"><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(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="promise" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="promise-resolve-1.svg"><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M6 34v58h181V34H6z"/><text id="new-Promise(executor" fill="#707175" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="8" y="22">new Promise(executor)</tspan></text><text id="state:-&quot;pending&quot;-res" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="19" y="54">state: &quot;pending&quot;</tspan> <tspan x="19" y="74">result: undefined</tspan></text><path id="Line-Copy" fill="#EE6B47" fill-rule="nonzero" d="M329 61H196v-2h133v-6l14 7-14 7v-6z"/><text id="resolve(&quot;done&quot;)" fill="#EE6B47" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="200.5" y="49">resolve(&quot;done&quot;)</tspan></text><path id="Rectangle-1-Copy" fill="#FFF9EB" stroke="#7ED321" stroke-width="2" d="M353 35h181v57H353z"/><text id="state:-&quot;fulfilled&quot;-r" fill="#417505" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="368" y="55">state: &quot;fulfilled&quot;</tspan> <tspan x="368" y="75">result: &quot;done&quot;</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Before After
Before After

37
1-js/11-async/02-promise-basics/promise-resolve-reject.svg
View file

@ -1,36 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="512px" height="246px" viewBox="0 0 512 246" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>promise-resolve-reject.svg</title>
<desc>Created with sketchtool.</desc>
<g id="promise" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="promise-resolve-reject.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="1" y="91" width="182" height="70"></rect>
<text id="new-Promise(executor" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#707175">
<tspan x="2" y="82">new Promise(executor)</tspan>
</text>
<text id="state:-&quot;pending&quot;-res" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
<tspan x="13" y="115.431641">state: "pending"</tspan>
<tspan x="13" y="135.431641">result: undefined</tspan>
</text>
<path id="Line" d="M299.865748,184.482759 L195.673354,136.489909 L196.510091,134.673354 L300.702485,182.666204 L303.212697,177.21654 L313,189.431641 L297.355537,189.932423 L299.865748,184.482759 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M300.492513,63.3688916 L196.467935,107.310308 L195.689692,105.467935 L299.71427,61.5265189 L297.379539,55.9994011 L313,57 L302.827244,68.8960094 L300.492513,63.3688916 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="resolve(value)" transform="translate(244.389895, 72.629682) rotate(-23.000000) translate(-244.389895, -72.629682) " font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="185.589895" y="77.1296818">resolve(value)</tspan>
</text>
<text id="reject(error)" transform="translate(251.633927, 150.640538) rotate(25.000000) translate(-251.633927, -150.640538) " font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="197.033927" y="155.140538">reject(error)</tspan>
</text>
<rect id="Rectangle-1-Copy" stroke="#7ED321" stroke-width="2" fill="#FFF9EB" x="323" y="10" width="182" height="64"></rect>
<text id="state:-&quot;fulfilled&quot;-r" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#417505">
<tspan x="338" y="34.4316406">state: "fulfilled"</tspan>
<tspan x="338" y="54.4316406">result: value</tspan>
</text>
<rect id="Rectangle-1-Copy-3" stroke="#C74A6C" stroke-width="2" fill="#FCDFE1" x="323" y="177" width="182" height="64"></rect>
<text id="state:-&quot;rejected&quot;-re" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#727155">
<tspan x="338" y="201.431641">state: "rejected"</tspan>
<tspan x="338" y="221.431641">result: error</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="246" viewBox="0 0 512 246"><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(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="promise" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="promise-resolve-reject.svg"><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M1 91h182v70H1z"/><text id="new-Promise(executor" fill="#707175" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="2" y="82">new Promise(executor)</tspan></text><text id="state:-&quot;pending&quot;-res" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="13" y="115.432">state: &quot;pending&quot;</tspan> <tspan x="13" y="135.432">result: undefined</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M299.866 184.483L195.673 136.49l.837-1.817 104.192 47.993 2.51-5.45L313 189.433l-15.644.5 2.51-5.45z"/><path id="Line-Copy" fill="#EE6B47" fill-rule="nonzero" d="M300.493 63.369L196.468 107.31l-.778-1.842 104.024-43.941-2.334-5.528L313 57l-10.173 11.896-2.334-5.527z"/><text id="resolve(value)" fill="#EE6B47" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" transform="rotate(-23 244.39 72.63)"><tspan x="185.59" y="77.13">resolve(value)</tspan></text><text id="reject(error)" fill="#EE6B47" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" transform="rotate(25 251.634 150.64)"><tspan x="197.034" y="155.141">reject(error)</tspan></text><path id="Rectangle-1-Copy" fill="#FFF9EB" stroke="#7ED321" stroke-width="2" d="M323 10h182v64H323z"/><text id="state:-&quot;fulfilled&quot;-r" fill="#417505" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="338" y="34.432">state: &quot;fulfilled&quot;</tspan> <tspan x="338" y="54.432">result: value</tspan></text><path id="Rectangle-1-Copy-3" fill="#FCDFE1" stroke="#C74A6C" stroke-width="2" d="M323 177h182v64H323z"/><text id="state:-&quot;rejected&quot;-re" fill="#727155" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="338" y="201.432">state: &quot;rejected&quot;</tspan> <tspan x="338" y="221.432">result: error</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After