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

55
5-network/07-url/url-object.svg
View file

@ -1,54 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="658px" height="246px" viewBox="0 0 658 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>url-object.svg</title>
<desc>Created with sketchtool.</desc>
<g id="network" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="url-object.svg">
<path d="M2,38 L2,218" id="Line-Copy" stroke="#EE6B47" stroke-width="2" fill="#EE6B47" stroke-linecap="square" stroke-dasharray="1"></path>
<path d="M69,132 L69,218" id="Line-Copy-2" stroke="#EE6B47" stroke-width="2" fill="#EE6B47" stroke-linecap="square" stroke-dasharray="1"></path>
<path d="M96,112 L96,218" id="Line-Copy-6" stroke="#EE6B47" stroke-width="2" fill="#EE6B47" stroke-linecap="square" stroke-dasharray="1"></path>
<path d="M3,38 L652,38" id="Line-Copy-10" stroke="#EE6B47" stroke-width="2" fill="#EE6B47" stroke-linecap="square" stroke-dasharray="1"></path>
<path d="M3,74 L267,74" id="Line-Copy-11" stroke="#EE6B47" stroke-width="2" fill="#EE6B47" stroke-linecap="square" stroke-dasharray="1"></path>
<path d="M214,132 L214,218" id="Line-Copy-7" stroke="#EE6B47" stroke-width="2" fill="#EE6B47" stroke-linecap="square" stroke-dasharray="1"></path>
<path d="M203,132 L203,218" id="Line-Copy-8" stroke="#EE6B47" stroke-width="2" fill="#EE6B47" stroke-linecap="square" stroke-dasharray="1"></path>
<path d="M268,38 L268,218" id="Line-Copy-9" stroke="#EE6B47" stroke-width="2" fill="#EE6B47" stroke-linecap="square" stroke-dasharray="1"></path>
<path d="M399,132 L399,218" id="Line-Copy-13" stroke="#EE6B47" stroke-width="2" fill="#EE6B47" stroke-linecap="square" stroke-dasharray="1"></path>
<path d="M582,132 L582,218" id="Line-Copy-14" stroke="#EE6B47" stroke-width="2" fill="#EE6B47" stroke-linecap="square" stroke-dasharray="1"></path>
<path d="M652,39 L652,218" id="Line-Copy-15" stroke="#EE6B47" stroke-width="2" fill="#EE6B47" stroke-linecap="square" stroke-dasharray="1"></path>
<text id="href" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#8A704D">
<tspan x="297" y="33">href</tspan>
</text>
<text id="origin" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#8A704D">
<tspan x="103" y="68">origin</tspan>
</text>
<path d="M96,112 L266,112" id="Line-Copy-12" stroke="#EE6B47" stroke-width="2" fill="#EE6B47" stroke-linecap="square" stroke-dasharray="1"></path>
<text id="host" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#8A704D">
<tspan x="153" y="107">host</tspan>
</text>
<text id="proto-col" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#8A704D">
<tspan x="10" y="152">proto</tspan>
<tspan x="19.6" y="170">col</tspan>
</text>
<text id="http://site.com:8080" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="2.4000001" fill="#000000">
<tspan x="4.29999771" y="209">http://site.com:8080/path/page?p1=v1&amp;p2=v2… #has</tspan>
<tspan x="637.900002" y="209">h</tspan>
</text>
<text id="hostname" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#8A704D">
<tspan x="107" y="152">hostname</tspan>
</text>
<text id="port" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#8A704D">
<tspan x="221" y="152">port</tspan>
</text>
<text id="pathname" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#8A704D">
<tspan x="294" y="152">pathname</tspan>
</text>
<text id="search" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#8A704D">
<tspan x="456" y="152">search</tspan>
</text>
<text id="hash" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal" fill="#8A704D">
<tspan x="597" y="152">hash</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="658" height="246" viewBox="0 0 658 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="network" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="url-object.svg"><path id="Line-Copy" fill="#EE6B47" stroke="#EE6B47" stroke-dasharray="1" stroke-linecap="square" stroke-width="2" d="M2 38v180"/><path id="Line-Copy-2" fill="#EE6B47" stroke="#EE6B47" stroke-dasharray="1" stroke-linecap="square" stroke-width="2" d="M69 132v86"/><path id="Line-Copy-6" fill="#EE6B47" stroke="#EE6B47" stroke-dasharray="1" stroke-linecap="square" stroke-width="2" d="M96 112v106"/><path id="Line-Copy-10" fill="#EE6B47" stroke="#EE6B47" stroke-dasharray="1" stroke-linecap="square" stroke-width="2" d="M3 38h649"/><path id="Line-Copy-11" fill="#EE6B47" stroke="#EE6B47" stroke-dasharray="1" stroke-linecap="square" stroke-width="2" d="M3 74h264"/><path id="Line-Copy-7" fill="#EE6B47" stroke="#EE6B47" stroke-dasharray="1" stroke-linecap="square" stroke-width="2" d="M214 132v86"/><path id="Line-Copy-8" fill="#EE6B47" stroke="#EE6B47" stroke-dasharray="1" stroke-linecap="square" stroke-width="2" d="M203 132v86"/><path id="Line-Copy-9" fill="#EE6B47" stroke="#EE6B47" stroke-dasharray="1" stroke-linecap="square" stroke-width="2" d="M268 38v180"/><path id="Line-Copy-13" fill="#EE6B47" stroke="#EE6B47" stroke-dasharray="1" stroke-linecap="square" stroke-width="2" d="M399 132v86"/><path id="Line-Copy-14" fill="#EE6B47" stroke="#EE6B47" stroke-dasharray="1" stroke-linecap="square" stroke-width="2" d="M582 132v86"/><path id="Line-Copy-15" fill="#EE6B47" stroke="#EE6B47" stroke-dasharray="1" stroke-linecap="square" stroke-width="2" d="M652 39v179"/><text id="href" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="297" y="33">href</tspan></text><text id="origin" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="103" y="68">origin</tspan></text><path id="Line-Copy-12" fill="#EE6B47" stroke="#EE6B47" stroke-dasharray="1" stroke-linecap="square" stroke-width="2" d="M96 112h170"/><text id="host" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="153" y="107">host</tspan></text><text id="proto-col" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="10" y="152">proto</tspan> <tspan x="19.6" y="170">col</tspan></text><text id="http://site.com:8080" fill="#000" font-family="PTMono-Regular, PT Mono" font-size="18" font-weight="normal" letter-spacing="2.4"><tspan x="4.3" y="209">http://site.com:8080/path/page?p1=v1&amp;p2=v2… #has</tspan> <tspan x="637.9" y="209">h</tspan></text><text id="hostname" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="107" y="152">hostname</tspan></text><text id="port" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="221" y="152">port</tspan></text><text id="pathname" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="294" y="152">pathname</tspan></text><text id="search" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="456" y="152">search</tspan></text><text id="hash" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="16" font-weight="normal"><tspan x="597" y="152">hash</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

Before After
Before After