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

37
1-js/04-object-basics/01-object/object-user.svg
View file

@ -1,36 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="248px" height="173px" viewBox="0 0 248 173" 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>object-user.svg</title>
<desc>Created with sketchtool.</desc>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="object-user.svg">
<rect fill="#FFFFFF" x="0" y="0" width="248" height="173"></rect>
<path d="M127.93675,101 L111.270083,121 L241.729917,121 L225.06325,101 L127.93675,101 Z" id="Rectangle-4-Copy" stroke="#D1C4B1" stroke-width="4" fill="#D1C4B1" opacity="0.5"></path>
<g id="Group-2" transform="translate(142.000000, 8.000000)">
<g id="Group">
<rect id="Rectangle-7" fill="#FFFFFF" x="0" y="0" width="32" height="110"></rect>
<path d="M0,0 L32,0 L32,110 L0,110 L0,0 Z M16.5,102.016129 C20.6421356,102.016129 24,99.0373784 24,95.3629032 C24,91.6884281 20.6421356,88.7096774 16.5,88.7096774 C12.3578644,88.7096774 9,91.6884281 9,95.3629032 C9,99.0373784 12.3578644,102.016129 16.5,102.016129 Z M4,4.43548387 L4,81.6129032 L28,81.6129032 L28,4.43548387 L4,4.43548387 Z" id="Combined-Shape" fill="#E8C48F"></path>
</g>
<text id="name" transform="translate(15.500000, 42.858871) rotate(-90.000000) translate(-15.500000, -42.858871) " font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="-1.3" y="47.358871">name</tspan>
</text>
</g>
<g id="Group-2-Copy" transform="translate(179.000000, 8.000000)">
<g id="Group">
<rect id="Rectangle-7" fill="#FFFFFF" x="0" y="0" width="32" height="110"></rect>
<path d="M0,0 L32,0 L32,110 L0,110 L0,0 Z M16.5,102.016129 C20.6421356,102.016129 24,99.0373784 24,95.3629032 C24,91.6884281 20.6421356,88.7096774 16.5,88.7096774 C12.3578644,88.7096774 9,91.6884281 9,95.3629032 C9,99.0373784 12.3578644,102.016129 16.5,102.016129 Z M4,4.43548387 L4,81.6129032 L28,81.6129032 L28,4.43548387 L4,4.43548387 Z" id="Combined-Shape" fill="#E8C48F"></path>
</g>
<text id="age" transform="translate(14.500000, 41.653226) rotate(-90.000000) translate(-14.500000, -41.653226) " font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="1.9" y="46.1532258">age</tspan>
</text>
</g>
<rect id="Rectangle-4" stroke="#BCA68E" stroke-width="4" fill="#FFF9EB" x="109" y="115" width="135" height="50"></rect>
<rect id="Rectangle-8" stroke="#BCA68E" stroke-width="3" x="164.5" y="135.5" width="25" height="10"></rect>
<text id="user" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold" fill="#EE6B47">
<tspan x="11" y="145">user</tspan>
</text>
<path id="Line-8" d="M77.5,142 L51,142 L51,139 L77.5,139 L77.5,131 L96.5,140.5 L77.5,150 L77.5,142 Z" fill="#EE6B47" fill-rule="nonzero"></path>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="248" height="173" viewBox="0 0 248 173"><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="object-user.svg"><path fill="#FFF" d="M0 0h248v173H0z"/><path id="Rectangle-4-Copy" fill="#D1C4B1" stroke="#D1C4B1" stroke-width="4" d="M127.937 101l-16.667 20h130.46l-16.667-20h-97.126z" opacity=".5"/><g id="Group-2" transform="translate(142 8)"><g id="Group"><path id="Rectangle-7" fill="#FFF" d="M0 0h32v110H0z"/><path id="Combined-Shape" fill="#E8C48F" d="M0 0h32v110H0V0zm16.5 102.016c4.142 0 7.5-2.979 7.5-6.653 0-3.675-3.358-6.653-7.5-6.653-4.142 0-7.5 2.978-7.5 6.653 0 3.674 3.358 6.653 7.5 6.653zM4 4.436v77.177h24V4.435H4z"/></g><text id="name" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" transform="rotate(-90 15.5 42.859)"><tspan x="-1.3" y="47.359">name</tspan></text></g><g id="Group-2-Copy" transform="translate(179 8)"><g id="Group"><path id="Rectangle-7" fill="#FFF" d="M0 0h32v110H0z"/><path id="Combined-Shape" fill="#E8C48F" d="M0 0h32v110H0V0zm16.5 102.016c4.142 0 7.5-2.979 7.5-6.653 0-3.675-3.358-6.653-7.5-6.653-4.142 0-7.5 2.978-7.5 6.653 0 3.674 3.358 6.653 7.5 6.653zM4 4.436v77.177h24V4.435H4z"/></g><text id="age" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold" transform="rotate(-90 14.5 41.653)"><tspan x="1.9" y="46.153">age</tspan></text></g><path id="Rectangle-4" fill="#FFF9EB" stroke="#BCA68E" stroke-width="4" d="M109 115h135v50H109z"/><path id="Rectangle-8" stroke="#BCA68E" stroke-width="3" d="M164.5 135.5h25v10h-25z"/><text id="user" fill="#EE6B47" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="11" y="145">user</tspan></text><path id="Line-8" fill="#EE6B47" fill-rule="nonzero" d="M77.5 142H51v-3h26.5v-8l19 9.5-19 9.5v-8z"/></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After