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

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

@ -1,39 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="566px" height="183px" viewBox="0 0 566 183" 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>settimeout-interval.svg</title>
<desc>Created with sketchtool.</desc>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="settimeout-interval.svg">
<path d="M11.5,102 L561.5,102" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" x="61" y="87" width="88" height="28"></rect>
<text id="func(1)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="82" y="105">func(1)</tspan>
</text>
<path d="M79.5818182,27.3424658 L69.9113636,24.4383562 L77.4909091,8.2739726 L57.4704545,29.0958904 L67.1931818,32 L61.2863636,47.890411 L79.5818182,27.3424658 L79.5818182,27.3424658 Z M59.1954545,28.6575342 L74.3022727,12.9315068 L68.6045455,25.0410959 L77.8568182,27.7808219 L63.9,43.6164384 L68.4477273,31.3972603 L59.1954545,28.6575342 L59.1954545,28.6575342 Z" id="Shape" stroke="#EE6B47" stroke-width="3" fill="#EE6B47" stroke-linecap="square"></path>
<path d="M60,135.5 L60,65.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" x="254" y="87" width="88" height="28"></rect>
<text id="func(2)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="275" y="105">func(2)</tspan>
</text>
<path d="M262.911364,24.4383562 L270.490909,8.2739726 L250.470455,29.0958904 L260.193182,32 L254.286364,47.890411 L272.581818,27.3424658 L262.911364,24.4383562 Z M267.302273,12.9315068 L261.604545,25.0410959 L270.856818,27.7808219 L256.9,43.6164384 L261.447727,31.3972603 L252.195455,28.6575342 L267.302273,12.9315068 Z" id="Shape" stroke="#EE6B47" stroke-width="3" fill="#EE6B47" stroke-linecap="square"></path>
<path d="M253,135.5 L253,65.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" x="447" y="87" width="88" height="28"></rect>
<text id="func(3)" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="468" y="105">func(3)</tspan>
</text>
<path d="M465.581818,27.3424658 L455.911364,24.4383562 L463.490909,8.2739726 L443.470455,29.0958904 L453.193182,32 L447.286364,47.890411 L465.581818,27.3424658 L465.581818,27.3424658 Z M445.195455,28.6575342 L460.302273,12.9315068 L454.604545,25.0410959 L463.856818,27.7808219 L449.9,43.6164384 L454.447727,31.3972603 L445.195455,28.6575342 L445.195455,28.6575342 Z" id="Shape" stroke="#EE6B47" stroke-width="3" fill="#EE6B47" stroke-linecap="square"></path>
<path d="M446,135.5 L446,65.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"></path>
<path d="M150.5,102.5 L250.5,102.5" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square"></path>
<path d="M343.5,102.5 L443.5,102.5" id="Line-2" stroke="#EE6B47" stroke-width="3" stroke-linecap="square"></path>
<text id="100" font-family="Consolas" font-size="18" font-weight="normal" fill="#000000">
<tspan x="187" y="177">100</tspan>
</text>
<text id="100" font-family="Consolas" font-size="18" font-weight="normal" fill="#000000">
<tspan x="380" y="177">100</tspan>
</text>
<path id="Line-3" d="M165.5,151.5 L237.5,151.5 L237.5,145.5 L251.5,152.5 L237.5,159.5 L237.5,153.5 L165.5,153.5 L165.5,159.5 L151.5,152.5 L165.5,145.5 L165.5,151.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-3-Copy" d="M355.5,151.5 L427.5,151.5 L427.5,145.5 L441.5,152.5 L427.5,159.5 L427.5,153.5 L355.5,153.5 L355.5,159.5 L341.5,152.5 L355.5,145.5 L355.5,151.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
</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(/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="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="M165.5 151.5h72v-6l14 7-14 7v-6h-72v6l-14-7 14-7v6z"/><path id="Line-3-Copy" fill="#EE6B47" fill-rule="nonzero" d="M355.5 151.5h72v-6l14 7-14 7v-6h-72v6l-14-7 14-7v6z"/></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

Before After
Before After