images to svg

This commit is contained in:
Ilya Kantor 2019-07-28 15:42:37 +03:00
parent a31e881856
commit 3ba28aa104
734 changed files with 11682 additions and 245 deletions

View file

@ -189,7 +189,7 @@ Here's an example of using these methods to add more items to a list and the tex
Here's a small picture what methods do:
![](before-prepend-append-after.png)
![](before-prepend-append-after.svg)
So the final list will be:
@ -269,7 +269,7 @@ That's how we can append an arbitrary HTML to our page.
Here's the picture of insertion variants:
![](insert-adjacent.png)
![](insert-adjacent.svg)
We can easily notice similarities between this and the previous picture. The insertion points are actually the same, but this method inserts HTML.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

View file

@ -0,0 +1,70 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="409px" height="203px" viewBox="0 0 409 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>before-prepend-append-after.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="before-prepend-append-after.svg">
<g id="&lt;ol&gt;-&lt;li&gt;0&lt;/li&gt;-&lt;li&gt;" transform="translate(18.630000, 60.200000)" fill-rule="nonzero">
<polygon id="&lt;" fill="#999999" points="-2.91322522e-13 5.53 -2.91322522e-13 5.124 6.594 1.106 7.126 1.974 1.568 5.264 7.14 8.498 6.608 9.338"></polygon>
<path d="M8.568,6.3 C8.568,5.17066102 8.86199706,4.27700329 9.45,3.619 C10.0380029,2.96099671 10.8779945,2.632 11.97,2.632 C12.5580029,2.632 13.0643312,2.72766571 13.489,2.919 C13.9136688,3.11033429 14.2659986,3.3693317 14.546,3.696 C14.8260014,4.0226683 15.033666,4.40999776 15.169,4.858 C15.304334,5.30600224 15.372,5.7866641 15.372,6.3 C15.372,6.8600028 15.2973341,7.36633107 15.148,7.819 C14.9986659,8.27166893 14.7793348,8.65666508 14.49,8.974 C14.2006652,9.29133492 13.8436688,9.53633247 13.419,9.709 C12.9943312,9.88166753 12.511336,9.968 11.97,9.968 C11.3913304,9.968 10.8873355,9.87233429 10.458,9.681 C10.0286645,9.48966571 9.6740014,9.2306683 9.394,8.904 C9.1139986,8.5773317 8.90633401,8.19000224 8.771,7.742 C8.63566599,7.29399776 8.568,6.8133359 8.568,6.3 Z M9.73,6.3 C9.73,6.6266683 9.76966627,6.9533317 9.849,7.28 C9.92833373,7.6066683 10.0566658,7.90066536 10.234,8.162 C10.4113342,8.42333464 10.6423319,8.63333254 10.927,8.792 C11.2116681,8.95066746 11.5593313,9.03 11.97,9.03 C12.7166704,9.03 13.2789981,8.79900231 13.657,8.337 C14.0350019,7.87499769 14.224,7.19600448 14.224,6.3 C14.224,5.96399832 14.1843337,5.63500161 14.105,5.313 C14.0256663,4.99099839 13.8950009,4.69933464 13.713,4.438 C13.5309991,4.17666536 13.2976681,3.96666746 13.013,3.808 C12.7283319,3.64933254 12.3806687,3.57 11.97,3.57 C11.2233296,3.57 10.6633352,3.79866438 10.29,4.256 C9.9166648,4.71333562 9.73,5.39466214 9.73,6.3 Z M17.836,-1.42108547e-14 L20.16,-1.42108547e-14 L20.16,7.448 C20.16,8.01733618 20.2556657,8.4186655 20.447,8.652 C20.6383343,8.8853345 20.9206648,9.002 21.294,9.002 C21.5553346,9.002 21.8049988,8.9553338 22.043,8.862 C22.2810012,8.7686662 22.5446652,8.61000112 22.834,8.386 L23.338,9.156 C23.1886659,9.28666732 23.0253342,9.40333282 22.848,9.506 C22.6706658,9.60866718 22.4886676,9.69499965 22.302,9.765 C22.1153324,9.83500035 21.9286676,9.88866648 21.742,9.926 C21.5553324,9.96333352 21.3826675,9.982 21.224,9.982 C20.8786649,9.982 20.570668,9.93766711 20.3,9.849 C20.029332,9.76033289 19.8030009,9.61800098 19.621,9.422 C19.4389991,9.22599902 19.3013338,8.96700161 19.208,8.645 C19.1146662,8.32299839 19.068,7.92400238 19.068,7.448 L19.068,0.938 L17.836,0.938 L17.836,-1.42108547e-14 Z" id="ol" fill="#990055"></path>
<path d="M25.732,9.338 L25.2,8.498 L30.772,5.264 L25.214,1.974 L25.746,1.106 L32.34,5.124 L32.34,5.53 L25.732,9.338 Z M16.8,25.53 L16.8,25.124 L23.394,21.106 L23.926,21.974 L18.368,25.264 L23.94,28.498 L23.408,29.338 L16.8,25.53 Z" id="&gt;&lt;" fill="#999999"></path>
<path d="M26.236,20 L28.56,20 L28.56,27.448 C28.56,28.0173362 28.6556657,28.4186655 28.847,28.652 C29.0383343,28.8853345 29.3206648,29.002 29.694,29.002 C29.9553346,29.002 30.2049988,28.9553338 30.443,28.862 C30.6810012,28.7686662 30.9446652,28.6100011 31.234,28.386 L31.738,29.156 C31.5886659,29.2866673 31.4253342,29.4033328 31.248,29.506 C31.0706658,29.6086672 30.8886676,29.6949996 30.702,29.765 C30.5153324,29.8350003 30.3286676,29.8886665 30.142,29.926 C29.9553324,29.9633335 29.7826675,29.982 29.624,29.982 C29.2786649,29.982 28.970668,29.9376671 28.7,29.849 C28.429332,29.7603329 28.2030009,29.618001 28.021,29.422 C27.8389991,29.225999 27.7013338,28.9670016 27.608,28.645 C27.5146662,28.3229984 27.468,27.9240024 27.468,27.448 L27.468,20.938 L26.236,20.938 L26.236,20 Z M34.44,29.8 L34.44,28.862 L36.876,28.862 L36.876,23.738 L34.44,23.738 L34.44,22.8 L37.996,22.8 L37.996,28.862 L40.376,28.862 L40.376,29.8 L34.44,29.8 Z M36.498,20.812 C36.498,20.5599987 36.5819992,20.3430009 36.75,20.161 C36.9180008,19.9789991 37.1326654,19.888 37.394,19.888 C37.664668,19.888 37.8909991,19.9789991 38.073,20.161 C38.2550009,20.3430009 38.346,20.5599987 38.346,20.812 C38.346,21.0546679 38.2550009,21.2599992 38.073,21.428 C37.8909991,21.5960008 37.664668,21.68 37.394,21.68 C37.1326654,21.68 36.9180008,21.5960008 36.75,21.428 C36.5819992,21.2599992 36.498,21.0546679 36.498,20.812 Z" id="li" fill="#990055"></path>
<polygon id="&gt;" fill="#999999" points="42.532 29.338 42 28.498 47.572 25.264 42.014 21.974 42.546 21.106 49.14 25.124 49.14 25.53"></polygon>
<path d="M50.54,24.9 C50.54,24.1066627 50.6099993,23.3950031 50.75,22.765 C50.8900007,22.1349968 51.0999986,21.6030022 51.38,21.169 C51.6600014,20.7349978 52.0146645,20.4036678 52.444,20.175 C52.8733355,19.9463322 53.3819971,19.832 53.97,19.832 C54.5953365,19.832 55.1249978,19.9439989 55.559,20.168 C55.9930022,20.3920011 56.345332,20.7186645 56.616,21.148 C56.886668,21.5773355 57.0826661,22.1069968 57.204,22.737 C57.3253339,23.3670031 57.386,24.0879959 57.386,24.9 C57.386,25.6933373 57.3160007,26.4049968 57.176,27.035 C57.0359993,27.6650031 56.8260014,28.1969978 56.546,28.631 C56.2659986,29.0650022 55.9113355,29.3963322 55.482,29.625 C55.0526645,29.8536678 54.5440029,29.968 53.956,29.968 C53.3399969,29.968 52.8150022,29.8443346 52.381,29.597 C51.9469978,29.3496654 51.5923347,29.0020022 51.317,28.554 C51.0416653,28.1059978 50.8433339,27.5716698 50.722,26.951 C50.6006661,26.3303302 50.54,25.6466704 50.54,24.9 Z M56.238,24.9 C56.238,24.4053309 56.2100003,23.9340022 56.154,23.486 L51.996,27.28 C52.1546675,27.8120027 52.3926651,28.2366651 52.71,28.554 C53.0273349,28.8713349 53.4426641,29.03 53.956,29.03 C54.7773374,29.03 55.3629982,28.6893367 55.713,28.008 C56.0630017,27.3266633 56.238,26.2906736 56.238,24.9 Z M51.702,24.9 C51.702,25.1333345 51.7089999,25.3573323 51.723,25.572 C51.7370001,25.7866677 51.7533332,25.9966656 51.772,26.202 L55.944,22.422 C55.7853325,21.9179975 55.5496682,21.5166682 55.237,21.218 C54.9243318,20.9193318 54.5020027,20.77 53.97,20.77 C53.1393292,20.77 52.5536684,21.1129966 52.213,21.799 C51.8723316,22.4850034 51.702,23.5186598 51.702,24.9 Z" id="0" fill="#000000"></path>
<path d="M58.8,25.53 L58.8,25.124 L65.394,21.106 L65.926,21.974 L60.368,25.264 L65.94,28.498 L65.408,29.338 L58.8,25.53 Z M72.884,19.832 L73.766,20.224 L68.656,31.76 L67.774,31.368 L72.884,19.832 Z" id="&lt;/" fill="#999999"></path>
<path d="M76.636,20 L78.96,20 L78.96,27.448 C78.96,28.0173362 79.0556657,28.4186655 79.247,28.652 C79.4383343,28.8853345 79.7206648,29.002 80.094,29.002 C80.3553346,29.002 80.6049988,28.9553338 80.843,28.862 C81.0810012,28.7686662 81.3446652,28.6100011 81.634,28.386 L82.138,29.156 C81.9886659,29.2866673 81.8253342,29.4033328 81.648,29.506 C81.4706658,29.6086672 81.2886676,29.6949996 81.102,29.765 C80.9153324,29.8350003 80.7286676,29.8886665 80.542,29.926 C80.3553324,29.9633335 80.1826675,29.982 80.024,29.982 C79.6786649,29.982 79.370668,29.9376671 79.1,29.849 C78.829332,29.7603329 78.6030009,29.618001 78.421,29.422 C78.2389991,29.225999 78.1013338,28.9670016 78.008,28.645 C77.9146662,28.3229984 77.868,27.9240024 77.868,27.448 L77.868,20.938 L76.636,20.938 L76.636,20 Z M84.84,29.8 L84.84,28.862 L87.276,28.862 L87.276,23.738 L84.84,23.738 L84.84,22.8 L88.396,22.8 L88.396,28.862 L90.776,28.862 L90.776,29.8 L84.84,29.8 Z M86.898,20.812 C86.898,20.5599987 86.9819992,20.3430009 87.15,20.161 C87.3180008,19.9789991 87.5326654,19.888 87.794,19.888 C88.064668,19.888 88.2909991,19.9789991 88.473,20.161 C88.6550009,20.3430009 88.746,20.5599987 88.746,20.812 C88.746,21.0546679 88.6550009,21.2599992 88.473,21.428 C88.2909991,21.5960008 88.064668,21.68 87.794,21.68 C87.5326654,21.68 87.3180008,21.5960008 87.15,21.428 C86.9819992,21.2599992 86.898,21.0546679 86.898,20.812 Z" id="li" fill="#990055"></path>
<path d="M92.932,29.338 L92.4,28.498 L97.972,25.264 L92.414,21.974 L92.946,21.106 L99.54,25.124 L99.54,25.53 L92.932,29.338 Z M16.8,45.53 L16.8,45.124 L23.394,41.106 L23.926,41.974 L18.368,45.264 L23.94,48.498 L23.408,49.338 L16.8,45.53 Z" id="&gt;&lt;" fill="#999999"></path>
<path d="M26.236,40 L28.56,40 L28.56,47.448 C28.56,48.0173362 28.6556657,48.4186655 28.847,48.652 C29.0383343,48.8853345 29.3206648,49.002 29.694,49.002 C29.9553346,49.002 30.2049988,48.9553338 30.443,48.862 C30.6810012,48.7686662 30.9446652,48.6100011 31.234,48.386 L31.738,49.156 C31.5886659,49.2866673 31.4253342,49.4033328 31.248,49.506 C31.0706658,49.6086672 30.8886676,49.6949996 30.702,49.765 C30.5153324,49.8350003 30.3286676,49.8886665 30.142,49.926 C29.9553324,49.9633335 29.7826675,49.982 29.624,49.982 C29.2786649,49.982 28.970668,49.9376671 28.7,49.849 C28.429332,49.7603329 28.2030009,49.618001 28.021,49.422 C27.8389991,49.225999 27.7013338,48.9670016 27.608,48.645 C27.5146662,48.3229984 27.468,47.9240024 27.468,47.448 L27.468,40.938 L26.236,40.938 L26.236,40 Z M34.44,49.8 L34.44,48.862 L36.876,48.862 L36.876,43.738 L34.44,43.738 L34.44,42.8 L37.996,42.8 L37.996,48.862 L40.376,48.862 L40.376,49.8 L34.44,49.8 Z M36.498,40.812 C36.498,40.5599987 36.5819992,40.3430009 36.75,40.161 C36.9180008,39.9789991 37.1326654,39.888 37.394,39.888 C37.664668,39.888 37.8909991,39.9789991 38.073,40.161 C38.2550009,40.3430009 38.346,40.5599987 38.346,40.812 C38.346,41.0546679 38.2550009,41.2599992 38.073,41.428 C37.8909991,41.5960008 37.664668,41.68 37.394,41.68 C37.1326654,41.68 36.9180008,41.5960008 36.75,41.428 C36.5819992,41.2599992 36.498,41.0546679 36.498,40.812 Z" id="li" fill="#990055"></path>
<polygon id="&gt;" fill="#999999" points="42.532 49.338 42 48.498 47.572 45.264 42.014 41.974 42.546 41.106 49.14 45.124 49.14 45.53"></polygon>
<polygon id="1" fill="#000000" points="51.548 48.792 53.746 48.792 53.746 41.428 51.506 42.996 50.96 42.198 54.04 40 54.824 40 54.824 48.792 56.98 48.792 56.98 49.8 51.548 49.8"></polygon>
<path d="M58.8,45.53 L58.8,45.124 L65.394,41.106 L65.926,41.974 L60.368,45.264 L65.94,48.498 L65.408,49.338 L58.8,45.53 Z M72.884,39.832 L73.766,40.224 L68.656,51.76 L67.774,51.368 L72.884,39.832 Z" id="&lt;/" fill="#999999"></path>
<path d="M76.636,40 L78.96,40 L78.96,47.448 C78.96,48.0173362 79.0556657,48.4186655 79.247,48.652 C79.4383343,48.8853345 79.7206648,49.002 80.094,49.002 C80.3553346,49.002 80.6049988,48.9553338 80.843,48.862 C81.0810012,48.7686662 81.3446652,48.6100011 81.634,48.386 L82.138,49.156 C81.9886659,49.2866673 81.8253342,49.4033328 81.648,49.506 C81.4706658,49.6086672 81.2886676,49.6949996 81.102,49.765 C80.9153324,49.8350003 80.7286676,49.8886665 80.542,49.926 C80.3553324,49.9633335 80.1826675,49.982 80.024,49.982 C79.6786649,49.982 79.370668,49.9376671 79.1,49.849 C78.829332,49.7603329 78.6030009,49.618001 78.421,49.422 C78.2389991,49.225999 78.1013338,48.9670016 78.008,48.645 C77.9146662,48.3229984 77.868,47.9240024 77.868,47.448 L77.868,40.938 L76.636,40.938 L76.636,40 Z M84.84,49.8 L84.84,48.862 L87.276,48.862 L87.276,43.738 L84.84,43.738 L84.84,42.8 L88.396,42.8 L88.396,48.862 L90.776,48.862 L90.776,49.8 L84.84,49.8 Z M86.898,40.812 C86.898,40.5599987 86.9819992,40.3430009 87.15,40.161 C87.3180008,39.9789991 87.5326654,39.888 87.794,39.888 C88.064668,39.888 88.2909991,39.9789991 88.473,40.161 C88.6550009,40.3430009 88.746,40.5599987 88.746,40.812 C88.746,41.0546679 88.6550009,41.2599992 88.473,41.428 C88.2909991,41.5960008 88.064668,41.68 87.794,41.68 C87.5326654,41.68 87.3180008,41.5960008 87.15,41.428 C86.9819992,41.2599992 86.898,41.0546679 86.898,40.812 Z" id="li" fill="#990055"></path>
<path d="M92.932,49.338 L92.4,48.498 L97.972,45.264 L92.414,41.974 L92.946,41.106 L99.54,45.124 L99.54,45.53 L92.932,49.338 Z M16.8,65.53 L16.8,65.124 L23.394,61.106 L23.926,61.974 L18.368,65.264 L23.94,68.498 L23.408,69.338 L16.8,65.53 Z" id="&gt;&lt;" fill="#999999"></path>
<path d="M26.236,60 L28.56,60 L28.56,67.448 C28.56,68.0173362 28.6556657,68.4186655 28.847,68.652 C29.0383343,68.8853345 29.3206648,69.002 29.694,69.002 C29.9553346,69.002 30.2049988,68.9553338 30.443,68.862 C30.6810012,68.7686662 30.9446652,68.6100011 31.234,68.386 L31.738,69.156 C31.5886659,69.2866673 31.4253342,69.4033328 31.248,69.506 C31.0706658,69.6086672 30.8886676,69.6949996 30.702,69.765 C30.5153324,69.8350003 30.3286676,69.8886665 30.142,69.926 C29.9553324,69.9633335 29.7826675,69.982 29.624,69.982 C29.2786649,69.982 28.970668,69.9376671 28.7,69.849 C28.429332,69.7603329 28.2030009,69.618001 28.021,69.422 C27.8389991,69.225999 27.7013338,68.9670016 27.608,68.645 C27.5146662,68.3229984 27.468,67.9240024 27.468,67.448 L27.468,60.938 L26.236,60.938 L26.236,60 Z M34.44,69.8 L34.44,68.862 L36.876,68.862 L36.876,63.738 L34.44,63.738 L34.44,62.8 L37.996,62.8 L37.996,68.862 L40.376,68.862 L40.376,69.8 L34.44,69.8 Z M36.498,60.812 C36.498,60.5599987 36.5819992,60.3430009 36.75,60.161 C36.9180008,59.9789991 37.1326654,59.888 37.394,59.888 C37.664668,59.888 37.8909991,59.9789991 38.073,60.161 C38.2550009,60.3430009 38.346,60.5599987 38.346,60.812 C38.346,61.0546679 38.2550009,61.2599992 38.073,61.428 C37.8909991,61.5960008 37.664668,61.68 37.394,61.68 C37.1326654,61.68 36.9180008,61.5960008 36.75,61.428 C36.5819992,61.2599992 36.498,61.0546679 36.498,60.812 Z" id="li" fill="#990055"></path>
<polygon id="&gt;" fill="#999999" points="42.532 69.338 42 68.498 47.572 65.264 42.014 61.974 42.546 61.106 49.14 65.124 49.14 65.53"></polygon>
<path d="M56.77,62.478 C56.77,63.336671 56.3640041,64.2933281 55.552,65.348 C54.7399959,66.4026719 53.6060073,67.5506605 52.15,68.792 L57.078,68.792 L57.078,69.8 L50.862,69.8 L50.862,68.792 C51.0393342,68.6239992 51.2819985,68.404668 51.59,68.134 C51.8980015,67.863332 52.2293316,67.562335 52.584,67.231 C52.9386684,66.899665 53.3003315,66.5426686 53.669,66.16 C54.0376685,65.7773314 54.3713318,65.3853353 54.67,64.984 C54.9686682,64.5826647 55.2113324,64.1813353 55.398,63.78 C55.5846676,63.3786647 55.678,62.9913352 55.678,62.618 C55.678,62.0579972 55.5310015,61.6170016 55.237,61.295 C54.9429985,60.9729984 54.5020029,60.812 53.914,60.812 C53.4099975,60.812 52.9853351,60.8679994 52.64,60.98 C52.2946649,61.0920006 51.9820014,61.2553323 51.702,61.47 L51.226,60.7 C51.6460021,60.4013318 52.0916643,60.1820007 52.563,60.042 C53.0343357,59.9019993 53.5499972,59.832 54.11,59.832 C54.9873377,59.832 55.6499978,60.0699976 56.098,60.546 C56.5460022,61.0220024 56.77,61.6659959 56.77,62.478 Z" id="2" fill="#000000"></path>
<path d="M58.8,65.53 L58.8,65.124 L65.394,61.106 L65.926,61.974 L60.368,65.264 L65.94,68.498 L65.408,69.338 L58.8,65.53 Z M72.884,59.832 L73.766,60.224 L68.656,71.76 L67.774,71.368 L72.884,59.832 Z" id="&lt;/" fill="#999999"></path>
<path d="M76.636,60 L78.96,60 L78.96,67.448 C78.96,68.0173362 79.0556657,68.4186655 79.247,68.652 C79.4383343,68.8853345 79.7206648,69.002 80.094,69.002 C80.3553346,69.002 80.6049988,68.9553338 80.843,68.862 C81.0810012,68.7686662 81.3446652,68.6100011 81.634,68.386 L82.138,69.156 C81.9886659,69.2866673 81.8253342,69.4033328 81.648,69.506 C81.4706658,69.6086672 81.2886676,69.6949996 81.102,69.765 C80.9153324,69.8350003 80.7286676,69.8886665 80.542,69.926 C80.3553324,69.9633335 80.1826675,69.982 80.024,69.982 C79.6786649,69.982 79.370668,69.9376671 79.1,69.849 C78.829332,69.7603329 78.6030009,69.618001 78.421,69.422 C78.2389991,69.225999 78.1013338,68.9670016 78.008,68.645 C77.9146662,68.3229984 77.868,67.9240024 77.868,67.448 L77.868,60.938 L76.636,60.938 L76.636,60 Z M84.84,69.8 L84.84,68.862 L87.276,68.862 L87.276,63.738 L84.84,63.738 L84.84,62.8 L88.396,62.8 L88.396,68.862 L90.776,68.862 L90.776,69.8 L84.84,69.8 Z M86.898,60.812 C86.898,60.5599987 86.9819992,60.3430009 87.15,60.161 C87.3180008,59.9789991 87.5326654,59.888 87.794,59.888 C88.064668,59.888 88.2909991,59.9789991 88.473,60.161 C88.6550009,60.3430009 88.746,60.5599987 88.746,60.812 C88.746,61.0546679 88.6550009,61.2599992 88.473,61.428 C88.2909991,61.5960008 88.064668,61.68 87.794,61.68 C87.5326654,61.68 87.3180008,61.5960008 87.15,61.428 C86.9819992,61.2599992 86.898,61.0546679 86.898,60.812 Z" id="li" fill="#990055"></path>
<path d="M92.932,69.338 L92.4,68.498 L97.972,65.264 L92.414,61.974 L92.946,61.106 L99.54,65.124 L99.54,65.53 L92.932,69.338 Z M-4.8316906e-13,85.53 L-4.8316906e-13,85.124 L6.594,81.106 L7.126,81.974 L1.568,85.264 L7.14,88.498 L6.608,89.338 L-4.8316906e-13,85.53 Z M14.084,79.832 L14.966,80.224 L9.856,91.76 L8.974,91.368 L14.084,79.832 Z" id="&gt;&lt;/" fill="#999999"></path>
<path d="M16.968,86.3 C16.968,85.170661 17.2619971,84.2770033 17.85,83.619 C18.4380029,82.9609967 19.2779945,82.632 20.37,82.632 C20.9580029,82.632 21.4643312,82.7276657 21.889,82.919 C22.3136688,83.1103343 22.6659986,83.3693317 22.946,83.696 C23.2260014,84.0226683 23.433666,84.4099978 23.569,84.858 C23.704334,85.3060022 23.772,85.7866641 23.772,86.3 C23.772,86.8600028 23.6973341,87.3663311 23.548,87.819 C23.3986659,88.2716689 23.1793348,88.6566651 22.89,88.974 C22.6006652,89.2913349 22.2436688,89.5363325 21.819,89.709 C21.3943312,89.8816675 20.911336,89.968 20.37,89.968 C19.7913304,89.968 19.2873355,89.8723343 18.858,89.681 C18.4286645,89.4896657 18.0740014,89.2306683 17.794,88.904 C17.5139986,88.5773317 17.306334,88.1900022 17.171,87.742 C17.035666,87.2939978 16.968,86.8133359 16.968,86.3 Z M18.13,86.3 C18.13,86.6266683 18.1696663,86.9533317 18.249,87.28 C18.3283337,87.6066683 18.4566658,87.9006654 18.634,88.162 C18.8113342,88.4233346 19.0423319,88.6333325 19.327,88.792 C19.6116681,88.9506675 19.9593313,89.03 20.37,89.03 C21.1166704,89.03 21.6789981,88.7990023 22.057,88.337 C22.4350019,87.8749977 22.624,87.1960045 22.624,86.3 C22.624,85.9639983 22.5843337,85.6350016 22.505,85.313 C22.4256663,84.9909984 22.2950009,84.6993346 22.113,84.438 C21.9309991,84.1766654 21.6976681,83.9666675 21.413,83.808 C21.1283319,83.6493325 20.7806687,83.57 20.37,83.57 C19.6233296,83.57 19.0633352,83.7986644 18.69,84.256 C18.3166648,84.7133356 18.13,85.3946621 18.13,86.3 Z M26.236,80 L28.56,80 L28.56,87.448 C28.56,88.0173362 28.6556657,88.4186655 28.847,88.652 C29.0383343,88.8853345 29.3206648,89.002 29.694,89.002 C29.9553346,89.002 30.2049988,88.9553338 30.443,88.862 C30.6810012,88.7686662 30.9446652,88.6100011 31.234,88.386 L31.738,89.156 C31.5886659,89.2866673 31.4253342,89.4033328 31.248,89.506 C31.0706658,89.6086672 30.8886676,89.6949996 30.702,89.765 C30.5153324,89.8350004 30.3286676,89.8886665 30.142,89.926 C29.9553324,89.9633335 29.7826675,89.982 29.624,89.982 C29.2786649,89.982 28.970668,89.9376671 28.7,89.849 C28.429332,89.7603329 28.2030009,89.618001 28.021,89.422 C27.8389991,89.225999 27.7013338,88.9670016 27.608,88.645 C27.5146662,88.3229984 27.468,87.9240024 27.468,87.448 L27.468,80.938 L26.236,80.938 L26.236,80 Z" id="ol" fill="#990055"></path>
<polygon id="&gt;" fill="#999999" points="34.132 89.338 33.6 88.498 39.172 85.264 33.614 81.974 34.146 81.106 40.74 85.124 40.74 85.53"></polygon>
</g>
<g id="Line-Copy-5-+-Line-Copy-4-+-Line-Copy-3" transform="translate(132.000000, 163.000000) rotate(90.000000) translate(-132.000000, -163.000000) translate(116.500000, 73.500000)" stroke="#EE6B47" stroke-linecap="square" stroke-width="3">
<path d="M0.52734375,0.625 C0.52734375,0.625 30.8847656,-3.5 30.8847656,81.25 C30.8847656,166 15.7060547,175.972656 15.7060547,175.972656" id="Line-Copy-5"></path>
<path d="M15,178 L15,161" id="Line"></path>
<path d="M15,178 L30,173" id="Line-Copy"></path>
</g>
<g id="Line-Copy-5-+-Line-Copy-4-+-Line-Copy-3-Copy-Copy" transform="translate(143.500000, 132.500000) rotate(90.000000) translate(-143.500000, -132.500000) translate(129.000000, 51.000000)" stroke="#EE6B47" stroke-linecap="square" stroke-width="3">
<path d="M0.256764482,0.737190855 C0.256764482,0.737190855 21.4618426,8.32592025 21.4618426,93.8558282 C21.4618426,179.385736 21.4618426,161.098869 21.4618426,161.098869" id="Line-Copy-5"></path>
<path d="M21.4085366,162.661043 L14.5,150.5" id="Line"></path>
<path d="M21.4756098,162.490798 L27.5,150.5" id="Line-Copy"></path>
</g>
<g id="Line-Copy-5-+-Line-Copy-4-+-Line-Copy-3-Copy-Copy-Copy" transform="translate(143.500000, 81.500000) scale(1, -1) rotate(90.000000) translate(-143.500000, -81.500000) translate(129.000000, 0.000000)" stroke="#EE6B47" stroke-linecap="square" stroke-width="3">
<path d="M0.256764482,0.737190855 C0.256764482,0.737190855 21.4618426,8.32592025 21.4618426,93.8558282 C21.4618426,179.385736 21.4618426,161.098869 21.4618426,161.098869" id="Line-Copy-5"></path>
<path d="M21.4085366,162.661043 L14.5,150.5" id="Line"></path>
<path d="M21.4756098,162.490798 L27.5,150.5" id="Line-Copy"></path>
</g>
<path d="M45.5,35.5 L50.5,49.5" id="Line-Copy-3" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" transform="translate(48.000000, 42.500000) scale(1, -1) translate(-48.000000, -42.500000) "></path>
<path d="M45.5,49.5 L59.5,49.5" id="Line-Copy-2" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" transform="translate(52.500000, 49.500000) scale(1, -1) translate(-52.500000, -49.500000) "></path>
<text id="ol.after" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="113" y="193">ol.after</tspan>
</text>
<text id="ol.append" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="113" y="156">ol.append</tspan>
</text>
<text id="ol.prepend" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="113" y="66">ol.prepend</tspan>
</text>
<g id="Line-Copy-5-+-Line-Copy-4-+-Line-Copy-3-Copy" transform="translate(134.500000, 49.000000) scale(1, -1) rotate(90.000000) translate(-134.500000, -49.000000) translate(119.000000, -39.000000)" stroke="#EE6B47" stroke-linecap="square" stroke-width="3">
<path d="M0.52734375,0.625 C0.52734375,0.625 30.8847656,-3.5 30.8847656,81.25 C30.8847656,166 15.7060547,175.972656 15.7060547,175.972656" id="Line-Copy-5"></path>
</g>
<text id="ol.before" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="111" y="26">ol.before</tspan>
</text>
<text id="ol.*(…nodes-or-strin" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8B572A">
<tspan x="198" y="112">ol.*(…nodes or strings)</tspan>
</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

View file

@ -0,0 +1,70 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="409px" height="203px" viewBox="0 0 409 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>insert-adjacent.svg</title>
<desc>Created with sketchtool.</desc>
<g id="dom" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="insert-adjacent.svg">
<g id="&lt;ol&gt;-&lt;li&gt;0&lt;/li&gt;-&lt;li&gt;" transform="translate(18.630000, 60.200000)" fill-rule="nonzero">
<polygon id="&lt;" fill="#999999" points="-2.91322522e-13 5.53 -2.91322522e-13 5.124 6.594 1.106 7.126 1.974 1.568 5.264 7.14 8.498 6.608 9.338"></polygon>
<path d="M8.568,6.3 C8.568,5.17066102 8.86199706,4.27700329 9.45,3.619 C10.0380029,2.96099671 10.8779945,2.632 11.97,2.632 C12.5580029,2.632 13.0643312,2.72766571 13.489,2.919 C13.9136688,3.11033429 14.2659986,3.3693317 14.546,3.696 C14.8260014,4.0226683 15.033666,4.40999776 15.169,4.858 C15.304334,5.30600224 15.372,5.7866641 15.372,6.3 C15.372,6.8600028 15.2973341,7.36633107 15.148,7.819 C14.9986659,8.27166893 14.7793348,8.65666508 14.49,8.974 C14.2006652,9.29133492 13.8436688,9.53633247 13.419,9.709 C12.9943312,9.88166753 12.511336,9.968 11.97,9.968 C11.3913304,9.968 10.8873355,9.87233429 10.458,9.681 C10.0286645,9.48966571 9.6740014,9.2306683 9.394,8.904 C9.1139986,8.5773317 8.90633401,8.19000224 8.771,7.742 C8.63566599,7.29399776 8.568,6.8133359 8.568,6.3 Z M9.73,6.3 C9.73,6.6266683 9.76966627,6.9533317 9.849,7.28 C9.92833373,7.6066683 10.0566658,7.90066536 10.234,8.162 C10.4113342,8.42333464 10.6423319,8.63333254 10.927,8.792 C11.2116681,8.95066746 11.5593313,9.03 11.97,9.03 C12.7166704,9.03 13.2789981,8.79900231 13.657,8.337 C14.0350019,7.87499769 14.224,7.19600448 14.224,6.3 C14.224,5.96399832 14.1843337,5.63500161 14.105,5.313 C14.0256663,4.99099839 13.8950009,4.69933464 13.713,4.438 C13.5309991,4.17666536 13.2976681,3.96666746 13.013,3.808 C12.7283319,3.64933254 12.3806687,3.57 11.97,3.57 C11.2233296,3.57 10.6633352,3.79866438 10.29,4.256 C9.9166648,4.71333562 9.73,5.39466214 9.73,6.3 Z M17.836,-1.42108547e-14 L20.16,-1.42108547e-14 L20.16,7.448 C20.16,8.01733618 20.2556657,8.4186655 20.447,8.652 C20.6383343,8.8853345 20.9206648,9.002 21.294,9.002 C21.5553346,9.002 21.8049988,8.9553338 22.043,8.862 C22.2810012,8.7686662 22.5446652,8.61000112 22.834,8.386 L23.338,9.156 C23.1886659,9.28666732 23.0253342,9.40333282 22.848,9.506 C22.6706658,9.60866718 22.4886676,9.69499965 22.302,9.765 C22.1153324,9.83500035 21.9286676,9.88866648 21.742,9.926 C21.5553324,9.96333352 21.3826675,9.982 21.224,9.982 C20.8786649,9.982 20.570668,9.93766711 20.3,9.849 C20.029332,9.76033289 19.8030009,9.61800098 19.621,9.422 C19.4389991,9.22599902 19.3013338,8.96700161 19.208,8.645 C19.1146662,8.32299839 19.068,7.92400238 19.068,7.448 L19.068,0.938 L17.836,0.938 L17.836,-1.42108547e-14 Z" id="ol" fill="#990055"></path>
<path d="M25.732,9.338 L25.2,8.498 L30.772,5.264 L25.214,1.974 L25.746,1.106 L32.34,5.124 L32.34,5.53 L25.732,9.338 Z M16.8,25.53 L16.8,25.124 L23.394,21.106 L23.926,21.974 L18.368,25.264 L23.94,28.498 L23.408,29.338 L16.8,25.53 Z" id="&gt;&lt;" fill="#999999"></path>
<path d="M26.236,20 L28.56,20 L28.56,27.448 C28.56,28.0173362 28.6556657,28.4186655 28.847,28.652 C29.0383343,28.8853345 29.3206648,29.002 29.694,29.002 C29.9553346,29.002 30.2049988,28.9553338 30.443,28.862 C30.6810012,28.7686662 30.9446652,28.6100011 31.234,28.386 L31.738,29.156 C31.5886659,29.2866673 31.4253342,29.4033328 31.248,29.506 C31.0706658,29.6086672 30.8886676,29.6949996 30.702,29.765 C30.5153324,29.8350003 30.3286676,29.8886665 30.142,29.926 C29.9553324,29.9633335 29.7826675,29.982 29.624,29.982 C29.2786649,29.982 28.970668,29.9376671 28.7,29.849 C28.429332,29.7603329 28.2030009,29.618001 28.021,29.422 C27.8389991,29.225999 27.7013338,28.9670016 27.608,28.645 C27.5146662,28.3229984 27.468,27.9240024 27.468,27.448 L27.468,20.938 L26.236,20.938 L26.236,20 Z M34.44,29.8 L34.44,28.862 L36.876,28.862 L36.876,23.738 L34.44,23.738 L34.44,22.8 L37.996,22.8 L37.996,28.862 L40.376,28.862 L40.376,29.8 L34.44,29.8 Z M36.498,20.812 C36.498,20.5599987 36.5819992,20.3430009 36.75,20.161 C36.9180008,19.9789991 37.1326654,19.888 37.394,19.888 C37.664668,19.888 37.8909991,19.9789991 38.073,20.161 C38.2550009,20.3430009 38.346,20.5599987 38.346,20.812 C38.346,21.0546679 38.2550009,21.2599992 38.073,21.428 C37.8909991,21.5960008 37.664668,21.68 37.394,21.68 C37.1326654,21.68 36.9180008,21.5960008 36.75,21.428 C36.5819992,21.2599992 36.498,21.0546679 36.498,20.812 Z" id="li" fill="#990055"></path>
<polygon id="&gt;" fill="#999999" points="42.532 29.338 42 28.498 47.572 25.264 42.014 21.974 42.546 21.106 49.14 25.124 49.14 25.53"></polygon>
<path d="M50.54,24.9 C50.54,24.1066627 50.6099993,23.3950031 50.75,22.765 C50.8900007,22.1349968 51.0999986,21.6030022 51.38,21.169 C51.6600014,20.7349978 52.0146645,20.4036678 52.444,20.175 C52.8733355,19.9463322 53.3819971,19.832 53.97,19.832 C54.5953365,19.832 55.1249978,19.9439989 55.559,20.168 C55.9930022,20.3920011 56.345332,20.7186645 56.616,21.148 C56.886668,21.5773355 57.0826661,22.1069968 57.204,22.737 C57.3253339,23.3670031 57.386,24.0879959 57.386,24.9 C57.386,25.6933373 57.3160007,26.4049968 57.176,27.035 C57.0359993,27.6650031 56.8260014,28.1969978 56.546,28.631 C56.2659986,29.0650022 55.9113355,29.3963322 55.482,29.625 C55.0526645,29.8536678 54.5440029,29.968 53.956,29.968 C53.3399969,29.968 52.8150022,29.8443346 52.381,29.597 C51.9469978,29.3496654 51.5923347,29.0020022 51.317,28.554 C51.0416653,28.1059978 50.8433339,27.5716698 50.722,26.951 C50.6006661,26.3303302 50.54,25.6466704 50.54,24.9 Z M56.238,24.9 C56.238,24.4053309 56.2100003,23.9340022 56.154,23.486 L51.996,27.28 C52.1546675,27.8120027 52.3926651,28.2366651 52.71,28.554 C53.0273349,28.8713349 53.4426641,29.03 53.956,29.03 C54.7773374,29.03 55.3629982,28.6893367 55.713,28.008 C56.0630017,27.3266633 56.238,26.2906736 56.238,24.9 Z M51.702,24.9 C51.702,25.1333345 51.7089999,25.3573323 51.723,25.572 C51.7370001,25.7866677 51.7533332,25.9966656 51.772,26.202 L55.944,22.422 C55.7853325,21.9179975 55.5496682,21.5166682 55.237,21.218 C54.9243318,20.9193318 54.5020027,20.77 53.97,20.77 C53.1393292,20.77 52.5536684,21.1129966 52.213,21.799 C51.8723316,22.4850034 51.702,23.5186598 51.702,24.9 Z" id="0" fill="#000000"></path>
<path d="M58.8,25.53 L58.8,25.124 L65.394,21.106 L65.926,21.974 L60.368,25.264 L65.94,28.498 L65.408,29.338 L58.8,25.53 Z M72.884,19.832 L73.766,20.224 L68.656,31.76 L67.774,31.368 L72.884,19.832 Z" id="&lt;/" fill="#999999"></path>
<path d="M76.636,20 L78.96,20 L78.96,27.448 C78.96,28.0173362 79.0556657,28.4186655 79.247,28.652 C79.4383343,28.8853345 79.7206648,29.002 80.094,29.002 C80.3553346,29.002 80.6049988,28.9553338 80.843,28.862 C81.0810012,28.7686662 81.3446652,28.6100011 81.634,28.386 L82.138,29.156 C81.9886659,29.2866673 81.8253342,29.4033328 81.648,29.506 C81.4706658,29.6086672 81.2886676,29.6949996 81.102,29.765 C80.9153324,29.8350003 80.7286676,29.8886665 80.542,29.926 C80.3553324,29.9633335 80.1826675,29.982 80.024,29.982 C79.6786649,29.982 79.370668,29.9376671 79.1,29.849 C78.829332,29.7603329 78.6030009,29.618001 78.421,29.422 C78.2389991,29.225999 78.1013338,28.9670016 78.008,28.645 C77.9146662,28.3229984 77.868,27.9240024 77.868,27.448 L77.868,20.938 L76.636,20.938 L76.636,20 Z M84.84,29.8 L84.84,28.862 L87.276,28.862 L87.276,23.738 L84.84,23.738 L84.84,22.8 L88.396,22.8 L88.396,28.862 L90.776,28.862 L90.776,29.8 L84.84,29.8 Z M86.898,20.812 C86.898,20.5599987 86.9819992,20.3430009 87.15,20.161 C87.3180008,19.9789991 87.5326654,19.888 87.794,19.888 C88.064668,19.888 88.2909991,19.9789991 88.473,20.161 C88.6550009,20.3430009 88.746,20.5599987 88.746,20.812 C88.746,21.0546679 88.6550009,21.2599992 88.473,21.428 C88.2909991,21.5960008 88.064668,21.68 87.794,21.68 C87.5326654,21.68 87.3180008,21.5960008 87.15,21.428 C86.9819992,21.2599992 86.898,21.0546679 86.898,20.812 Z" id="li" fill="#990055"></path>
<path d="M92.932,29.338 L92.4,28.498 L97.972,25.264 L92.414,21.974 L92.946,21.106 L99.54,25.124 L99.54,25.53 L92.932,29.338 Z M16.8,45.53 L16.8,45.124 L23.394,41.106 L23.926,41.974 L18.368,45.264 L23.94,48.498 L23.408,49.338 L16.8,45.53 Z" id="&gt;&lt;" fill="#999999"></path>
<path d="M26.236,40 L28.56,40 L28.56,47.448 C28.56,48.0173362 28.6556657,48.4186655 28.847,48.652 C29.0383343,48.8853345 29.3206648,49.002 29.694,49.002 C29.9553346,49.002 30.2049988,48.9553338 30.443,48.862 C30.6810012,48.7686662 30.9446652,48.6100011 31.234,48.386 L31.738,49.156 C31.5886659,49.2866673 31.4253342,49.4033328 31.248,49.506 C31.0706658,49.6086672 30.8886676,49.6949996 30.702,49.765 C30.5153324,49.8350003 30.3286676,49.8886665 30.142,49.926 C29.9553324,49.9633335 29.7826675,49.982 29.624,49.982 C29.2786649,49.982 28.970668,49.9376671 28.7,49.849 C28.429332,49.7603329 28.2030009,49.618001 28.021,49.422 C27.8389991,49.225999 27.7013338,48.9670016 27.608,48.645 C27.5146662,48.3229984 27.468,47.9240024 27.468,47.448 L27.468,40.938 L26.236,40.938 L26.236,40 Z M34.44,49.8 L34.44,48.862 L36.876,48.862 L36.876,43.738 L34.44,43.738 L34.44,42.8 L37.996,42.8 L37.996,48.862 L40.376,48.862 L40.376,49.8 L34.44,49.8 Z M36.498,40.812 C36.498,40.5599987 36.5819992,40.3430009 36.75,40.161 C36.9180008,39.9789991 37.1326654,39.888 37.394,39.888 C37.664668,39.888 37.8909991,39.9789991 38.073,40.161 C38.2550009,40.3430009 38.346,40.5599987 38.346,40.812 C38.346,41.0546679 38.2550009,41.2599992 38.073,41.428 C37.8909991,41.5960008 37.664668,41.68 37.394,41.68 C37.1326654,41.68 36.9180008,41.5960008 36.75,41.428 C36.5819992,41.2599992 36.498,41.0546679 36.498,40.812 Z" id="li" fill="#990055"></path>
<polygon id="&gt;" fill="#999999" points="42.532 49.338 42 48.498 47.572 45.264 42.014 41.974 42.546 41.106 49.14 45.124 49.14 45.53"></polygon>
<polygon id="1" fill="#000000" points="51.548 48.792 53.746 48.792 53.746 41.428 51.506 42.996 50.96 42.198 54.04 40 54.824 40 54.824 48.792 56.98 48.792 56.98 49.8 51.548 49.8"></polygon>
<path d="M58.8,45.53 L58.8,45.124 L65.394,41.106 L65.926,41.974 L60.368,45.264 L65.94,48.498 L65.408,49.338 L58.8,45.53 Z M72.884,39.832 L73.766,40.224 L68.656,51.76 L67.774,51.368 L72.884,39.832 Z" id="&lt;/" fill="#999999"></path>
<path d="M76.636,40 L78.96,40 L78.96,47.448 C78.96,48.0173362 79.0556657,48.4186655 79.247,48.652 C79.4383343,48.8853345 79.7206648,49.002 80.094,49.002 C80.3553346,49.002 80.6049988,48.9553338 80.843,48.862 C81.0810012,48.7686662 81.3446652,48.6100011 81.634,48.386 L82.138,49.156 C81.9886659,49.2866673 81.8253342,49.4033328 81.648,49.506 C81.4706658,49.6086672 81.2886676,49.6949996 81.102,49.765 C80.9153324,49.8350003 80.7286676,49.8886665 80.542,49.926 C80.3553324,49.9633335 80.1826675,49.982 80.024,49.982 C79.6786649,49.982 79.370668,49.9376671 79.1,49.849 C78.829332,49.7603329 78.6030009,49.618001 78.421,49.422 C78.2389991,49.225999 78.1013338,48.9670016 78.008,48.645 C77.9146662,48.3229984 77.868,47.9240024 77.868,47.448 L77.868,40.938 L76.636,40.938 L76.636,40 Z M84.84,49.8 L84.84,48.862 L87.276,48.862 L87.276,43.738 L84.84,43.738 L84.84,42.8 L88.396,42.8 L88.396,48.862 L90.776,48.862 L90.776,49.8 L84.84,49.8 Z M86.898,40.812 C86.898,40.5599987 86.9819992,40.3430009 87.15,40.161 C87.3180008,39.9789991 87.5326654,39.888 87.794,39.888 C88.064668,39.888 88.2909991,39.9789991 88.473,40.161 C88.6550009,40.3430009 88.746,40.5599987 88.746,40.812 C88.746,41.0546679 88.6550009,41.2599992 88.473,41.428 C88.2909991,41.5960008 88.064668,41.68 87.794,41.68 C87.5326654,41.68 87.3180008,41.5960008 87.15,41.428 C86.9819992,41.2599992 86.898,41.0546679 86.898,40.812 Z" id="li" fill="#990055"></path>
<path d="M92.932,49.338 L92.4,48.498 L97.972,45.264 L92.414,41.974 L92.946,41.106 L99.54,45.124 L99.54,45.53 L92.932,49.338 Z M16.8,65.53 L16.8,65.124 L23.394,61.106 L23.926,61.974 L18.368,65.264 L23.94,68.498 L23.408,69.338 L16.8,65.53 Z" id="&gt;&lt;" fill="#999999"></path>
<path d="M26.236,60 L28.56,60 L28.56,67.448 C28.56,68.0173362 28.6556657,68.4186655 28.847,68.652 C29.0383343,68.8853345 29.3206648,69.002 29.694,69.002 C29.9553346,69.002 30.2049988,68.9553338 30.443,68.862 C30.6810012,68.7686662 30.9446652,68.6100011 31.234,68.386 L31.738,69.156 C31.5886659,69.2866673 31.4253342,69.4033328 31.248,69.506 C31.0706658,69.6086672 30.8886676,69.6949996 30.702,69.765 C30.5153324,69.8350003 30.3286676,69.8886665 30.142,69.926 C29.9553324,69.9633335 29.7826675,69.982 29.624,69.982 C29.2786649,69.982 28.970668,69.9376671 28.7,69.849 C28.429332,69.7603329 28.2030009,69.618001 28.021,69.422 C27.8389991,69.225999 27.7013338,68.9670016 27.608,68.645 C27.5146662,68.3229984 27.468,67.9240024 27.468,67.448 L27.468,60.938 L26.236,60.938 L26.236,60 Z M34.44,69.8 L34.44,68.862 L36.876,68.862 L36.876,63.738 L34.44,63.738 L34.44,62.8 L37.996,62.8 L37.996,68.862 L40.376,68.862 L40.376,69.8 L34.44,69.8 Z M36.498,60.812 C36.498,60.5599987 36.5819992,60.3430009 36.75,60.161 C36.9180008,59.9789991 37.1326654,59.888 37.394,59.888 C37.664668,59.888 37.8909991,59.9789991 38.073,60.161 C38.2550009,60.3430009 38.346,60.5599987 38.346,60.812 C38.346,61.0546679 38.2550009,61.2599992 38.073,61.428 C37.8909991,61.5960008 37.664668,61.68 37.394,61.68 C37.1326654,61.68 36.9180008,61.5960008 36.75,61.428 C36.5819992,61.2599992 36.498,61.0546679 36.498,60.812 Z" id="li" fill="#990055"></path>
<polygon id="&gt;" fill="#999999" points="42.532 69.338 42 68.498 47.572 65.264 42.014 61.974 42.546 61.106 49.14 65.124 49.14 65.53"></polygon>
<path d="M56.77,62.478 C56.77,63.336671 56.3640041,64.2933281 55.552,65.348 C54.7399959,66.4026719 53.6060073,67.5506605 52.15,68.792 L57.078,68.792 L57.078,69.8 L50.862,69.8 L50.862,68.792 C51.0393342,68.6239992 51.2819985,68.404668 51.59,68.134 C51.8980015,67.863332 52.2293316,67.562335 52.584,67.231 C52.9386684,66.899665 53.3003315,66.5426686 53.669,66.16 C54.0376685,65.7773314 54.3713318,65.3853353 54.67,64.984 C54.9686682,64.5826647 55.2113324,64.1813353 55.398,63.78 C55.5846676,63.3786647 55.678,62.9913352 55.678,62.618 C55.678,62.0579972 55.5310015,61.6170016 55.237,61.295 C54.9429985,60.9729984 54.5020029,60.812 53.914,60.812 C53.4099975,60.812 52.9853351,60.8679994 52.64,60.98 C52.2946649,61.0920006 51.9820014,61.2553323 51.702,61.47 L51.226,60.7 C51.6460021,60.4013318 52.0916643,60.1820007 52.563,60.042 C53.0343357,59.9019993 53.5499972,59.832 54.11,59.832 C54.9873377,59.832 55.6499978,60.0699976 56.098,60.546 C56.5460022,61.0220024 56.77,61.6659959 56.77,62.478 Z" id="2" fill="#000000"></path>
<path d="M58.8,65.53 L58.8,65.124 L65.394,61.106 L65.926,61.974 L60.368,65.264 L65.94,68.498 L65.408,69.338 L58.8,65.53 Z M72.884,59.832 L73.766,60.224 L68.656,71.76 L67.774,71.368 L72.884,59.832 Z" id="&lt;/" fill="#999999"></path>
<path d="M76.636,60 L78.96,60 L78.96,67.448 C78.96,68.0173362 79.0556657,68.4186655 79.247,68.652 C79.4383343,68.8853345 79.7206648,69.002 80.094,69.002 C80.3553346,69.002 80.6049988,68.9553338 80.843,68.862 C81.0810012,68.7686662 81.3446652,68.6100011 81.634,68.386 L82.138,69.156 C81.9886659,69.2866673 81.8253342,69.4033328 81.648,69.506 C81.4706658,69.6086672 81.2886676,69.6949996 81.102,69.765 C80.9153324,69.8350003 80.7286676,69.8886665 80.542,69.926 C80.3553324,69.9633335 80.1826675,69.982 80.024,69.982 C79.6786649,69.982 79.370668,69.9376671 79.1,69.849 C78.829332,69.7603329 78.6030009,69.618001 78.421,69.422 C78.2389991,69.225999 78.1013338,68.9670016 78.008,68.645 C77.9146662,68.3229984 77.868,67.9240024 77.868,67.448 L77.868,60.938 L76.636,60.938 L76.636,60 Z M84.84,69.8 L84.84,68.862 L87.276,68.862 L87.276,63.738 L84.84,63.738 L84.84,62.8 L88.396,62.8 L88.396,68.862 L90.776,68.862 L90.776,69.8 L84.84,69.8 Z M86.898,60.812 C86.898,60.5599987 86.9819992,60.3430009 87.15,60.161 C87.3180008,59.9789991 87.5326654,59.888 87.794,59.888 C88.064668,59.888 88.2909991,59.9789991 88.473,60.161 C88.6550009,60.3430009 88.746,60.5599987 88.746,60.812 C88.746,61.0546679 88.6550009,61.2599992 88.473,61.428 C88.2909991,61.5960008 88.064668,61.68 87.794,61.68 C87.5326654,61.68 87.3180008,61.5960008 87.15,61.428 C86.9819992,61.2599992 86.898,61.0546679 86.898,60.812 Z" id="li" fill="#990055"></path>
<path d="M92.932,69.338 L92.4,68.498 L97.972,65.264 L92.414,61.974 L92.946,61.106 L99.54,65.124 L99.54,65.53 L92.932,69.338 Z M-4.8316906e-13,85.53 L-4.8316906e-13,85.124 L6.594,81.106 L7.126,81.974 L1.568,85.264 L7.14,88.498 L6.608,89.338 L-4.8316906e-13,85.53 Z M14.084,79.832 L14.966,80.224 L9.856,91.76 L8.974,91.368 L14.084,79.832 Z" id="&gt;&lt;/" fill="#999999"></path>
<path d="M16.968,86.3 C16.968,85.170661 17.2619971,84.2770033 17.85,83.619 C18.4380029,82.9609967 19.2779945,82.632 20.37,82.632 C20.9580029,82.632 21.4643312,82.7276657 21.889,82.919 C22.3136688,83.1103343 22.6659986,83.3693317 22.946,83.696 C23.2260014,84.0226683 23.433666,84.4099978 23.569,84.858 C23.704334,85.3060022 23.772,85.7866641 23.772,86.3 C23.772,86.8600028 23.6973341,87.3663311 23.548,87.819 C23.3986659,88.2716689 23.1793348,88.6566651 22.89,88.974 C22.6006652,89.2913349 22.2436688,89.5363325 21.819,89.709 C21.3943312,89.8816675 20.911336,89.968 20.37,89.968 C19.7913304,89.968 19.2873355,89.8723343 18.858,89.681 C18.4286645,89.4896657 18.0740014,89.2306683 17.794,88.904 C17.5139986,88.5773317 17.306334,88.1900022 17.171,87.742 C17.035666,87.2939978 16.968,86.8133359 16.968,86.3 Z M18.13,86.3 C18.13,86.6266683 18.1696663,86.9533317 18.249,87.28 C18.3283337,87.6066683 18.4566658,87.9006654 18.634,88.162 C18.8113342,88.4233346 19.0423319,88.6333325 19.327,88.792 C19.6116681,88.9506675 19.9593313,89.03 20.37,89.03 C21.1166704,89.03 21.6789981,88.7990023 22.057,88.337 C22.4350019,87.8749977 22.624,87.1960045 22.624,86.3 C22.624,85.9639983 22.5843337,85.6350016 22.505,85.313 C22.4256663,84.9909984 22.2950009,84.6993346 22.113,84.438 C21.9309991,84.1766654 21.6976681,83.9666675 21.413,83.808 C21.1283319,83.6493325 20.7806687,83.57 20.37,83.57 C19.6233296,83.57 19.0633352,83.7986644 18.69,84.256 C18.3166648,84.7133356 18.13,85.3946621 18.13,86.3 Z M26.236,80 L28.56,80 L28.56,87.448 C28.56,88.0173362 28.6556657,88.4186655 28.847,88.652 C29.0383343,88.8853345 29.3206648,89.002 29.694,89.002 C29.9553346,89.002 30.2049988,88.9553338 30.443,88.862 C30.6810012,88.7686662 30.9446652,88.6100011 31.234,88.386 L31.738,89.156 C31.5886659,89.2866673 31.4253342,89.4033328 31.248,89.506 C31.0706658,89.6086672 30.8886676,89.6949996 30.702,89.765 C30.5153324,89.8350004 30.3286676,89.8886665 30.142,89.926 C29.9553324,89.9633335 29.7826675,89.982 29.624,89.982 C29.2786649,89.982 28.970668,89.9376671 28.7,89.849 C28.429332,89.7603329 28.2030009,89.618001 28.021,89.422 C27.8389991,89.225999 27.7013338,88.9670016 27.608,88.645 C27.5146662,88.3229984 27.468,87.9240024 27.468,87.448 L27.468,80.938 L26.236,80.938 L26.236,80 Z" id="ol" fill="#990055"></path>
<polygon id="&gt;" fill="#999999" points="34.132 89.338 33.6 88.498 39.172 85.264 33.614 81.974 34.146 81.106 40.74 85.124 40.74 85.53"></polygon>
</g>
<text id="ol.insertAdjacentHTM" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8B572A">
<tspan x="156" y="112">ol.insertAdjacentHTML(*, html)</tspan>
</text>
<g id="Line-Copy-5-+-Line-Copy-4-+-Line-Copy-3" transform="translate(132.000000, 163.000000) rotate(90.000000) translate(-132.000000, -163.000000) translate(116.500000, 73.500000)" stroke="#EE6B47" stroke-linecap="square" stroke-width="3">
<path d="M0.52734375,0.625 C0.52734375,0.625 30.8847656,-3.5 30.8847656,81.25 C30.8847656,166 15.7060547,175.972656 15.7060547,175.972656" id="Line-Copy-5"></path>
<path d="M15,178 L15,161" id="Line"></path>
<path d="M15,178 L30,173" id="Line-Copy"></path>
</g>
<g id="Line-Copy-5-+-Line-Copy-4-+-Line-Copy-3-Copy-Copy" transform="translate(143.500000, 132.500000) rotate(90.000000) translate(-143.500000, -132.500000) translate(129.000000, 51.000000)" stroke="#EE6B47" stroke-linecap="square" stroke-width="3">
<path d="M0.256764482,0.737190855 C0.256764482,0.737190855 21.4618426,8.32592025 21.4618426,93.8558282 C21.4618426,179.385736 21.4618426,161.098869 21.4618426,161.098869" id="Line-Copy-5"></path>
<path d="M21.4085366,162.661043 L14.5,150.5" id="Line"></path>
<path d="M21.4756098,162.490798 L27.5,150.5" id="Line-Copy"></path>
</g>
<g id="Line-Copy-5-+-Line-Copy-4-+-Line-Copy-3-Copy-Copy-Copy" transform="translate(143.500000, 81.500000) scale(1, -1) rotate(90.000000) translate(-143.500000, -81.500000) translate(129.000000, 0.000000)" stroke="#EE6B47" stroke-linecap="square" stroke-width="3">
<path d="M0.256764482,0.737190855 C0.256764482,0.737190855 21.4618426,8.32592025 21.4618426,93.8558282 C21.4618426,179.385736 21.4618426,161.098869 21.4618426,161.098869" id="Line-Copy-5"></path>
<path d="M21.4085366,162.661043 L14.5,150.5" id="Line"></path>
<path d="M21.4756098,162.490798 L27.5,150.5" id="Line-Copy"></path>
</g>
<path d="M45.5,35.5 L50.5,49.5" id="Line-Copy-3" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" transform="translate(48.000000, 42.500000) scale(1, -1) translate(-48.000000, -42.500000) "></path>
<path d="M45.5,49.5 L59.5,49.5" id="Line-Copy-2" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" transform="translate(52.500000, 49.500000) scale(1, -1) translate(-52.500000, -49.500000) "></path>
<text id="afterend" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="113" y="193">afterend</tspan>
</text>
<text id="beforeend" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="113" y="156">beforeend</tspan>
</text>
<text id="afterbegin" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="113" y="66">afterbegin</tspan>
</text>
<g id="Line-Copy-5-+-Line-Copy-4-+-Line-Copy-3-Copy" transform="translate(134.500000, 49.000000) scale(1, -1) rotate(90.000000) translate(-134.500000, -49.000000) translate(119.000000, -39.000000)" stroke="#EE6B47" stroke-linecap="square" stroke-width="3">
<path d="M0.52734375,0.625 C0.52734375,0.625 30.8847656,-3.5 30.8847656,81.25 C30.8847656,166 15.7060547,175.972656 15.7060547,175.972656" id="Line-Copy-5"></path>
</g>
<text id="beforebegin" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="111" y="26">beforebegin</tspan>
</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 51 KiB