jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

minify svgs

Browse source
This commit is contained in:
Ilya Kantor 2015-01-28 14:27:05 +03:00
parent 6c4af3d588
commit 6cfa0a2738
28 changed files with 28 additions and 529 deletions
Download patch file Download diff file Expand all files Collapse all files

2
1-js/4-data-structures/4-object/object-person-1.svg
View file

@ -1 +1 @@
<svg width="112" height="146" viewBox="0 0 112 146" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M107.738.354H4.265C2.225.354.57 1.434.57 2.768v140.464c0 1.333 1.654 2.414 3.695 2.414h103.473c2.04 0 3.695-1.08 3.695-2.414V2.768c0-1.333-1.654-2.414-3.695-2.414zm-6.007 139H10.27V77.802h91.46v61.552zm0-70.92H10.27V6.88h91.46v61.553zm-32.384 13.93H65.58v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79v-5.524h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78H69.34c.668 0 1.21-.35 1.21-.784V83.14c0-.43-.544-.78-1.21-.78zm0-72.92H65.58v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79V9.443h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78H69.34c.668 0 1.21-.35 1.21-.78V10.22c0-.432-.544-.782-1.21-.782z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="35" y="46">name</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="42" y="119">age</tspan></text></g></svg>
<svg width="112" height="146" viewBox="0 0 112 146" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M107.738.354H4.265C2.225.354.57 1.434.57 2.768v140.464c0 1.333 1.654 2.414 3.695 2.414h103.473c2.04 0 3.695-1.08 3.695-2.414V2.768c0-1.333-1.654-2.414-3.695-2.414zm-6.007 139H10.27V77.802h91.46v61.552zm0-70.92H10.27V6.88h91.46v61.553zm-32.38 13.93h-3.77v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79v-5.524H42.65c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.69c.668 0 1.21-.35 1.21-.787V83.14c0-.43-.544-.78-1.21-.78zm0-72.92h-3.77v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79V9.443H42.65c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.69c.668 0 1.21-.35 1.21-.78v-7.91c0-.434-.544-.784-1.21-.784z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="35" y="46">name</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="42" y="119">age</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

2
1-js/4-data-structures/4-object/object-person-2.svg
View file

@ -1 +1 @@
<svg width="112" height="146" viewBox="0 0 112 146" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M107.738.354H4.265C2.225.354.57 1.434.57 2.768v140.464c0 1.333 1.654 2.414 3.695 2.414h103.473c2.04 0 3.695-1.08 3.695-2.414V2.768c0-1.333-1.654-2.414-3.695-2.414zm-6.007 137H10.27V6.88h91.46v130.474zM69.346 9.444H65.58v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79V9.443h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78H69.34c.668 0 1.21-.35 1.21-.78V10.22c0-.433-.544-.782-1.21-.782z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="35" y="74">name</tspan></text></g></svg>
<svg width="112" height="146" viewBox="0 0 112 146" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M107.738.354H4.265C2.225.354.57 1.434.57 2.768v140.464c0 1.333 1.654 2.414 3.695 2.414h103.473c2.04 0 3.695-1.08 3.695-2.414V2.768c0-1.333-1.654-2.414-3.695-2.414zm-6.007 137H10.27V6.88h91.46v130.474zM69.35 9.444H65.58v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79V9.443H42.65c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.69c.668 0 1.21-.35 1.21-.78v-7.91c0-.435-.544-.784-1.21-.784z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="35" y="74">name</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 746 B

After

Width:  |  Height:  |  Size: 744 B

Before After
Before After

2
1-js/4-data-structures/4-object/object.svg
View file

@ -1 +1 @@
<svg width="99" height="128" viewBox="0 0 99 128" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M95.605.323H3.397C1.577.323.104 1.27.104 2.438V125.56c0 1.17 1.474 2.117 3.293 2.117h92.208c1.82 0 3.293-.947 3.293-2.116V2.44c0-1.168-1.474-2.115-3.293-2.115zM90.252 123.71H8.748V86.55h81.504v37.16zm0-41.13H8.748V45.42h81.504v37.16zm0-41.13H8.748V4.29h81.504v37.16zM61.186 90.545h-3.354v4.844c0 .38-.484.69-1.08.69H41.62c-.597 0-1.08-.31-1.08-.69V90.54H37.4c-.594 0-1.076.31-1.076.688v6.93c0 .38.482.686 1.076.686h23.782c.595 0 1.077-.307 1.077-.686v-6.926c0-.38-.48-.688-1.077-.688zm.206-41.128h-3.355v4.842c0 .38-.484.69-1.08.69H41.83c-.598 0-1.082-.31-1.082-.69v-4.846H37.61c-.594 0-1.076.306-1.076.685v6.93c0 .38.482.684 1.076.684h23.782c.595 0 1.076-.306 1.076-.685V50.1c0-.376-.484-.684-1.076-.684zm0-41.127H58.04v4.84c0 .383-.484.693-1.08.693H41.83c-.597 0-1.08-.31-1.08-.692V8.29h-3.14c-.594 0-1.076.306-1.076.685v6.928c0 .38.482.686 1.077.686h23.786c.594 0 1.076-.31 1.076-.69V8.975c0-.38-.484-.686-1.076-.686z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="35">ключ1</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="74">ключ2</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="118">ключ3</tspan></text></g></svg>
<svg width="99" height="128" viewBox="0 0 99 128" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M95.605.323H3.397C1.577.323.104 1.27.104 2.438V125.56c0 1.17 1.474 2.117 3.293 2.117h92.208c1.82 0 3.293-.947 3.293-2.116V2.44c0-1.168-1.474-2.115-3.293-2.115zM90.252 123.71H8.748V86.55h81.504v37.16zm0-41.13H8.748V45.42h81.504v37.16zm0-41.13H8.748V4.29h81.504v37.16zM61.186 90.545h-3.354v4.844c0 .38-.484.69-1.08.69H41.62c-.597 0-1.08-.31-1.08-.69v-4.85H37.4c-.594 0-1.076.31-1.076.686v6.93c0 .38.482.686 1.076.686h23.782c.595 0 1.077-.307 1.077-.686V91.23c0-.38-.48-.687-1.08-.687zm.206-41.128h-3.355v4.842c0 .38-.484.69-1.08.69H41.83c-.598 0-1.082-.31-1.082-.69v-4.85H37.61c-.594 0-1.076.306-1.076.685v6.93c0 .38.482.684 1.076.684h23.782c.595 0 1.076-.306 1.076-.685V50.1c0-.376-.484-.684-1.076-.684zm0-41.127H58.04v4.84c0 .383-.484.693-1.08.693H41.83c-.597 0-1.08-.31-1.08-.692V8.29h-3.14c-.594 0-1.076.306-1.076.685v6.928c0 .38.482.686 1.077.686H61.4c.594 0 1.076-.31 1.076-.69V8.972c0-.38-.484-.686-1.076-.686z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="35">ключ1</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="74">ключ2</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="118">ключ3</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Before After
Before After

2
1-js/4-data-structures/6-object-reference/variable-contains-reference.svg
View file

@ -1 +1 @@
<svg width="297" height="199" viewBox="0 0 297 199" xmlns="http://www.w3.org/2000/svg"><title>Slice 2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 141h102m-144 56.5l42-56m89 55l42-56M43.5 101h132m-174 56.5l42-56m89 56l42-56M43 141.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865 95.022l54.504 58.42-18.32 17.09-54.505-58.42z"/><path d="M175 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 158h133v40H0z"/><g transform="translate(37 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">user</tspan></text></g><path d="M292.738.354H189.265c-2.04 0-3.695.588-3.695 1.313v76.375c0 .725 1.654 1.312 3.695 1.312h103.473c2.04 0 3.695-.587 3.695-1.312V1.667c0-.725-1.654-1.313-3.695-1.313zM286.73 73h-91.46V6.88h91.46V73zM254.345 9.443h-3.765v5.524c0 .436-.543.79-1.212.79h-16.976c-.67 0-1.213-.354-1.213-.79V9.443h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.687c.668 0 1.21-.35 1.21-.78V10.22c0-.432-.544-.782-1.21-.782z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#979797"><tspan x="218" y="49">name</tspan></text><path d="M126.932 68.668l3.752 6.77s-55.797 30.79-47.958 46.94c20.165-30.07 51.34-40.848 51.34-40.848l3.75 6.772 38.052-33.926-48.936 14.292zm6.17.24l2.914 5.254s-43.34 22.756-49.964 40.692C102.774 91.32 138.12 77.96 138.12 77.96l2.858 5.155 26.354-24.007-34.23 9.8z" fill="#000"/><path d="M88.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795H87.68zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.098.186-.26.186z" fill="#010101"/></g></svg>
<svg width="297" height="199" viewBox="0 0 297 199" xmlns="http://www.w3.org/2000/svg"><title>Slice 2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 141h102m-144 56.5l42-56m89 55l42-56M43.5 101h132m-174 56.5l42-56m89 56l42-56M43 141.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865 95.022l54.504 58.42-18.32 17.09-54.508-58.42z"/><path d="M175 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 158h133v40H0z"/><g transform="translate(37 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">user</tspan></text></g><path d="M292.738.354H189.265c-2.04 0-3.695.588-3.695 1.313v76.375c0 .725 1.654 1.312 3.695 1.312h103.473c2.04 0 3.695-.587 3.695-1.312V1.667c0-.725-1.654-1.313-3.695-1.313zM286.73 73h-91.46V6.88h91.46V73zM254.345 9.443h-3.765v5.524c0 .436-.543.79-1.212.79h-16.976c-.67 0-1.213-.354-1.213-.79V9.443h-3.528c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.688c.667 0 1.21-.35 1.21-.78v-7.91c0-.434-.545-.784-1.21-.784z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#979797"><tspan x="218" y="49">name</tspan></text><path d="M126.932 68.668l3.752 6.77s-55.797 30.79-47.958 46.94c20.165-30.07 51.34-40.848 51.34-40.848l3.75 6.772 38.052-33.926-48.936 14.292zm6.17.24l2.914 5.254s-43.34 22.756-49.964 40.692C102.774 91.32 138.12 77.96 138.12 77.96l2.858 5.155 26.354-24.007-34.23 9.8z" fill="#000"/><path d="M88.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795H87.68zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.1.186-.26.186z" fill="#010101"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

2
1-js/4-data-structures/6-object-reference/variable-copy-reference.svg
View file

@ -1 +1 @@
<svg width="501" height="199" viewBox="0 0 501 199" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 141h102m-144 56.5l42-56m89 55l42-56M43.5 101h132m-174 56.5l42-56m89 56l42-56M43 141.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865 95.022l54.504 58.42-18.32 17.09-54.505-58.42z"/><path d="M175 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 158h133v40H0z"/><g transform="translate(37 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">user</tspan></text></g><path d="M292.738.354H189.265c-2.04 0-3.695.588-3.695 1.313v76.375c0 .725 1.654 1.312 3.695 1.312h103.473c2.04 0 3.695-.587 3.695-1.312V1.667c0-.725-1.654-1.313-3.695-1.313zM286.73 73h-91.46V6.88h91.46V73zM254.345 9.443h-3.765v5.524c0 .436-.543.79-1.212.79h-16.976c-.67 0-1.213-.354-1.213-.79V9.443h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.687c.668 0 1.21-.35 1.21-.78V10.22c0-.432-.544-.782-1.21-.782z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#979797"><tspan x="218" y="49">name</tspan></text><path d="M126.932 68.668l3.752 6.77s-55.797 30.79-47.958 46.94c20.165-30.07 51.34-40.848 51.34-40.848l3.75 6.772 38.052-33.926-48.936 14.292zm6.17.24l2.914 5.254s-43.34 22.756-49.964 40.692C102.774 91.32 138.12 77.96 138.12 77.96l2.858 5.155 26.354-24.007-34.23 9.8z" fill="#000"/><path d="M88.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795H87.68zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.098.186-.26.186z" fill="#010101"/><path d="M367.5 141h102m-144 56.5l42-56m89 55l42-56m-131-39.5h132m-174 56.5l42-56m89 56l42-56m-131.5 40v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M387.865 95.022l54.504 58.42-18.32 17.09-54.505-58.42z"/><path d="M499 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M324 158h133v40H324z"/><g transform="translate(361 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">admin</tspan></text></g><path d="M358.068 68.67l-3.752 6.77s55.797 30.788 47.958 46.938c-20.165-30.07-51.34-40.847-51.34-40.847l-3.75 6.776-38.052-33.926 48.936 14.29zm-6.17.238l-2.914 5.255s43.34 22.756 49.964 40.692C382.226 91.322 346.88 77.96 346.88 77.96l-2.858 5.156-26.354-24.007 34.23 9.795z" fill="#000"/><path d="M412.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795h13.503zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.098.186-.26.186z" fill="#010101"/></g></svg>
<svg width="501" height="199" viewBox="0 0 501 199" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 141h102m-144 56.5l42-56m89 55l42-56M43.5 101h132m-174 56.5l42-56m89 56l42-56M43 141.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865 95.022l54.504 58.42-18.32 17.09-54.508-58.42z"/><path d="M175 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 158h133v40H0z"/><g transform="translate(37 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">user</tspan></text></g><path d="M292.738.354H189.265c-2.04 0-3.695.588-3.695 1.313v76.375c0 .725 1.654 1.312 3.695 1.312h103.473c2.04 0 3.695-.587 3.695-1.312V1.667c0-.725-1.654-1.313-3.695-1.313zM286.73 73h-91.46V6.88h91.46V73zM254.345 9.443h-3.765v5.524c0 .436-.543.79-1.212.79h-16.976c-.67 0-1.213-.354-1.213-.79V9.443h-3.528c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.688c.667 0 1.21-.35 1.21-.78v-7.91c0-.434-.545-.784-1.21-.784z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#979797"><tspan x="218" y="49">name</tspan></text><path d="M126.932 68.668l3.752 6.77s-55.797 30.79-47.958 46.94c20.165-30.07 51.34-40.848 51.34-40.848l3.75 6.772 38.052-33.926-48.936 14.292zm6.17.24l2.914 5.254s-43.34 22.756-49.964 40.692C102.774 91.32 138.12 77.96 138.12 77.96l2.858 5.155 26.354-24.007-34.23 9.8z" fill="#000"/><path d="M88.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795H87.68zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.1.186-.26.186z" fill="#010101"/><path d="M367.5 141h102m-144 56.5l42-56m89 55l42-56m-131-39.5h132m-174 56.5l42-56m89 56l42-56m-131.5 40v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M387.865 95.022l54.504 58.42-18.32 17.09-54.508-58.42z"/><path d="M499 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M324 158h133v40H324z"/><g transform="translate(361 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">admin</tspan></text></g><path d="M358.068 68.67l-3.752 6.77s55.797 30.788 47.958 46.938c-20.165-30.07-51.34-40.847-51.34-40.847l-3.75 6.78-38.052-33.927 48.936 14.29zm-6.17.238l-2.914 5.255s43.34 22.756 49.964 40.692C382.226 91.322 346.88 77.96 346.88 77.96l-2.858 5.156-26.354-24.007 34.23 9.792z" fill="#000"/><path d="M412.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795h13.503zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.1.186-.26.186z" fill="#010101"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

2
1-js/4-data-structures/6-object-reference/variable-copy-value.svg
View file

@ -1 +1 @@
<svg width="366" height="103" viewBox="0 0 366 103" xmlns="http://www.w3.org/2000/svg"><title>Diagrams</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 45h102m-144 56.5l42-56m89 55l42-56M43.5 5h132M1.5 61.5l42-56m89 56l42-56M43 45.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865-.978l54.504 58.42-18.32 17.09-54.505-58.42z"/><text transform="rotate(47 85.693 38.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="54.693" y="44">&amp;quot;Привет&amp;quot;</tspan></text><path d="M175 44V5.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 62h133v40H0z"/><g transform="translate(37 75)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="7" y="12">message</tspan></text></g><path d="M232.5 45h102m-144 56.5l42-56m89 55l42-56M232.5 5h132m-174 56.5l42-56m89 56l42-56M232 45.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M252.865-.978l54.504 58.42-18.32 17.09-54.505-58.42z"/><text transform="rotate(47 274.693 38.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="243.693" y="44">&amp;quot;Привет&amp;quot;</tspan></text><path d="M364 44V5.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M189 62h133v40H189z"/><g transform="translate(226 75)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="10" y="12">phrase</tspan></text></g></g></svg>
<svg width="366" height="103" viewBox="0 0 366 103" xmlns="http://www.w3.org/2000/svg"><title>Diagrams</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 45h102m-144 56.5l42-56m89 55l42-56M43.5 5h132M1.5 61.5l42-56m89 56l42-56M43 45.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865-.978l54.504 58.42-18.32 17.09-54.508-58.42z"/><text transform="rotate(47 85.693 38.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="54.693" y="44">&amp;quot;Привет&amp;quot;</tspan></text><path d="M175 44V5.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 62h133v40H0z"/><g transform="translate(37 75)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="7" y="12">message</tspan></text></g><path d="M232.5 45h102m-144 56.5l42-56m89 55l42-56M232.5 5h132m-174 56.5l42-56m89 56l42-56M232 45.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M252.865-.978l54.504 58.42-18.32 17.09-54.508-58.42z"/><text transform="rotate(47 274.693 38.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="243.693" y="44">&amp;quot;Привет&amp;quot;</tspan></text><path d="M364 44V5.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M189 62h133v40H189z"/><g transform="translate(226 75)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="10" y="12">phrase</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Before After
Before After

2
1-js/4-data-structures/7-array/array-speed.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Before After
Before After

2
1-js/4-data-structures/7-array/queue.svg
View file

@ -1 +1 @@
<svg width="168" height="93" viewBox="0 0 168 93" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><path d="M82.795 34.15c-1.22 0-2.34-.807-2.684-2.04-.41-1.484.456-3.022 1.94-3.436l22.39-6.253c1.484-.41 3.02.457 3.438 1.94.414 1.484-.453 3.02-1.937 3.436L83.548 34.05c-.25.07-.504.103-.752.103zm0 11.038c-1.22 0-2.34-.807-2.684-2.04-.41-1.484.456-3.022 1.94-3.436l22.39-6.253c1.484-.418 3.02.45 3.438 1.932.414 1.484-.453 3.022-1.937 3.436L83.548 45.08c-.25.07-.504.105-.752.105zm0 10.37c-1.22 0-2.34-.808-2.684-2.04-.41-1.484.456-3.02 1.94-3.437l22.39-6.25c1.484-.413 3.02.454 3.438 1.937.414 1.484-.453 3.022-1.937 3.436l-22.393 6.254c-.25.07-.504.104-.752.104zM106.837 8.44V6.654c0-3.613-3.02-7.324-6.55-6.55-9.413 2.06-30.72 8.958-41.854 11.352-3.53.76-6.552 3.736-6.552 7.35v60.95c0 3.614 2.98 7.062 6.556 6.553 2-.287 4.267-.75 6.728-1.34v1.425c0 3.613 2.976 7.06 6.552 6.552 4.176-.595 26.68-7.4 32.483-9.11V78.46c-5.568 1.64-28.035 8.31-32.484 9.35-.76.18-1.416-.635-1.416-1.416V26.74c-.08-1.792.62-3.287 2.714-3.847 6.07-1.623 21.953-5.945 31.945-8.668l1.88-.512 6.73-1.834c.78 0 1.413.63 1.413 1.412v60.953c0 .78-.665 1.203-1.416 1.416-2.596.74-5.82 1.714-9.382 2.8l.013 5.376c3.404-1.12 6.6-2.17 9.37-3.04 3.444-1.083 6.55-2.37 6.55-6.552v-60.95c0-3.613-3.02-7.325-6.55-6.55-1.84.4-4.143.99-6.73 1.694zm-35.124 9.656c-3.53.76-6.55 3.737-6.55 7.35V79.46c-2.39.648-4.652 1.23-6.73 1.715-.76.178-1.415-.636-1.415-1.417V20.1c-.078-1.792.62-3.287 2.715-3.847C68.876 13.81 100.287 5.24 100.287 5.24c.78 0 1.416.634 1.416 1.415v3.217c-10.06 2.86-22.39 6.59-29.99 8.224zM168 42l-12-12v8h-30.634v8H156v8l12-12zM43 42L31 30v8H.366v8H31v8l12-12z" fill-rule="evenodd"/></svg>
<svg width="168" height="93" viewBox="0 0 168 93" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><path d="M82.795 34.15c-1.22 0-2.34-.807-2.684-2.04-.41-1.484.46-3.022 1.94-3.436l22.39-6.253c1.487-.41 3.02.46 3.44 1.94.415 1.487-.452 3.02-1.936 3.44l-22.396 6.25c-.25.07-.504.103-.752.103zm0 11.038c-1.22 0-2.34-.807-2.684-2.04-.41-1.484.46-3.022 1.94-3.436l22.39-6.253c1.487-.42 3.02.45 3.44 1.93.415 1.483-.452 3.02-1.936 3.435L83.548 45.08c-.25.07-.504.105-.752.105zm0 10.37c-1.22 0-2.34-.808-2.684-2.04-.41-1.484.46-3.02 1.94-3.437l22.39-6.25c1.487-.41 3.02.457 3.44 1.94.415 1.484-.452 3.02-1.936 3.436L83.55 55.458c-.25.07-.505.104-.753.104zM106.837 8.44V6.654c0-3.613-3.02-7.324-6.55-6.55-9.413 2.06-30.72 8.958-41.854 11.352-3.53.76-6.552 3.736-6.552 7.35v60.95c0 3.614 2.98 7.062 6.56 6.553 2-.29 4.266-.75 6.727-1.34v1.422c0 3.613 2.976 7.06 6.552 6.552 4.175-.595 26.68-7.4 32.482-9.11V78.46c-5.567 1.64-28.034 8.31-32.483 9.35-.76.18-1.417-.635-1.417-1.416V26.74c-.08-1.792.62-3.287 2.715-3.847 6.07-1.623 21.953-5.945 31.945-8.668l1.88-.512 6.73-1.834c.78 0 1.412.63 1.412 1.41V74.24c0 .78-.665 1.203-1.416 1.416-2.597.74-5.82 1.713-9.383 2.8l.013 5.375c3.404-1.12 6.6-2.17 9.37-3.04 3.444-1.083 6.55-2.37 6.55-6.552V13.29c0-3.612-3.02-7.324-6.55-6.55-1.84.4-4.143.99-6.73 1.695zm-35.124 9.656c-3.53.76-6.55 3.737-6.55 7.35V79.46c-2.39.648-4.652 1.23-6.73 1.715-.76.178-1.415-.636-1.415-1.417V20.1c-.078-1.792.62-3.287 2.715-3.847C68.876 13.81 100.287 5.24 100.287 5.24c.78 0 1.416.634 1.416 1.415v3.217c-10.06 2.86-22.39 6.59-29.99 8.224zM168 42l-12-12v8h-30.634v8H156v8l12-12zM43 42L31 30v8H.366v8H31v8l12-12z" fill-rule="evenodd"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before After
Before After

2
1-js/4-data-structures/7-array/stack.svg
View file

@ -1 +1 @@
<svg width="90" height="97" viewBox="0 0 90 97" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><path d="M19.785 54.07c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L20.425 53.763c-.207.12-.422.222-.64.306zm7 5c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L27.425 58.763c-.207.12-.422.222-.64.306zm7 4c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L34.425 62.763c-.207.12-.422.222-.64.306zM90 67.92c0-.394-.213-.758-.555-.955l-3.647-2.105 3.647-2.107c.342-.197.554-.562.554-.956 0-.396-.216-.76-.558-.956L38.02 31.15c-.342-.197-.763-.197-1.105 0L.552 52.143C.21 52.34 0 52.705 0 53.1c0 .395.21.76.552.956L4.2 56.163.552 58.27c-.342.196-.552.56-.552.955 0 .396.21.76.552.958l3.65 2.106-3.65 2.102C.21 64.59 0 64.956 0 65.35c0 .396.21.76.552.957l51.427 29.69c.17.1.36.15.55.15.19 0 .38-.05.55-.15l36.363-20.993c.342-.197.554-.562.554-.957 0-.395-.213-.76-.555-.956l-3.648-2.104 3.648-2.106c.34-.2.553-.565.553-.96zM37.466 33.38l49.217 28.416-34.153 19.72L3.314 53.1l34.154-19.72zm46.27 38.966l2.947 1.702-34.153 19.72L3.314 65.352l3.096-1.788 45.57 26.31c.17.1.36.147.55.147.192 0 .383-.045.554-.143l30.52-17.623c.042.035.085.07.133.096zM52.53 87.64L3.37 59.26l-.057-.033L6.41 57.44l45.57 26.31c.17.1.36.148.55.148.19 0 .382-.05.553-.148l30.6-17.668c.09.12.202.227.34.307l2.66 1.532-34.153 19.72zM36.535 40.267c-.218.245-.484.36-.766.36-.57 0-1.2-.462-1.648-1.294L27.29 26.66c-.596-1.11-.213-2.414.595-2.414.1 0 .208.02.322.063l3.318 1.28.05-25.59 9.096 5.975v23.167l3.32 1.285c1.02.392 1.32 1.314.667 2.05l-8.12 7.786zm23-22.907c-.218-.244-.484-.36-.766-.36-.57 0-1.2.463-1.648 1.295L50.29 30.967c-.596 1.11-.213 2.415.595 2.415.1 0 .208-.02.322-.063l3.318-1.287.05 25.592 9.096 5.592V28.483l3.32-1.285c1.02-.396 1.32-1.318.667-2.053l-8.12-7.787z" fill-rule="evenodd"/></svg>
<svg width="90" height="97" viewBox="0 0 90 97" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><path d="M19.785 54.07c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L20.425 53.763c-.207.12-.422.222-.64.306zm7 5c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L27.425 58.763c-.207.12-.422.222-.64.306zm7 4c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L34.425 62.763c-.207.12-.422.222-.64.306zM90 67.92c0-.394-.213-.758-.555-.955l-3.647-2.105 3.647-2.107c.342-.197.554-.562.554-.956 0-.396-.22-.76-.56-.956L38.02 31.15c-.342-.197-.763-.197-1.105 0L.552 52.143C.21 52.34 0 52.705 0 53.1c0 .395.21.76.552.956L4.2 56.163.552 58.27c-.342.196-.552.56-.552.955 0 .396.21.76.552.958l3.65 2.106-3.65 2.1c-.342.2-.552.564-.552.96s.21.76.552.955l51.427 29.69c.17.1.36.15.55.15.19 0 .38-.05.55-.15l36.36-20.992c.34-.197.553-.562.553-.957 0-.395-.213-.76-.555-.956l-3.648-2.1 3.648-2.106c.34-.2.554-.564.554-.96zM37.466 33.38l49.217 28.416-34.153 19.72L3.314 53.1l34.154-19.72zm46.27 38.966l2.947 1.702-34.153 19.72L3.314 65.352l3.096-1.788 45.57 26.31c.17.1.36.147.55.147.192 0 .383-.042.554-.14l30.52-17.623c.042.035.085.07.133.096zM52.53 87.64L3.37 59.26l-.057-.033L6.41 57.44l45.57 26.31c.17.1.36.148.55.148.19 0 .382-.05.553-.148l30.6-17.668c.09.12.202.227.34.307l2.66 1.53L52.53 87.64zM36.535 40.267c-.218.245-.484.36-.766.36-.57 0-1.2-.462-1.65-1.294L27.29 26.66c-.596-1.11-.213-2.414.595-2.414.1 0 .208.02.322.063l3.318 1.28.05-25.59L40.67 5.97V29.14l3.32 1.286c1.02.392 1.32 1.314.67 2.05l-8.12 7.786zm23-22.907c-.218-.244-.484-.36-.766-.36-.57 0-1.2.463-1.65 1.295l-6.83 12.672c-.598 1.11-.215 2.415.593 2.415.1 0 .208-.02.322-.063l3.318-1.29.05 25.592 9.096 5.592v-34.73l3.32-1.286c1.02-.396 1.32-1.318.667-2.053l-8.12-7.787z" fill-rule="evenodd"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

61
1-js/4-data-structures/8-array-methods/9-output-single-linked-list/linked-list.svg
View file

@ -1,60 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="594px" height="53px" viewBox="0 0 594 53" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
<title>Slice 1</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="linked-list" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<rect id="Rectangle-1" stroke="#979797" stroke-width="2" sketch:type="MSShapeGroup" x="0" y="19" width="80" height="34"></rect>
<text id="value" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="3" y="10">value</tspan>
</text>
<text id="1" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="35" y="40">1</tspan>
</text>
<path d="M65.73,35 L137.27,35" id="Line" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797" sketch:type="MSShapeGroup"></path>
<path id="Line-decoration-1" d="M136.73,35 C132.95,33.95 129.71,33.05 125.93,32 C125.93,34.1 125.93,35.9 125.93,38 C129.71,36.95 132.95,36.05 136.73,35 C136.73,35 136.73,35 136.73,35 Z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"></path>
<text id="next" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="89" y="24">next</tspan>
</text>
<rect id="Rectangle-2" stroke="#979797" stroke-width="2" sketch:type="MSShapeGroup" x="140" y="19" width="80" height="34"></rect>
<text id="value-2" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="143" y="10">value</tspan>
</text>
<text id="2" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="175" y="40">2</tspan>
</text>
<path d="M205.73,35 L277.27,35" id="Line-2" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797" sketch:type="MSShapeGroup"></path>
<path id="Line-2-decoration-1" d="M276.73,35 C272.95,33.95 269.71,33.05 265.93,32 C265.93,34.1 265.93,35.9 265.93,38 C269.71,36.95 272.95,36.05 276.73,35 C276.73,35 276.73,35 276.73,35 Z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"></path>
<text id="next-2" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="229" y="24">next</tspan>
</text>
<rect id="Rectangle-3" stroke="#979797" stroke-width="2" sketch:type="MSShapeGroup" x="279" y="19" width="80" height="34"></rect>
<text id="value-3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="282" y="10">value</tspan>
</text>
<text id="3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="314" y="40">3</tspan>
</text>
<path d="M344.73,35 L416.27,35" id="Line-3" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797" sketch:type="MSShapeGroup"></path>
<path id="Line-3-decoration-1" d="M415.73,35 C411.95,33.95 408.71,33.05 404.93,32 C404.93,34.1 404.93,35.9 404.93,38 C408.71,36.95 411.95,36.05 415.73,35 C415.73,35 415.73,35 415.73,35 Z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"></path>
<text id="next-3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="368" y="24">next</tspan>
</text>
<rect id="Rectangle-4" stroke="#979797" stroke-width="2" sketch:type="MSShapeGroup" x="419" y="19" width="80" height="34"></rect>
<text id="value-4" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="422" y="10">value</tspan>
</text>
<text id="4" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="454" y="40">4</tspan>
</text>
<path d="M484.73,35 L556.27,35" id="Line-4" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797" sketch:type="MSShapeGroup"></path>
<path id="Line-4-decoration-1" d="M555.73,35 C551.95,33.95 548.71,33.05 544.93,32 C544.93,34.1 544.93,35.9 544.93,38 C548.71,36.95 551.95,36.05 555.73,35 C555.73,35 555.73,35 555.73,35 Z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"></path>
<text id="next-4" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="508" y="24">next</tspan>
</text>
<text id="null" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-style="italic" font-weight="normal" fill="#000000">
<tspan x="564" y="39">null</tspan>
</text>
</g>
</svg>
<svg width="594" height="53" viewBox="0 0 594 53" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" stroke-width="2" d="M0 19h80v34H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="3" y="10">value</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="40">1</tspan></text><path d="M65.73 35h71.54" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M136.73 35l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="89" y="24">next</tspan></text><path stroke="#979797" stroke-width="2" d="M140 19h80v34h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="143" y="10">value</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="175" y="40">2</tspan></text><path d="M205.73 35h71.54" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M276.73 35l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="229" y="24">next</tspan></text><path stroke="#979797" stroke-width="2" d="M279 19h80v34h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="282" y="10">value</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="314" y="40">3</tspan></text><path d="M344.73 35h71.54" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M415.73 35l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="368" y="24">next</tspan></text><path stroke="#979797" stroke-width="2" d="M419 19h80v34h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="422" y="10">value</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="454" y="40">4</tspan></text><path d="M484.73 35h71.54" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M555.73 35l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="508" y="24">next</tspan></text><text font-family="Consolas" font-size="14" font-style="italic" fill="#000"><tspan x="564" y="39">null</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After

2
1-js/4-data-structures/9-array-iteration/reduce.svg
View file

@ -1 +1 @@
<svg width="600" height="105" viewBox="0 0 600 105" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" d="M0 65h80v40H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="36" y="90">1</tspan></text><text id="sum" font-family="Consolas" font-size="14" fill="#000"><tspan x="7" y="8">sum</tspan><tspan x="7" y="24">0</tspan><tspan x="7" y="40">current</tspan><tspan x="7" y="56">1</tspan></text><path stroke="#979797" d="M79 65h80v40H79z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="115" y="90">2</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="86" y="8">sum</tspan><tspan x="86" y="24">0+1</tspan><tspan x="86" y="40">current</tspan><tspan x="86" y="56">2</tspan></text><path stroke="#979797" d="M158 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="194" y="90">3</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="165" y="8">sum</tspan><tspan x="165" y="24">0+1+2</tspan><tspan x="165" y="40">current</tspan><tspan x="165" y="56">3</tspan></text><path stroke="#979797" d="M237 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="273" y="90">4</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="244" y="8">sum</tspan><tspan x="244" y="24">0+1+2+3</tspan><tspan x="244" y="40">current</tspan><tspan x="244" y="56">4</tspan></text><path stroke="#979797" d="M316 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="352" y="90">5</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="323" y="8">sum</tspan><tspan x="323" y="24">0+1+2+3+4</tspan><tspan x="323" y="40">current</tspan><tspan x="323" y="56">5</tspan></text><path d="M412.5 83h50" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M462.5 83l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="477" y="87">0+1+2+3+4+5 = 15</tspan></text></g></svg>
<svg width="600" height="105" viewBox="0 0 600 105" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" d="M0 65h80v40H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="36" y="90">1</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="7" y="8">sum</tspan><tspan x="7" y="24">0</tspan><tspan x="7" y="40">current</tspan><tspan x="7" y="56">1</tspan></text><path stroke="#979797" d="M79 65h80v40H79z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="115" y="90">2</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="86" y="8">sum</tspan><tspan x="86" y="24">0+1</tspan><tspan x="86" y="40">current</tspan><tspan x="86" y="56">2</tspan></text><path stroke="#979797" d="M158 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="194" y="90">3</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="165" y="8">sum</tspan><tspan x="165" y="24">0+1+2</tspan><tspan x="165" y="40">current</tspan><tspan x="165" y="56">3</tspan></text><path stroke="#979797" d="M237 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="273" y="90">4</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="244" y="8">sum</tspan><tspan x="244" y="24">0+1+2+3</tspan><tspan x="244" y="40">current</tspan><tspan x="244" y="56">4</tspan></text><path stroke="#979797" d="M316 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="352" y="90">5</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="323" y="8">sum</tspan><tspan x="323" y="24">0+1+2+3+4</tspan><tspan x="323" y="40">current</tspan><tspan x="323" y="56">5</tspan></text><path d="M412.5 83h50" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M462.5 83l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="477" y="87">0+1+2+3+4+5 = 15</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After