Embed font to SVG

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

View file

@ -1,72 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="354px" height="308px" viewBox="0 0 354 308" 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>windowObjects.svg</title>
<desc>Created with sketchtool.</desc>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="windowObjects.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="136" y="10" width="78" height="28"></rect>
<text id="window" font-family="Consolas" font-size="14" font-weight="normal" fill="#707175">
<tspan x="152" y="28">window</tspan>
</text>
<rect id="Rectangle-2" stroke="#CFCE95" stroke-width="2" fill="#F5F4D8" x="18" y="80" width="78" height="26"></rect>
<rect id="Rectangle-2" stroke="#C74A6C" stroke-width="2" fill="#FCDFE1" x="255" y="118" width="78" height="26"></rect>
<rect id="Rectangle-2" stroke="#99C0C3" stroke-width="2" fill="#EDFCFD" x="110" y="270" width="132" height="26"></rect>
<text id="document" font-family="Consolas" font-size="14" font-weight="normal" fill="#727155">
<tspan x="26" y="97">document</tspan>
</text>
<rect id="Rectangle-2" stroke="#C74A6C" stroke-width="2" fill="#FCDFE1" x="255" y="80" width="78" height="26"></rect>
<text id="Object" font-family="Consolas" font-size="14" font-weight="normal" fill="#924565">
<tspan x="271" y="97">Object</tspan>
</text>
<rect id="Rectangle-2" stroke="#99C0C3" stroke-width="2" fill="#EDFCFD" x="135" y="80" width="78" height="26"></rect>
<text id="navigator" font-family="Consolas" font-size="14" font-weight="normal" fill="#366378">
<tspan x="139.5" y="97">navigator</tspan>
</text>
<rect id="Rectangle-2" stroke="#99C0C3" stroke-width="2" fill="#EDFCFD" x="135" y="118" width="78" height="26"></rect>
<text id="screen" font-family="Consolas" font-size="14" font-weight="normal" fill="#366378">
<tspan x="151" y="135">screen</tspan>
</text>
<rect id="Rectangle-2" stroke="#99C0C3" stroke-width="2" fill="#EDFCFD" x="135" y="156" width="78" height="26"></rect>
<text id="location" font-family="Consolas" font-size="14" font-weight="normal" fill="#366378">
<tspan x="143.5" y="173">location</tspan>
</text>
<rect id="Rectangle-2" stroke="#99C0C3" stroke-width="2" fill="#EDFCFD" x="135" y="194" width="78" height="26"></rect>
<text id="frames" font-family="Consolas" font-size="14" font-weight="normal" fill="#366378">
<tspan x="151" y="211">frames</tspan>
</text>
<rect id="Rectangle-2" stroke="#99C0C3" stroke-width="2" fill="#EDFCFD" x="135" y="232" width="78" height="26"></rect>
<text id="history" font-family="Consolas" font-size="14" font-weight="normal" fill="#366378">
<tspan x="147.5" y="249">history</tspan>
</text>
<text id="Array" font-family="Consolas" font-size="14" font-weight="normal" fill="#924565">
<tspan x="275" y="135">Array</tspan>
</text>
<rect id="Rectangle-3" stroke="#C74A6C" stroke-width="2" fill="#FCDFE1" x="255" y="156" width="78" height="26"></rect>
<text id="Function" font-family="Consolas" font-size="14" font-weight="normal" fill="#924565">
<tspan x="263.5" y="173">Function</tspan>
</text>
<text id="XMLHttpRequest" font-family="Consolas" font-size="14" font-weight="normal" fill="#366378">
<tspan x="122" y="287">XMLHttpRequest</tspan>
</text>
<text id="BOM" font-family="Consolas" font-size="14" font-weight="normal" fill="#99C0C3">
<tspan x="135" y="73">BOM</tspan>
</text>
<text id="JavaScript" font-family="Consolas" font-size="14" font-weight="normal" fill="#C74A6C">
<tspan x="271" y="73">JavaScript</tspan>
</text>
<text id="DOM" font-family="Consolas" font-size="14" font-weight="normal" fill="#CFCE95">
<tspan x="17" y="73">DOM</tspan>
</text>
<path id="Line" d="M173.5,58.5 L173.5,40.5 L175.5,40.5 L175.5,58.5 L181.5,58.5 L174.5,72.5 L167.5,58.5 L173.5,58.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-2" d="M97.4216083,64.684192 L132.749841,40.1080303 L133.89197,41.7498407 L98.5637373,66.3260024 L101.990124,71.2514336 L86.5,73.5 L93.9952214,59.7587608 L97.4216083,64.684192 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="…" font-family="Consolas" font-size="24" font-weight="normal" fill="#727155">
<tspan x="50" y="122"></tspan>
</text>
<text id="…-2" font-family="Consolas" font-size="24" font-weight="normal" fill="#924565">
<tspan x="287" y="201"></tspan>
</text>
<path id="Line" d="M255.37175,67.4660359 L216.101095,40.7504484 L217.226047,39.0968214 L256.496703,65.8124089 L259.87156,60.851528 L267.509615,74.5138889 L251.996893,72.4269168 L255.37175,67.4660359 Z" fill="#EE6B47" fill-rule="nonzero"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="367" height="308" viewBox="0 0 367 308"><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="windowObjects.svg"><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M136 10h78v28h-78z"/><text id="window" fill="#707175" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="152" y="28">window</tspan></text><path id="Rectangle-2" fill="#F5F4D8" stroke="#CFCE95" stroke-width="2" d="M18 80h78v26H18z"/><path id="Rectangle-2" fill="#FCDFE1" stroke="#C74A6C" stroke-width="2" d="M255 118h83v26h-83z"/><path id="Rectangle-2" fill="#EDFCFD" stroke="#99C0C3" stroke-width="2" d="M110 270h132v26H110z"/><text id="document" fill="#727155" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="26" y="97">document</tspan></text><path id="Rectangle-2" fill="#FCDFE1" stroke="#C74A6C" stroke-width="2" d="M255 80h83v26h-83z"/><text id="Object" fill="#924565" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="271" y="97">Object</tspan></text><path id="Rectangle-2" fill="#EDFCFD" stroke="#99C0C3" stroke-width="2" d="M134 80h85v26h-85z"/><text id="navigator" fill="#366378" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="138" y="97">navigator</tspan></text><path id="Rectangle-2" fill="#EDFCFD" stroke="#99C0C3" stroke-width="2" d="M134 118h85v26h-85z"/><text id="screen" fill="#366378" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="151" y="135">screen</tspan></text><path id="Rectangle-2" fill="#EDFCFD" stroke="#99C0C3" stroke-width="2" d="M134 156h85v26h-85z"/><text id="location" fill="#366378" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="142" y="173">location</tspan></text><path id="Rectangle-2" fill="#EDFCFD" stroke="#99C0C3" stroke-width="2" d="M134 194h85v26h-85z"/><text id="frames" fill="#366378" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="151" y="211">frames</tspan></text><path id="Rectangle-2" fill="#EDFCFD" stroke="#99C0C3" stroke-width="2" d="M134 232h85v26h-85z"/><text id="history" fill="#366378" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="147" y="249">history</tspan></text><text id="Array" fill="#924565" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="275" y="135">Array</tspan></text><path id="Rectangle-3" fill="#FCDFE1" stroke="#C74A6C" stroke-width="2" d="M255 156h83v26h-83z"/><text id="Function" fill="#924565" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="264" y="173">Function</tspan></text><text id="XMLHttpRequest" fill="#366378" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="117" y="287">XMLHttpRequest</tspan></text><text id="BOM" fill="#99C0C3" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="135" y="73">BOM</tspan></text><text id="JavaScript" fill="#C74A6C" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="271" y="73">JavaScript</tspan></text><text id="DOM" fill="#CFCE95" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="17" y="73">DOM</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M175.5 58.5v-18h2v18h6l-7 14-7-14h6z"/><path id="Line-2" fill="#EE6B47" fill-rule="nonzero" d="M97.422 64.684l35.328-24.576 1.142 1.642-35.328 24.576 3.426 4.925L86.5 73.5l7.495-13.741 3.427 4.925z"/><text id="…" fill="#727155" font-family="PTMono-Regular, PT Mono" font-size="24" font-weight="normal"><tspan x="50" y="122"></tspan></text><text id="…-2" fill="#924565" font-family="PTMono-Regular, PT Mono" font-size="24" font-weight="normal"><tspan x="287" y="201"></tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M255.372 67.466l-39.27-26.716 1.124-1.653 39.27 26.715 3.376-4.96 7.638 13.662-15.513-2.087 3.375-4.961z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

Before After
Before After

View file

@ -1,63 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="440px" height="316px" viewBox="0 0 440 316" 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>dom-links-elements.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="dom-links-elements.svg">
<rect id="Rectangle-8" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="129" y="10" width="198" height="28"></rect>
<text id="document.documentEle" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="142.6" y="29">document.documentElement </tspan>
</text>
<text id="Type-something" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="336.9" y="29">&lt;HTML&gt;</tspan>
</text>
<rect id="Rectangle-7" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="163" y="78" width="117" height="28"></rect>
<text id="document.body--" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="174.2" y="95">document.body </tspan>
</text>
<text id="(if-inside-body)" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="300.9" y="95">(if inside body)</tspan>
</text>
<path d="M14.5,115 L427,115" id="Line-5" stroke="#8A704D" stroke-width="2" stroke-linecap="square"></path>
<text id="parentElement" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal">
<tspan x="175" y="172" fill="#8A704D">parent</tspan>
<tspan x="218.2" y="172" fill="#EE6B47">Element</tspan>
</text>
<rect id="Rectangle-6" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="180" y="213" width="80" height="28"></rect>
<text id="&lt;DIV&gt;" font-family="OpenSans-Regular, Open Sans" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="204.191508" y="232">&lt;DIV&gt;</tspan>
</text>
<path id="Line-6" d="M219.5,184.567507 L214.131314,194.111837 L212.388163,193.131314 L220.5,178.710271 L228.611837,193.131314 L226.868686,194.111837 L221.5,184.567507 L221.5,208.5 L219.5,208.5 L219.5,184.567507 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-7" d="M423.932493,225.5 L414.388163,220.131314 L415.368686,218.388163 L429.789729,226.5 L415.368686,234.611837 L414.388163,232.868686 L423.932493,227.5 L266.5,227.5 L266.5,225.5 L423.932493,225.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="nextElementSibling" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal">
<tspan x="276" y="212" fill="#8A704D">next</tspan>
<tspan x="304.8" y="212" fill="#EE6B47">Element</tspan>
<tspan x="355.2" y="212" fill="#8A704D">Sibling</tspan>
</text>
<path id="Line-8" d="M15.0675066,227.5 L24.6118368,232.868686 L23.6313143,234.611837 L9.21027114,226.5 L23.6313143,218.388163 L24.6118368,220.131314 L15.0675066,225.5 L169,225.5 L169,227.5 L15.0675066,227.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="previousElementSibli" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal">
<tspan x="6" y="212" fill="#8A704D">previous</tspan>
<tspan x="63.6" y="212" fill="#EE6B47">Element</tspan>
<tspan x="114" y="212" fill="#8A704D">Sibling</tspan>
</text>
<path id="Line" d="M119.63364,284.731951 L130.574131,284.260077 L130.660313,286.258219 L114.129734,286.971199 L122.10455,272.473934 L123.856915,273.437894 L118.578914,283.032671 L174.822277,248.122997 L175.877003,249.822277 L119.63364,284.731951 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-3" d="M322.986552,283.478964 L317.962163,273.748982 L319.739221,272.831341 L327.330841,287.532895 L310.824666,286.38635 L310.963255,284.391158 L321.887595,285.14998 L268.115014,249.78603 L269.21397,248.115014 L322.986552,283.478964 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="children" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#EE6B47">
<tspan x="188" y="273">children</tspan>
</text>
<text id="firstElementChild--" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal">
<tspan x="43" y="307" fill="#8A704D">first</tspan>
<tspan x="79" y="307" fill="#EE6B47">Element</tspan>
<tspan x="129.4" y="307" fill="#8A704D">Child </tspan>
</text>
<text id="lastElementChild" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal">
<tspan x="273" y="307" fill="#8A704D">last</tspan>
<tspan x="301.8" y="307" fill="#EE6B47">Element</tspan>
<tspan x="352.2" y="307" fill="#8A704D">Child</tspan>
</text>
<path id="Line-Copy-2" d="M220.5,131.067507 L215.131314,140.611837 L213.388163,139.631314 L221.5,125.210271 L229.611837,139.631314 L227.868686,140.611837 L222.5,131.067507 L222.5,131.5 L220.5,131.5 L220.5,131.067507 Z M222.5,155.5 L220.5,155.5 L220.5,151.5 L222.5,151.5 L222.5,155.5 Z M222.5,149.5 L220.5,149.5 L220.5,145.5 L222.5,145.5 L222.5,149.5 Z M222.5,143.5 L220.5,143.5 L220.5,139.5 L222.5,139.5 L222.5,143.5 Z M222.5,137.5 L220.5,137.5 L220.5,133.5 L222.5,133.5 L222.5,137.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-2-Copy" d="M220.5,50.5675066 L215.131314,60.1118368 L213.388163,59.1313143 L221.5,44.7102711 L229.611837,59.1313143 L227.868686,60.1118368 L222.5,50.5675066 L222.5,72.0953973 L220.5,72.0953973 L220.5,50.5675066 Z" fill="#EE6B47" fill-rule="nonzero"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="440" height="316" viewBox="0 0 440 316"><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="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="dom-links-elements.svg"><path id="Rectangle-8" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M129 10h198v28H129z"/><text id="document.documentEle" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="142.6" y="29">document.documentElement </tspan></text><text id="Type-something" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="336.9" y="29">&lt;HTML&gt;</tspan></text><path id="Rectangle-7" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M163 78h117v28H163z"/><text id="document.body--" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="174.2" y="95">document.body </tspan></text><text id="(if-inside-body)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="300.9" y="95">(if inside body)</tspan></text><path id="Line-5" stroke="#8A704D" stroke-linecap="square" stroke-width="2" d="M14.5 115H427"/><text id="parentElement" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="175" y="172" fill="#8A704D">parent</tspan> <tspan x="218.2" y="172" fill="#EE6B47">Element</tspan></text><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M180 213h80v28h-80z"/><text id="&lt;DIV&gt;" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="12" font-weight="normal"><tspan x="204.192" y="232">&lt;DIV&gt;</tspan></text><path id="Line-6" fill="#EE6B47" fill-rule="nonzero" d="M219.5 184.568l-5.369 9.544-1.743-.98 8.112-14.422 8.112 14.421-1.743.98-5.369-9.543V208.5h-2v-23.932z"/><path id="Line-7" fill="#EE6B47" fill-rule="nonzero" d="M423.932 225.5l-9.544-5.369.98-1.743 14.422 8.112-14.421 8.112-.98-1.743 9.543-5.369H266.5v-2h157.432z"/><text id="nextElementSibling" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="276" y="212" fill="#8A704D">next</tspan> <tspan x="304.8" y="212" fill="#EE6B47">Element</tspan> <tspan x="355.2" y="212" fill="#8A704D">Sibling</tspan></text><path id="Line-8" fill="#EE6B47" fill-rule="nonzero" d="M15.068 227.5l9.544 5.369-.98 1.743L9.21 226.5l14.421-8.112.98 1.743-9.543 5.369H169v2H15.068z"/><text id="previousElementSibli" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="6" y="212" fill="#8A704D">previous</tspan> <tspan x="63.6" y="212" fill="#EE6B47">Element</tspan> <tspan x="114" y="212" fill="#8A704D">Sibling</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M119.634 284.732l10.94-.472.086 1.998-16.53.713 7.975-14.497 1.752.964-5.278 9.595 56.243-34.91 1.055 1.7-56.243 34.909z"/><path id="Line-3" fill="#EE6B47" fill-rule="nonzero" d="M322.987 283.479l-5.025-9.73 1.777-.918 7.592 14.702-16.506-1.147.138-1.995 10.925.759-53.773-35.364 1.099-1.671 53.773 35.364z"/><text id="children" fill="#EE6B47" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="188" y="273">children</tspan></text><text id="firstElementChild--" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="43" y="307" fill="#8A704D">first</tspan> <tspan x="79" y="307" fill="#EE6B47">Element</tspan> <tspan x="129.4" y="307" fill="#8A704D">Child </tspan></text><text id="lastElementChild" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="273" y="307" fill="#8A704D">last</tspan> <tspan x="301.8" y="307" fill="#EE6B47">Element</tspan> <tspan x="352.2" y="307" fill="#8A704D">Child</tspan></text><path id="Line-Copy-2" fill="#EE6B47" fill-rule="nonzero" d="M220.5 131.068l-5.369 9.544-1.743-.98 8.112-14.422 8.112 14.421-1.743.98-5.369-9.543v.432h-2v-.432zm2 24.432h-2v-4h2v4zm0-6h-2v-4h2v4zm0-6h-2v-4h2v4zm0-6h-2v-4h2v4z"/><path id="Line-2-Copy" fill="#EE6B47" fill-rule="nonzero" d="M220.5 50.568l-5.369 9.544-1.743-.98L221.5 44.71l8.112 14.421-1.743.98-5.369-9.543v21.527h-2V50.568z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 6 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

Before After
Before After

View file

@ -1,59 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="420px" height="388px" viewBox="0 0 420 388" 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>dom-links.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="dom-links.svg">
<rect id="Rectangle-9" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="150" y="20" width="117" height="28"></rect>
<rect id="Rectangle-7" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="151" y="154" width="117" height="28"></rect>
<rect id="Rectangle-8" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="117" y="87" width="198" height="28"></rect>
<text id="document" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="179.7" y="38">document</tspan>
</text>
<text id="document.documentEle" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="129.6" y="105">document.documentElement </tspan>
</text>
<text id="Type-something" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="324.9" y="105">&lt;HTML&gt;</tspan>
</text>
<text id="document.body--" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="164.2" y="173">document.body </tspan>
</text>
<text id="(if-inside-body)" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="283.9" y="173">(if inside body)</tspan>
</text>
<path id="Line" d="M208.5,125.567507 L203.131314,135.111837 L201.388163,134.131314 L209.5,119.710271 L217.611837,134.131314 L215.868686,135.111837 L210.5,125.567507 L210.5,149.352424 L208.5,149.352424 L208.5,125.567507 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-2" d="M208.5,58.5675066 L203.131314,68.1118368 L201.388163,67.1313143 L209.5,52.7102711 L217.611837,67.1313143 L215.868686,68.1118368 L210.5,58.5675066 L210.5,80.0953973 L208.5,80.0953973 L208.5,58.5675066 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path d="M2.5,191 L415,191" id="Line" stroke="#8A704D" stroke-width="2" stroke-linecap="square"></path>
<text id="parentNode" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="172" y="248">parentNode</tspan>
</text>
<rect id="Rectangle-6" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="169" y="289" width="80" height="28"></rect>
<text id="&lt;DIV&gt;" font-family="OpenSans-Regular, Open Sans" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="192.191508" y="308">&lt;DIV&gt;</tspan>
</text>
<path id="Line" d="M207.5,260.067507 L202.131314,269.611837 L200.388163,268.631314 L208.5,254.210271 L216.611837,268.631314 L214.868686,269.611837 L209.5,260.067507 L209.5,284.5 L207.5,284.5 L207.5,260.067507 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M207.5,206.067507 L202.131314,215.611837 L200.388163,214.631314 L208.5,200.210271 L216.611837,214.631314 L214.868686,215.611837 L209.5,206.067507 L209.5,206.5 L207.5,206.5 L207.5,206.067507 Z M209.5,230.5 L207.5,230.5 L207.5,226.5 L209.5,226.5 L209.5,230.5 Z M209.5,224.5 L207.5,224.5 L207.5,220.5 L209.5,220.5 L209.5,224.5 Z M209.5,218.5 L207.5,218.5 L207.5,214.5 L209.5,214.5 L209.5,218.5 Z M209.5,212.5 L207.5,212.5 L207.5,208.5 L209.5,208.5 L209.5,212.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line" d="M364.932493,301.5 L355.388163,296.131314 L356.368686,294.388163 L370.789729,302.5 L356.368686,310.611837 L355.388163,308.868686 L364.932493,303.5 L254.5,303.5 L254.5,301.5 L364.932493,301.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="nextSibling" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="264" y="288">nextSibling</tspan>
</text>
<path id="Line" d="M53.0675066,303.5 L62.6118368,308.868686 L61.6313143,310.611837 L47.2102711,302.5 L61.6313143,294.388163 L62.6118368,296.131314 L53.0675066,301.5 L165.5,301.5 L165.5,303.5 L53.0675066,303.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="previousSibling" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="50" y="288">previousSibling</tspan>
</text>
<path id="Line" d="M107.63364,360.731951 L118.574131,360.260077 L118.660313,362.258219 L102.129734,362.971199 L110.10455,348.473934 L111.856915,349.437894 L106.578914,359.032671 L162.822277,324.122997 L163.877003,325.822277 L107.63364,360.731951 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-3" d="M310.986552,359.478964 L305.962163,349.748982 L307.739221,348.831341 L315.330841,363.532895 L298.824666,362.38635 L298.963255,360.391158 L309.887595,361.14998 L256.115014,325.78603 L257.21397,324.115014 L310.986552,359.478964 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="childNodes" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="170" y="343">childNodes</tspan>
</text>
<text id="firstChild--" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="64" y="379">firstChild </tspan>
</text>
<text id="Type-something" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="279" y="379">lastChild</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="420" height="388" viewBox="0 0 420 388"><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="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="dom-links.svg"><path id="Rectangle-9" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M150 20h117v28H150z"/><path id="Rectangle-7" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M151 154h117v28H151z"/><path id="Rectangle-8" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M117 87h198v28H117z"/><text id="document" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="179.7" y="38">document</tspan></text><text id="document.documentEle" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="129.6" y="105">document.documentElement </tspan></text><text id="Type-something" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="324.9" y="105">&lt;HTML&gt;</tspan></text><text id="document.body--" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="164.2" y="173">document.body </tspan></text><text id="(if-inside-body)" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="283.9" y="173">(if inside body)</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M208.5 125.568l-5.369 9.544-1.743-.98 8.112-14.422 8.112 14.421-1.743.98-5.369-9.543v23.784h-2v-23.784z"/><path id="Line-2" fill="#EE6B47" fill-rule="nonzero" d="M208.5 58.568l-5.369 9.544-1.743-.98L209.5 52.71l8.112 14.421-1.743.98-5.369-9.543v21.527h-2V58.568z"/><path id="Line" stroke="#8A704D" stroke-linecap="square" stroke-width="2" d="M2.5 191H415"/><text id="parentNode" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="172" y="248">parentNode</tspan></text><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M169 289h80v28h-80z"/><text id="&lt;DIV&gt;" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="12" font-weight="normal"><tspan x="192.192" y="308">&lt;DIV&gt;</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M207.5 260.068l-5.369 9.544-1.743-.98 8.112-14.422 8.112 14.421-1.743.98-5.369-9.543V284.5h-2v-24.432z"/><path id="Line-Copy" fill="#EE6B47" fill-rule="nonzero" d="M207.5 206.068l-5.369 9.544-1.743-.98 8.112-14.422 8.112 14.421-1.743.98-5.369-9.543v.432h-2v-.432zm2 24.432h-2v-4h2v4zm0-6h-2v-4h2v4zm0-6h-2v-4h2v4zm0-6h-2v-4h2v4z"/><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M364.932 301.5l-9.544-5.369.98-1.743 14.422 8.112-14.421 8.112-.98-1.743 9.543-5.369H254.5v-2h110.432z"/><text id="nextSibling" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="264" y="288">nextSibling</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M53.068 303.5l9.544 5.369-.98 1.743L47.21 302.5l14.421-8.112.98 1.743-9.543 5.369H165.5v2H53.068z"/><text id="previousSibling" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="50" y="288">previousSibling</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M107.634 360.732l10.94-.472.086 1.998-16.53.713 7.975-14.497 1.752.964-5.278 9.595 56.243-34.91 1.055 1.7-56.243 34.909z"/><path id="Line-3" fill="#EE6B47" fill-rule="nonzero" d="M310.987 359.479l-5.025-9.73 1.777-.918 7.592 14.702-16.506-1.147.138-1.995 10.925.759-53.773-35.364 1.099-1.671 53.773 35.364z"/><text id="childNodes" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="170" y="343">childNodes</tspan></text><text id="firstChild--" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="64" y="379">firstChild </tspan></text><text id="Type-something" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="12" font-weight="normal"><tspan x="279" y="379">lastChild</tspan></text></g></g></svg>

Before

Width:  |  Height:  |  Size: 6 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 5.9 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 140 KiB

After

Width:  |  Height:  |  Size: 66 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 5 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 9.6 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 9.4 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

Before After
Before After

View file

@ -1,28 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="508px" height="203px" viewBox="0 0 508 203" 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>document-client-width-height.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="document-client-width-height.svg">
<g id="noun_69008_cc" transform="translate(275.000000, 8.000000)" fill="#E8C48E">
<path d="M179.1875,145 L3.8125,145 C1.708,145 0,143.36875 0,141.375 L0,3.625 C0,1.63125 1.708,0 3.8125,0 L179.1875,0 C181.284375,0 183,1.63125 183,3.625 L183,141.375 C183,143.36875 181.284375,145 179.1875,145 L179.1875,145 Z M7.625,137.75 L175.375,137.75 L175.375,7.25 L7.625,7.25 L7.625,137.75 L7.625,137.75 Z" id="Shape"></path>
<path d="M175.375,36.25 L7.625,36.25 C5.5205,36.25 3.8125,34.61875 3.8125,32.625 C3.8125,30.63125 5.5205,29 7.625,29 L175.375,29 C177.471875,29 179.1875,30.63125 179.1875,32.625 C179.1875,34.61875 177.471875,36.25 175.375,36.25 L175.375,36.25 Z" id="Shape"></path>
<path d="M61.32025,126.57775 C60.0545,126.57775 58.811625,125.98325 58.08725,124.89575 L34.892,89.84925 C34.060875,88.57325 34.121875,86.97825 35.052125,85.7675 L58.247375,55.86125 C59.497875,54.23 61.876875,53.8965 63.57725,55.1145 C65.27,56.3035 65.636,58.57275 64.377875,60.18225 L42.7305,88.102 L64.538,121.05325 C65.658875,122.7425 65.125125,124.99 63.340875,126.04125 C62.72325,126.411 62.014125,126.57775 61.32025,126.57775 L61.32025,126.57775 Z" id="Shape"></path>
<path d="M122,126.57775 C121.306125,126.57775 120.597,126.411 119.97175,126.0195 C118.1875,124.961 117.646125,122.72075 118.774625,121.0315 L140.582125,88.08025 L118.927125,60.15325 C117.676625,58.5365 118.035,56.2745 119.72775,55.0855 C121.4205,53.88925 123.807125,54.23725 125.057625,55.84675 L148.24525,85.753 C149.183125,86.9565 149.244125,88.57325 148.405375,89.83475 L125.210125,124.88125 C124.501,125.98325 123.26575,126.57775 122,126.57775 L122,126.57775 Z" id="Shape"></path>
<path d="M76.25,119.93675 C75.617125,119.93675 74.98425,119.7845 74.3895,119.48 C72.551875,118.50125 71.896125,116.29725 72.9255,114.521 L103.10525,63.162 C104.134625,61.4075 106.445,60.77675 108.3055,61.79175 C110.1355,62.7705 110.79125,64.96725 109.761875,66.729 L79.582125,118.088 C78.880625,119.26975 77.584375,119.93675 76.25,119.93675 L76.25,119.93675 Z" id="Shape"></path>
<path d="M22.875,18.125 C22.875,20.1278125 21.1689062,21.75 19.0625,21.75 C16.9560938,21.75 15.25,20.1278125 15.25,18.125 C15.25,16.1221875 16.9560938,14.5 19.0625,14.5 C21.1689062,14.5 22.875,16.1221875 22.875,18.125 L22.875,18.125 Z" id="Shape"></path>
<path d="M38.125,18.125 C38.125,20.1278125 36.4189062,21.75 34.3125,21.75 C32.2060938,21.75 30.5,20.1278125 30.5,18.125 C30.5,16.1221875 32.2060938,14.5 34.3125,14.5 C36.4189062,14.5 38.125,16.1221875 38.125,18.125 L38.125,18.125 Z" id="Shape"></path>
<path d="M53.375,18.125 C53.375,20.1278125 51.6689062,21.75 49.5625,21.75 C47.4560938,21.75 45.75,20.1278125 45.75,18.125 C45.75,16.1221875 47.4560938,14.5 49.5625,14.5 C51.6689062,14.5 53.375,16.1221875 53.375,18.125 L53.375,18.125 Z" id="Shape"></path>
</g>
<text id="documentElement.clie" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="12" y="101">documentElement.clientHeight</tspan>
</text>
<text id="documentElement.clie" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="257" y="195">documentElement.clientWidth</tspan>
</text>
<path id="Line-3-Copy" d="M431.024582,169.653273 L299.024582,169.653273 L299.024582,177.653273 L280.024582,168.153273 L299.024582,158.653273 L299.024582,166.653273 L431.024582,166.653273 L431.024582,158.653273 L450.024582,168.153273 L431.024582,177.653273 L431.024582,169.653273 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line" d="M255,128 L255,64 L247,64 L256.5,45 L266,64 L258,64 L258,128 L266,128 L256.5,147 L247,128 L255,128 Z" fill="#EE6B47" fill-rule="nonzero"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="508" height="203" viewBox="0 0 508 203"><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="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="document-client-width-height.svg"><g id="noun_69008_cc" fill="#E8C48E" transform="translate(275 8)"><path id="Shape" d="M179.188 145H3.813C1.708 145 0 143.369 0 141.375V3.625C0 1.631 1.708 0 3.813 0h175.375C181.284 0 183 1.631 183 3.625v137.75c0 1.994-1.716 3.625-3.813 3.625zM7.625 137.75h167.75V7.25H7.625v130.5z"/><path id="Shape" d="M175.375 36.25H7.625c-2.104 0-3.813-1.631-3.813-3.625S5.521 29 7.626 29h167.75c2.097 0 3.813 1.631 3.813 3.625s-1.716 3.625-3.813 3.625zM61.32 126.578c-1.266 0-2.508-.595-3.233-1.682L34.892 89.849a3.486 3.486 0 01.16-4.082l23.195-29.906c1.25-1.631 3.63-1.964 5.33-.746 1.693 1.188 2.059 3.458.8 5.067l-21.646 27.92 21.807 32.951c1.12 1.69.587 3.937-1.197 4.988a3.936 3.936 0 01-2.02.537zM122 126.578a3.802 3.802 0 01-2.028-.559c-1.784-1.058-2.326-3.298-1.197-4.988l21.807-32.95-21.655-27.928c-1.25-1.617-.892-3.878.8-5.067 1.694-1.197 4.08-.849 5.33.76l23.188 29.907a3.462 3.462 0 01.16 4.082L125.21 124.88c-.709 1.102-1.944 1.697-3.21 1.697zM76.25 119.937a4.07 4.07 0 01-1.86-.457c-1.838-.979-2.494-3.183-1.465-4.959l30.18-51.359c1.03-1.755 3.34-2.385 5.2-1.37 1.83.978 2.486 3.175 1.457 4.937l-30.18 51.359c-.701 1.182-1.998 1.849-3.332 1.849zM22.875 18.125c0 2.003-1.706 3.625-3.813 3.625-2.106 0-3.812-1.622-3.812-3.625s1.706-3.625 3.813-3.625c2.106 0 3.812 1.622 3.812 3.625zM38.125 18.125c0 2.003-1.706 3.625-3.813 3.625-2.106 0-3.812-1.622-3.812-3.625s1.706-3.625 3.813-3.625c2.106 0 3.812 1.622 3.812 3.625zM53.375 18.125c0 2.003-1.706 3.625-3.813 3.625-2.106 0-3.812-1.622-3.812-3.625s1.706-3.625 3.813-3.625c2.106 0 3.812 1.622 3.812 3.625z"/></g><text id="documentElement.clie" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="12" y="101">documentElement.clientHeight</tspan></text><text id="documentElement.clie" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="257" y="195">documentElement.clientWidth</tspan></text><path id="Line-3-Copy" fill="#EE6B47" fill-rule="nonzero" d="M431.025 169.653h-132v8l-19-9.5 19-9.5v8h132v-8l19 9.5-19 9.5v-8z"/><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M255 128V64h-8l9.5-19 9.5 19h-8v64h8l-9.5 19-9.5-19h8z"/></g></g></svg>

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

Before After
Before After

View file

@ -1,64 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="521px" height="355px" viewBox="0 0 521 355" 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>coordinates-negative.svg</title>
<desc>Created with sketchtool.</desc>
<defs>
<filter x="-9.0%" y="-54.5%" width="118.0%" height="209.1%" filterUnits="objectBoundingBox" id="filter-1">
<feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
</filter>
</defs>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="coordinates-negative.svg">
<g id="noun_69008_cc" transform="translate(13.000000, 11.000000)" fill="#E8C48E">
<path d="M455.3125,330 L9.6875,330 C4.34,330 0,326.2875 0,321.75 L0,8.25 C0,3.7125 4.34,0 9.6875,0 L455.3125,0 C460.640625,0 465,3.7125 465,8.25 L465,321.75 C465,326.2875 460.640625,330 455.3125,330 L455.3125,330 Z M9.43204868,318.938547 L453.681542,318.938547 L453.681542,11.0614525 L9.43204868,11.0614525 L9.43204868,318.938547 L9.43204868,318.938547 Z" id="Shape"></path>
<path d="M19.673913,46 C14.333913,46 10,44.875 10,43.5 C10,42.125 14.333913,41 19.673913,41 L445.326087,41 C450.646739,41 455,42.125 455,43.5 C455,44.875 450.646739,46 445.326087,46 L19.673913,46 Z" id="Shape"></path>
<path d="M31,27.5 C31,30.53875 28.53875,33 25.5,33 C22.46125,33 20,30.53875 20,27.5 C20,24.46125 22.46125,22 25.5,22 C28.53875,22 31,24.46125 31,27.5 L31,27.5 Z" id="Shape"></path>
<path d="M59,27.5 C59,30.53875 56.53875,33 53.5,33 C50.46125,33 48,30.53875 48,27.5 C48,24.46125 50.46125,22 53.5,22 C56.53875,22 59,24.46125 59,27.5 L59,27.5 Z" id="Shape"></path>
<path d="M87,27.5 C87,30.53875 84.53875,33 81.5,33 C78.46125,33 76,30.53875 76,27.5 C76,24.46125 78.46125,22 81.5,22 C84.53875,22 87,24.46125 87,27.5 L87,27.5 Z" id="Shape"></path>
</g>
<text id="bottom" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="414" y="196">bottom</tspan>
</text>
<path d="M392.5,290 L392.5,327" id="Line-30-Copy-2" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
<path d="M394,288 L463,288" id="Line-29-Copy" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
<text id="(x,y)" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="395" y="305">(x,y)</tspan>
</text>
<text id="(x,y)-copy" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="395" y="305">(x,y)</tspan>
</text>
<text id="left" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="50" y="129">left</tspan>
</text>
<path id="Line-Copy" d="M407,269.5 L407,56.5 L410,56.5 L410,269.5 L418,269.5 L408.5,288.5 L399,269.5 L407,269.5 Z" fill="#999999" fill-rule="nonzero"></path>
<text id="right" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="188" y="323">right</tspan>
</text>
<path id="Line-3-Copy-2" d="M371.497711,306.5 L21.5022888,306.5 L21.5022888,303.5 L371.497711,303.5 L371.497711,295.5 L390.497711,305 L371.497711,314.5 L371.497711,306.5 Z" fill="#999999" fill-rule="nonzero"></path>
<path d="M382.356731,123 L129.014864,123 L129.014864,278 L382.356731,278 L382.356731,123 Z M118,113 L393,113 L393,288 L118,288 L118,113 Z" id="Rectangle-1" fill-opacity="0.88" fill="#E8C48F"></path>
<text id="Introduction-This-Ec" opacity="0.7" font-family="OpenSans-Bold, Open Sans" font-size="16" font-weight="bold" fill="#5A4739">
<tspan x="139" y="148">Introduction</tspan>
<tspan x="239.726562" y="148" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal"></tspan>
<tspan x="139" y="176" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">This Ecma Standard is based on </tspan>
<tspan x="139" y="195" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">several originating technologies, </tspan>
<tspan x="139" y="214" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">the most well known being </tspan>
<tspan x="139" y="233" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">JavaScript (Netscape) and JScript </tspan>
<tspan x="139" y="252" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">(Microsoft). The language was </tspan>
<tspan x="139" y="271" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">invented by Brendan Eich at </tspan>
</text>
<text id="top" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="125" y="90">top</tspan>
</text>
<path id="Line-3" d="M100.490073,115.402612 L22.4898373,114.992085 L22.5056266,111.992126 L100.505862,112.402654 L100.547967,104.402765 L119.497704,114.002632 L100.447968,123.402501 L100.490073,115.402612 Z" fill="#999999" fill-rule="nonzero"></path>
<path id="Line-2" d="M134.920356,122.148497 L392.067997,285.387525 L390.460179,287.920294 L133.312537,124.681266 L129.025021,131.435317 L118.075575,113.23203 L139.207872,115.394446 L134.920356,122.148497 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-3-Copy" d="M116.000749,94.5001249 L115.997586,56.5001248 L118.997586,56.4998752 L119.000749,94.4998752 L127.000749,94.4992094 L117.50233,113.5 L108.000749,94.5007907 L116.000749,94.5001249 Z" fill="#999999" fill-rule="nonzero"></path>
<g id="Group" transform="translate(270.970081, 195.848048) rotate(32.500000) translate(-270.970081, -195.848048) translate(204.470081, 184.848048)">
<rect id="Rectangle" fill="#FFFFFF" filter="url(#filter-1)" x="0" y="0" width="133" height="22"></rect>
<text id="(width,height)" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="8.68187117" y="15.3779674">(width,height)</tspan>
</text>
</g>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="521" height="355" viewBox="0 0 521 355"><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><defs><filter id="filter-1" width="118%" height="209.1%" x="-9%" y="-54.5%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceGraphic" stdDeviation="4"/></filter></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="coordinates-negative.svg"><g id="noun_69008_cc" fill="#E8C48E" transform="translate(13 11)"><path id="Shape" d="M455.313 330H9.688C4.34 330 0 326.288 0 321.75V8.25C0 3.713 4.34 0 9.688 0h445.625C460.64 0 465 3.712 465 8.25v313.5c0 4.538-4.36 8.25-9.688 8.25zM9.432 318.939h444.25V11.06H9.432V318.94z"/><path id="Shape" d="M19.674 46C14.334 46 10 44.875 10 43.5s4.334-2.5 9.674-2.5h425.652c5.32 0 9.674 1.125 9.674 2.5s-4.353 2.5-9.674 2.5H19.674zM31 27.5c0 3.039-2.461 5.5-5.5 5.5a5.498 5.498 0 01-5.5-5.5c0-3.039 2.461-5.5 5.5-5.5s5.5 2.461 5.5 5.5zM59 27.5c0 3.039-2.461 5.5-5.5 5.5a5.498 5.498 0 01-5.5-5.5c0-3.039 2.461-5.5 5.5-5.5s5.5 2.461 5.5 5.5zM87 27.5c0 3.039-2.461 5.5-5.5 5.5a5.498 5.498 0 01-5.5-5.5c0-3.039 2.461-5.5 5.5-5.5s5.5 2.461 5.5 5.5z"/></g><text id="bottom" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="414" y="196">bottom</tspan></text><path id="Line-30-Copy-2" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M392.5 290v37"/><path id="Line-29-Copy" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M394 288h69"/><text id="(x,y)" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="395" y="305">(x,y)</tspan></text><text id="(x,y)-copy" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="395" y="305">(x,y)</tspan></text><text id="left" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="50" y="129">left</tspan></text><path id="Line-Copy" fill="#999" fill-rule="nonzero" d="M407 269.5v-213h3v213h8l-9.5 19-9.5-19h8z"/><text id="right" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="188" y="323">right</tspan></text><path id="Line-3-Copy-2" fill="#999" fill-rule="nonzero" d="M371.498 306.5H21.502v-3h349.996v-8l19 9.5-19 9.5v-8z"/><path id="Rectangle-1" fill="#E8C48F" fill-opacity=".88" d="M382.357 123H129.015v155h253.342V123zM118 113h275v175H118V113z"/><text id="Introduction-This-Ec" fill="#5A4739" font-family="OpenSans-Bold, Open Sans" font-size="16" font-weight="bold" opacity=".7"><tspan x="139" y="148">Introduction</tspan> <tspan x="139" y="176" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">This Ecma Standard is based on </tspan> <tspan x="139" y="195" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">several originating technologies, </tspan> <tspan x="139" y="214" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">the most well known being </tspan> <tspan x="139" y="233" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">JavaScript (Netscape) and JScript </tspan> <tspan x="139" y="252" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">(Microsoft). The language was </tspan> <tspan x="139" y="271" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">invented by Brendan Eich at </tspan></text><text id="top" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="125" y="90">top</tspan></text><path id="Line-3" fill="#999" fill-rule="nonzero" d="M100.49 115.403l-78-.41.016-3 78 .41.042-8 18.95 9.6-19.05 9.4.042-8z"/><path id="Line-2" fill="#EE6B47" fill-rule="nonzero" d="M134.92 122.148l257.148 163.24-1.608 2.532-257.147-163.239-4.288 6.754-10.95-18.203 21.133 2.162-4.288 6.754z"/><path id="Line-3-Copy" fill="#999" fill-rule="nonzero" d="M116 94.5l-.002-38h3l.003 38h8l-9.499 19-9.501-19h8z"/><g id="Group" transform="rotate(32.5 -148.357 454.177)"><path id="Rectangle" fill="#FFF" d="M0 0h133v22H0z" filter="url(#filter-1)"/><text id="(width,height)" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="8.682" y="15.378">(width,height)</tspan></text></g></g></g></svg>

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

Before After
Before After

View file

@ -1,62 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="521px" height="411px" viewBox="0 0 521 411" 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>coordinates.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="coordinates.svg">
<g id="noun_69008_cc" transform="translate(13.000000, 11.000000)" fill="#E8C48E">
<path d="M490.5625,386 L10.4375,386 C4.676,386 0,381.6575 0,376.35 L0,9.65 C0,4.3425 4.676,0 10.4375,0 L490.5625,0 C496.303125,0 501,4.3425 501,9.65 L501,376.35 C501,381.6575 496.303125,386 490.5625,386 L490.5625,386 Z M10.1622718,373.061453 L488.805274,373.061453 L488.805274,12.9385475 L10.1622718,12.9385475 L10.1622718,373.061453 L10.1622718,373.061453 Z" id="Shape"></path>
<path d="M20.8588913,54.1005587 C15.1062833,54.1005587 10.4375,52.952933 10.4375,51.5502793 C10.4375,50.1476257 15.1062833,49 20.8588913,49 L479.40011,49 C485.131875,49 489.821501,50.1476257 489.821501,51.5502793 C489.821501,52.952933 485.131875,54.1005587 479.40011,54.1005587 L20.8588913,54.1005587 Z" id="Shape"></path>
<path d="M33.8,31.6271484 C33.8,34.9571479 31.1038125,37.6542969 27.775,37.6542969 C24.4461875,37.6542969 21.75,34.9571479 21.75,31.6271484 C21.75,28.2971489 24.4461875,25.6 27.775,25.6 C31.1038125,25.6 33.8,28.2971489 33.8,31.6271484 L33.8,31.6271484 Z" id="Shape"></path>
<path d="M63.9882812,31.6271484 C63.9882812,34.9571479 61.2920937,37.6542969 57.9632812,37.6542969 C54.6344687,37.6542969 51.9382812,34.9571479 51.9382812,31.6271484 C51.9382812,28.2971489 54.6344687,25.6 57.9632812,25.6 C61.2920937,25.6 63.9882812,28.2971489 63.9882812,31.6271484 L63.9882812,31.6271484 Z" id="Shape"></path>
<path d="M94.1765625,31.6271484 C94.1765625,34.9571479 91.480375,37.6542969 88.1515625,37.6542969 C84.82275,37.6542969 82.1265625,34.9571479 82.1265625,31.6271484 C82.1265625,28.2971489 84.82275,25.6 88.1515625,25.6 C91.480375,25.6 94.1765625,28.2971489 94.1765625,31.6271484 L94.1765625,31.6271484 Z" id="Shape"></path>
</g>
<text id="height" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="417" y="208">height</tspan>
</text>
<text id="bottom" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="451" y="311">bottom</tspan>
</text>
<path d="M395,293 L498,293" id="Line-28" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
<path d="M392,296 L392,370.5" id="Line-30" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
<path d="M119,296 L119,342" id="Line-30-Copy" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
<path d="M396,120 L426,120" id="Line-29" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"></path>
<text id="x" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="62" y="113">x</tspan>
</text>
<text id="left" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="50" y="135">left</tspan>
</text>
<text id="y" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="125" y="79">y</tspan>
</text>
<text id="width" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="234" y="339">width</tspan>
</text>
<path id="Line" d="M411,273 L411,118.5 L414,118.5 L414,273 L422,273 L412.5,292 L403,273 L411,273 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M473,273 L473,65 L476,65 L476,273 L484,273 L474.5,292 L465,273 L473,273 Z" fill="#999999" fill-rule="nonzero"></path>
<path id="Line-2" d="M371,320 L116,320 L116,317 L371,317 L371,309 L390,318.5 L371,328 L371,320 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-3" d="M99.9923616,120.902612 L21.9921261,120.492085 L22.0079154,117.492126 L100.008151,117.902654 L100.050256,109.902765 L118.999993,119.502632 L99.9502569,128.902501 L99.9923616,120.902612 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="right" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="180" y="375">right</tspan>
</text>
<path id="Line-3-Copy-2" d="M371,361 L21.0045776,361 L21.0045776,358 L371,358 L371,350 L390,359.5 L371,369 L371,361 Z" fill="#999999" fill-rule="nonzero"></path>
<path id="Line-3-Copy" d="M116.002972,100.75013 L115.99987,65.0001302 L118.99987,64.9998698 L119.002972,100.74987 L127.002972,100.749176 L117.504621,119.75 L108.002972,100.750824 L116.002972,100.75013 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path d="M382,129 L129,129 L129,284 L382,284 L382,129 Z M118,119 L392.628906,119 L392.628906,294 L118,294 L118,119 Z" id="Rectangle-1" fill-opacity="0.88" fill="#E8C48F"></path>
<text id="Introduction-This-Ec" opacity="0.8" font-family="OpenSans-Bold, Open Sans" font-size="16" font-weight="bold" fill="#5A4739">
<tspan x="138.946273" y="153.8">Introduction</tspan>
<tspan x="239.672835" y="153.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal"></tspan>
<tspan x="138.946273" y="181.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">This Ecma Standard is based on </tspan>
<tspan x="138.946273" y="200.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">several originating technologies, </tspan>
<tspan x="138.946273" y="219.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">the most well known being </tspan>
<tspan x="138.946273" y="238.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">JavaScript (Netscape) and JScript </tspan>
<tspan x="138.946273" y="257.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">(Microsoft). The language was </tspan>
<tspan x="138.946273" y="276.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">invented by Brendan Eich at </tspan>
</text>
<text id="top" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#999999">
<tspan x="125" y="96">top</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="521" height="411" viewBox="0 0 521 411"><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="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="coordinates.svg"><g id="noun_69008_cc" fill="#E8C48E" transform="translate(13 11)"><path id="Shape" d="M490.563 386H10.438C4.676 386 0 381.658 0 376.35V9.65C0 4.342 4.676 0 10.438 0h480.125C496.303 0 501 4.343 501 9.65v366.7c0 5.308-4.697 9.65-10.438 9.65zm-480.4-12.939h478.642V12.94H10.162V373.06z"/><path id="Shape" d="M20.859 54.1c-5.753 0-10.422-1.147-10.422-2.55 0-1.402 4.67-2.55 10.422-2.55H479.4c5.732 0 10.422 1.148 10.422 2.55 0 1.403-4.69 2.55-10.422 2.55H20.86zM33.8 31.627a6.024 6.024 0 11-12.05 0 6.024 6.024 0 1112.05 0zM63.988 31.627a6.024 6.024 0 11-12.05 0 6.024 6.024 0 1112.05 0zM94.177 31.627a6.024 6.024 0 11-12.05 0 6.024 6.024 0 1112.05 0z"/></g><text id="height" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="417" y="208">height</tspan></text><text id="bottom" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="451" y="311">bottom</tspan></text><path id="Line-28" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M395 293h103"/><path id="Line-30" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M392 296v74.5"/><path id="Line-30-Copy" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M119 296v46"/><path id="Line-29" stroke="#EE6B47" stroke-dasharray="3,6" stroke-linecap="square" stroke-width="2" d="M396 120h30"/><text id="x" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="62" y="113">x</tspan></text><text id="left" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="50" y="135">left</tspan></text><text id="y" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="125" y="79">y</tspan></text><text id="width" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="234" y="339">width</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M411 273V118.5h3V273h8l-9.5 19-9.5-19h8z"/><path id="Line-Copy" fill="#999" fill-rule="nonzero" d="M473 273V65h3v208h8l-9.5 19-9.5-19h8z"/><path id="Line-2" fill="#EE6B47" fill-rule="nonzero" d="M371 320H116v-3h255v-8l19 9.5-19 9.5v-8z"/><path id="Line-3" fill="#EE6B47" fill-rule="nonzero" d="M99.992 120.903l-78-.41.016-3 78 .41.042-8 18.95 9.6-19.05 9.4.042-8z"/><text id="right" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="180" y="375">right</tspan></text><path id="Line-3-Copy-2" fill="#999" fill-rule="nonzero" d="M371 361H21.005v-3H371v-8l19 9.5-19 9.5v-8z"/><path id="Line-3-Copy" fill="#EE6B47" fill-rule="nonzero" d="M116.003 100.75L116 65h3l.003 35.75h8l-9.498 19-9.502-19h8z"/><path id="Rectangle-1" fill="#E8C48F" fill-opacity=".88" d="M382 129H129v155h253V129zm-264-10h274.629v175H118V119z"/><text id="Introduction-This-Ec" fill="#5A4739" font-family="OpenSans-Bold, Open Sans" font-size="16" font-weight="bold" opacity=".8"><tspan x="138.946" y="153.8">Introduction</tspan> <tspan x="138.946" y="181.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">This Ecma Standard is based on </tspan> <tspan x="138.946" y="200.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">several originating technologies, </tspan> <tspan x="138.946" y="219.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">the most well known being </tspan> <tspan x="138.946" y="238.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">JavaScript (Netscape) and JScript </tspan> <tspan x="138.946" y="257.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">(Microsoft). The language was </tspan> <tspan x="138.946" y="276.8" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal">invented by Brendan Eich at </tspan></text><text id="top" fill="#999" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="125" y="96">top</tspan></text></g></g></svg>

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

Before After
Before After

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Before After
Before After