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

29
6-data-storage/01-cookie/cookie-third-party-2.svg
View file

@ -1,28 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="668px" height="192px" viewBox="0 0 668 192" 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>cookie-third-party-2.svg</title>
<desc>Created with sketchtool.</desc>
<g id="data-storage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cookie-third-party-2.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="38" y="48" width="282" height="99"></rect>
<text id="&lt;img-src=&quot;https://ad" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="42" y="70">&lt;img src="https://ads.com/banner.png"&gt;</tspan>
</text>
<text id="site.com" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="149" y="36">site.com</tspan>
</text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="505" y="48" width="140" height="99"></rect>
<text id="ads.com" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="543" y="36">ads.com</tspan>
</text>
<path id="Line" d="M485.492587,91.6098407 L321.374704,69.3565684 L321.643432,67.3747042 L485.761314,89.6279765 L486.567496,83.682384 L499.5,92.5 L484.686405,97.5554332 L485.492587,91.6098407 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="GET-/banner.png" transform="translate(416.568389, 68.381858) rotate(7.000000) translate(-416.568389, -68.381858) " font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="361.068389" y="73.8818576">GET /banner.png</tspan>
</text>
<text id="cookie:-id=123" transform="translate(410.079569, 93.199054) rotate(7.000000) translate(-410.079569, -93.199054) " font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="363.079569" y="98.6990536">cookie: id=123</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="668" height="192" viewBox="0 0 668 192"><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="data-storage" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="cookie-third-party-2.svg"><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M38 48h282v99H38z"/><text id="&lt;img-src=&quot;https://ad" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal"><tspan x="42" y="70">&lt;img src=&quot;https://ads.com/banner.png&quot;&gt;</tspan></text><text id="site.com" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="149" y="36">site.com</tspan></text><path id="Rectangle-1-Copy" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M505 48h140v99H505z"/><text id="ads.com" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="543" y="36">ads.com</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M485.493 91.61L321.375 69.357l.268-1.982 164.118 22.253.806-5.946L499.5 92.5l-14.814 5.055.807-5.945z"/><text id="GET-/banner.png" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" transform="rotate(7 416.568 68.382)"><tspan x="361.068" y="73.882">GET /banner.png</tspan></text><text id="cookie:-id=123" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" transform="rotate(7 410.08 93.2)"><tspan x="363.08" y="98.699">cookie: id=123</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

30
6-data-storage/01-cookie/cookie-third-party-3.svg
View file

@ -1,29 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="668px" height="192px" viewBox="0 0 668 192" 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>cookie-third-party-3.svg</title>
<desc>Created with sketchtool.</desc>
<g id="data-storage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cookie-third-party-3.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="38" y="48" width="282" height="99"></rect>
<text id="&lt;img-src=&quot;https://ad" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="42" y="70">&lt;img src="https://ads.com/banner.png"&gt;</tspan>
</text>
<text id="other.com" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="144" y="36">other.com</tspan>
</text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="505" y="48" width="140" height="99"></rect>
<text id="ads.com" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="543" y="36">ads.com</tspan>
</text>
<path id="Line" d="M485.492587,91.6098407 L321.374704,69.3565684 L321.643432,67.3747042 L485.761314,89.6279765 L486.567496,83.682384 L499.5,92.5 L484.686405,97.5554332 L485.492587,91.6098407 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="GET-/banner.png" transform="translate(416.568389, 68.381858) rotate(7.000000) translate(-416.568389, -68.381858) " font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="361.068389" y="73.8818576">GET /banner.png</tspan>
</text>
<text id="cookie:-id=123" transform="translate(410.079569, 93.199054) rotate(7.000000) translate(-410.079569, -93.199054) " font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="363.079569" y="98.6990536">cookie: id=123</tspan>
</text>
<ellipse id="Oval-6" stroke-opacity="0.572803442" stroke="#EE6B47" stroke-width="2" cx="176" cy="31.5" rx="48" ry="13.5"></ellipse>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="668" height="192" viewBox="0 0 668 192"><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="data-storage" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="cookie-third-party-3.svg"><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M38 48h282v99H38z"/><text id="&lt;img-src=&quot;https://ad" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal"><tspan x="42" y="70">&lt;img src=&quot;https://ads.com/banner.png&quot;&gt;</tspan></text><text id="other.com" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="144" y="36">other.com</tspan></text><path id="Rectangle-1-Copy" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M505 48h140v99H505z"/><text id="ads.com" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="543" y="36">ads.com</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M485.493 91.61L321.375 69.357l.268-1.982 164.118 22.253.806-5.946L499.5 92.5l-14.814 5.055.807-5.945z"/><text id="GET-/banner.png" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" transform="rotate(7 416.568 68.382)"><tspan x="361.068" y="73.882">GET /banner.png</tspan></text><text id="cookie:-id=123" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" transform="rotate(7 410.08 93.2)"><tspan x="363.08" y="98.699">cookie: id=123</tspan></text><ellipse id="Oval-6" cx="176" cy="31.5" stroke="#EE6B47" stroke-opacity=".573" stroke-width="2" rx="48" ry="13.5"/></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After

30
6-data-storage/01-cookie/cookie-third-party.svg
View file

@ -1,29 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="668px" height="192px" viewBox="0 0 668 192" 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>cookie-third-party.svg</title>
<desc>Created with sketchtool.</desc>
<g id="data-storage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cookie-third-party.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="38" y="48" width="282" height="99"></rect>
<text id="&lt;img-src=&quot;https://ad" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="42" y="70">&lt;img src="https://ads.com/banner.png"&gt;</tspan>
</text>
<text id="site.com" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="149" y="36">site.com</tspan>
</text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="505" y="48" width="140" height="99"></rect>
<text id="ads.com" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="543" y="36">ads.com</tspan>
</text>
<path id="Line" d="M485.492587,88.6098407 L321.374704,66.3565684 L321.643432,64.3747042 L485.761314,86.6279765 L486.567496,80.682384 L499.5,89.5 L484.686405,94.5554332 L485.492587,88.6098407 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M336.262135,126.742529 L500.365913,105.881879 L500.618121,107.865913 L336.514342,128.726563 L337.270966,134.678665 L322.5,129.5 L335.505512,120.790427 L336.262135,126.742529 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="GET-/banner.png" transform="translate(416.568389, 65.381858) rotate(7.000000) translate(-416.568389, -65.381858) " font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="361.068389" y="70.8818576">GET /banner.png</tspan>
</text>
<text id="Set-Cookie:-id=123" transform="translate(413.468881, 128.991204) rotate(-7.000000) translate(-413.468881, -128.991204) " font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="352.968881" y="134.491204">Set-Cookie: id=123</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="668" height="192" viewBox="0 0 668 192"><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="data-storage" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="cookie-third-party.svg"><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M38 48h282v99H38z"/><text id="&lt;img-src=&quot;https://ad" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal"><tspan x="42" y="70">&lt;img src=&quot;https://ads.com/banner.png&quot;&gt;</tspan></text><text id="site.com" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="149" y="36">site.com</tspan></text><path id="Rectangle-1-Copy" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M505 48h140v99H505z"/><text id="ads.com" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="543" y="36">ads.com</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M485.493 88.61L321.375 66.357l.268-1.982 164.118 22.253.806-5.946L499.5 89.5l-14.814 5.055.807-5.945z"/><path id="Line-Copy" fill="#EE6B47" fill-rule="nonzero" d="M336.262 126.743l164.104-20.861.252 1.984-164.104 20.86.757 5.953L322.5 129.5l13.006-8.71.756 5.953z"/><text id="GET-/banner.png" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" transform="rotate(7 416.568 65.382)"><tspan x="361.068" y="70.882">GET /banner.png</tspan></text><text id="Set-Cookie:-id=123" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" transform="rotate(-7 413.469 128.991)"><tspan x="352.969" y="134.491">Set-Cookie: id=123</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After

35
6-data-storage/01-cookie/cookie-xsrf.svg
View file

@ -1,34 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="668px" height="166px" viewBox="0 0 668 166" 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>cookie-xsrf.svg</title>
<desc>Created with sketchtool.</desc>
<g id="data-storage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="cookie-xsrf.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="38" y="48" width="282" height="88"></rect>
<text id="&lt;form-action=&quot;https:" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="48" y="69">&lt;form action="https://bank.com/pay"&gt;</tspan>
<tspan x="48" y="88"> ....</tspan>
<tspan x="48" y="107">&lt;/form&gt;</tspan>
</text>
<text id="evil.com" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="149" y="36">evil.com</tspan>
</text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="505" y="48" width="140" height="88"></rect>
<text id="got-the-cookie?-okay" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="526.469238" y="108">got the cookie?</tspan>
<tspan x="558.307617" y="127">okay!</tspan>
</text>
<text id="bank.com" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="543" y="36">bank.com</tspan>
</text>
<path id="Line" d="M485.492587,91.6098407 L321.374704,69.3565684 L321.643432,67.3747042 L485.761314,89.6279765 L486.567496,83.682384 L499.5,92.5 L484.686405,97.5554332 L485.492587,91.6098407 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="POST-/pay" transform="translate(409.575842, 67.259988) rotate(7.000000) translate(-409.575842, -67.259988) " font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="376.075842" y="72.7599882">POST /pay</tspan>
</text>
<text id="cookie:-user=John" transform="translate(407.075842, 90.259988) rotate(7.000000) translate(-407.075842, -90.259988) " font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="349.075842" y="95.7599882">cookie: user=John</tspan>
</text>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="668" height="166" viewBox="0 0 668 166"><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="data-storage" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="cookie-xsrf.svg"><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M38 48h282v88H38z"/><text id="&lt;form-action=&quot;https:" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal"><tspan x="48" y="69">&lt;form action=&quot;https://bank.com/pay&quot;&gt;</tspan> <tspan x="48" y="88"> ....</tspan> <tspan x="48" y="107">&lt;/form&gt;</tspan></text><text id="evil.com" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="149" y="36">evil.com</tspan></text><path id="Rectangle-1-Copy" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M505 48h140v88H505z"/><text id="got-the-cookie?-okay" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal"><tspan x="526.469" y="108">got the cookie?</tspan> <tspan x="558.308" y="127">okay!</tspan></text><text id="bank.com" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="543" y="36">bank.com</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M485.493 91.61L321.375 69.357l.268-1.982 164.118 22.253.806-5.946L499.5 92.5l-14.814 5.055.807-5.945z"/><text id="POST-/pay" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" transform="rotate(7 409.576 67.26)"><tspan x="376.076" y="72.76">POST /pay</tspan></text><text id="cookie:-user=John" fill="#8A704D" font-family="OpenSans-Regular, Open Sans" font-size="14" font-weight="normal" transform="rotate(7 407.076 90.26)"><tspan x="349.076" y="95.76">cookie: user=John</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Before After
Before After