scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-22 23:27:54 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Update images

Browse source
This commit is contained in:
Eric Rosenbaum 2019-02-07 14:25:43 -05:00
parent 777f0cca47
commit d988534144
8 changed files with 281 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/views/gdxfor/gdxfor.jsx
View file

@ -53,7 +53,7 @@ class GdxFor extends ExtensionLanding {
}
renderImage={<img
alt={this.props.intl.formatMessage({id: 'gdxfor.imgAltGdxforIllustration'})}
src="/images/gdxfor/gdxfor-header.png"
src="/images/gdxfor/gdxfor-header.svg"
/>}
renderRequirements={
<ExtensionRequirements>
@ -104,7 +104,7 @@ class GdxFor extends ExtensionLanding {
<div className="step-image">
<img
alt=""
src="/images/gdxfor/gdxfor-connect-1.png"
src="/images/gdxfor/gdxfor-connect-1.svg"
/>
</div>
<p><FormattedMessage id="gdxfor.powerGdxfor" /></p>
@ -189,7 +189,7 @@ class GdxFor extends ExtensionLanding {
<div className="step-image">
<img
alt={this.props.intl.formatMessage({id: 'gdxfor.imgAltPushForce'})}
src="/images/gdxfor/gdxfor-push-force.png"
src="/images/gdxfor/gdxfor-push-force.svg"
/>
</div>
</Step>

BIN
static/images/gdxfor/gdxfor-connect-1.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 13 KiB

68
static/images/gdxfor/gdxfor-connect-1.svg Normal file
View file

@ -0,0 +1,68 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="106px" height="166px" viewBox="0 0 106 166" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 53 (72520) - https://sketchapp.com -->
<title>vernier-force-power-button</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M84.7907292,63.1624901 L81.4432596,87.5842789 C81.0808813,90.3845217 78.4989359,92.3584635 75.6905041,91.9453128 C73.4256397,91.6239735 71.6590455,89.7877489 71.382732,87.5842789 L68.0352625,63.1624901 L60.4207884,63.1624901 C58.2510483,63.1624901 57.204681,60.5458698 58.7040212,59.0309844 L74.7800286,42.6885843 C75.7312717,41.7704719 77.2759092,41.7704719 78.1773252,42.6885843 L94.3076894,59.0309844 C95.8024997,60.5458698 94.715365,63.1624901 92.5863924,63.1624901 L84.7907292,63.1624901 Z" id="path-1"></path>
<filter x="-9.1%" y="-6.7%" width="118.2%" height="113.5%" filterUnits="objectBoundingBox" id="filter-2">
<feMorphology radius="1.375" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
</filter>
</defs>
<g id="vernier-force-power-button" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="force" transform="translate(3.000000, 2.000000)">
<g id="Group" transform="translate(37.500000, 0.000000)" fill="#414757" fill-rule="nonzero" stroke="#414757" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25">
<g>
<polygon id="Path" points="15 0 15 3.74418605 0 3.74418605 0 0 5.625 0 5.625 1.87209302 9.375 1.87209302 9.375 0"></polygon>
<rect id="Rectangle" x="5.625" y="3.74418605" width="3.75" height="7.48837209"></rect>
<polygon id="Path" points="5.625 3.74418605 3.75 3.74418605 4.6875 4.68023256 3.75 5.61627907 4.6875 6.55232558 3.75 7.48837209 5.625 7.48837209"></polygon>
<polygon id="Path" points="5.625 7.48837209 3.75 7.48837209 4.6875 8.4244186 3.75 9.36046512 4.6875 10.2965116 3.75 11.2325581 5.625 11.2325581"></polygon>
<polygon id="Path" points="9.375 2.80813953 11.25 2.80813953 10.3125 3.74418605 11.25 4.68023256 10.3125 5.61627907 11.25 6.55232558 9.375 6.55232558"></polygon>
<polygon id="Path" points="9.375 6.55232558 11.25 6.55232558 10.3125 7.48837209 11.25 8.4244186 10.3125 9.36046512 11.25 10.2965116 10.3125 11.2325581 9.375 11.2325581"></polygon>
</g>
<rect id="Rectangle" x="5.625" y="3.74418605" width="3.75" height="7.48837209"></rect>
<polygon id="Path" points="5.625 3.74418605 3.75 3.74418605 4.6875 4.68023256 3.75 5.61627907 4.6875 6.55232558 3.75 7.48837209 5.625 7.48837209"></polygon>
<polygon id="Path" points="5.625 7.48837209 3.75 7.48837209 4.6875 8.4244186 3.75 9.36046512 4.6875 10.2965116 3.75 11.2325581 5.625 11.2325581"></polygon>
<polygon id="Path" points="9.375 2.80813953 11.25 2.80813953 10.3125 3.74418605 11.25 4.68023256 10.3125 5.61627907 11.25 6.55232558 9.375 6.55232558"></polygon>
<polygon id="Path" points="9.375 6.55232558 11.25 6.55232558 10.3125 7.48837209 11.25 8.4244186 10.3125 9.36046512 11.25 10.2965116 10.3125 11.2325581 9.375 11.2325581"></polygon>
</g>
<g id="Group" transform="translate(35.625000, 116.069767)" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25">
<path d="M9.375,44.9302326 C4.209375,44.9302326 0,40.7273837 0,35.5697674 C0,34.5401163 0.84375,33.6976744 1.875,33.6976744 C2.90625,33.6976744 3.75,34.5401163 3.75,35.5697674 C3.75,38.6680814 6.271875,41.1860465 9.375,41.1860465 C12.478125,41.1860465 15,38.6680814 15,35.5697674 L15,34.9238953 C15,33.4449419 14.4,32.0034302 13.35,30.9550581 L10.246875,27.8567442 C8.475,26.0876163 7.5,23.7381395 7.5,21.2388953 L7.5,16.8488372 C7.5,15.819186 8.34375,14.9767442 9.375,14.9767442 C10.40625,14.9767442 11.25,15.819186 11.25,16.8488372 L11.25,21.2388953 C11.25,22.7178488 11.85,24.1593605 12.9,25.2077326 L16.003125,28.3060465 C17.775,30.0751744 18.75,32.4246512 18.75,34.9238953 L18.75,35.5697674 C18.75,40.7273837 14.55,44.9302326 9.375,44.9302326 Z" id="Path" stroke="#7C87A5" fill="#E6E7E8"></path>
<rect id="Rectangle" stroke="#7C87A5" fill="#E6E7E8" x="3.75" y="0" width="11.25" height="10.3058721"></rect>
<rect id="Rectangle" stroke="#231F20" fill="#231F20" opacity="0.1" x="3.75" y="0" width="2.8125" height="10.3058721"></rect>
<rect id="Rectangle" stroke="#231F20" fill="#231F20" opacity="0.1" x="12.1875" y="0" width="2.8125" height="10.3058721"></rect>
<path d="M16.875,15.9221512 L16.875,17.7848837 C16.875,18.2997093 16.453125,18.7209302 15.9375,18.7209302 L2.8125,18.7209302 C2.296875,18.7209302 1.875,18.2997093 1.875,17.7848837 L1.875,15.9221512 C1.875,15.4073256 2.296875,14.9861047 2.8125,14.9861047 L4.21875,14.9861047 C4.996875,14.9861047 5.625,14.3589535 5.625,13.5820349 L5.625,13.5820349 C5.625,12.8051163 4.996875,12.1779651 4.21875,12.1779651 L3.75,12.1779651 L3.75,10.3058721 L15,10.3058721 L15,12.1779651 L14.53125,12.1779651 C13.753125,12.1779651 13.125,12.8051163 13.125,13.5820349 L13.125,13.5820349 C13.125,14.3589535 13.753125,14.9861047 14.53125,14.9861047 L15.9375,14.9861047 C16.453125,14.9861047 16.875,15.4073256 16.875,15.9221512 Z" id="Path" stroke="#7C87A5" fill="#8592AF"></path>
<path d="M4.21875,14.9861047 C4.996875,14.9861047 5.625,14.3589535 5.625,13.5820349 L5.625,13.5820349 C5.625,12.8051163 4.996875,12.1779651 4.21875,12.1779651 L3.75,12.1779651 L15,12.1779651 L14.53125,12.1779651 C13.753125,12.1779651 13.125,12.8051163 13.125,13.5820349 L13.125,13.5820349 C13.125,14.3589535 13.753125,14.9861047 14.53125,14.9861047 L4.21875,14.9861047 Z" id="Path" stroke="#7C87A5" fill="#7C87A5"></path>
</g>
<path d="M88.125,11.2325581 L1.875,11.2325581 C0.84375,11.2325581 0,12.075 0,13.1046512 L0,117.94186 C0,118.971512 0.84375,119.813953 1.875,119.813953 L88.125,119.813953 C89.15625,119.813953 90,118.971512 90,117.94186 L90,13.1046512 C90,12.075 89.15625,11.2325581 88.125,11.2325581 Z M49.93125,48.8709884 C49.228125,50.9864535 47.240625,52.4186047 45,52.4186047 C43.875,52.4186047 42.825,52.062907 41.9625,51.4357558 C41.090625,50.8179651 40.425,49.9287209 40.06875,48.8709884 L37.303125,40.6056977 C35.559375,35.3638372 39.46875,29.9534884 45,29.9534884 C50.53125,29.9534884 54.440625,35.3638372 52.696875,40.6056977 L49.93125,48.8709884 Z" id="Shape" stroke="#7C87A5" stroke-width="1.25" fill="#8592AF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M7.5,18.7209302 L7.5,112.325581 L82.5,112.325581 L82.5,18.7209302 L7.5,18.7209302 Z M49.93125,48.8709884 C49.228125,50.9864535 47.240625,52.4186047 45,52.4186047 C43.875,52.4186047 42.825,52.062907 41.9625,51.4357558 C41.090625,50.8179651 40.425,49.9287209 40.06875,48.8709884 L37.303125,40.6056977 C35.559375,35.3638372 39.46875,29.9534884 45,29.9534884 C50.53125,29.9534884 54.440625,35.3638372 52.696875,40.6056977 L49.93125,48.8709884 Z" id="Shape" stroke="#7C87A5" stroke-width="1.25" fill="#8592AF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M11.25,22.4651163 L11.25,108.581395 L78.75,108.581395 L78.75,22.4651163 L11.25,22.4651163 Z M45,29.9534884 C50.53125,29.9534884 54.440625,35.3638372 52.696875,40.6056977 L49.93125,48.8709884 C49.228125,50.9864535 47.240625,52.4186047 45,52.4186047 C43.875,52.4186047 42.825,52.062907 41.9625,51.4357558 C41.090625,50.8179651 40.425,49.9287209 40.06875,48.8709884 L37.303125,40.6056977 C35.559375,35.3638372 39.46875,29.9534884 45,29.9534884 Z" id="Shape" stroke="#7C87A5" stroke-width="1.25" fill="#5CB1D6" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round"></path>
<polygon id="Path" stroke="#7C87A5" stroke-width="1.25" fill="#8592AF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" points="78.75 108.581395 11.25 108.581395 11.25 86.1162791 78.75 71.1395349"></polygon>
<path d="M7.5,18.7209302 L0.9375,12.1686047" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M82.5,18.7209302 L89.0625,12.1686047" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M0.9375,118.877907 L7.5,112.325581" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M89.0625,118.877907 L82.5,112.325581" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M18.75,114.197674 L18.75,116.069767" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M71.25,114.197674 L71.25,116.069767" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M18.75,14.9767442 L18.75,16.8488372" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M71.25,14.9767442 L71.25,16.8488372" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M86.25,33.6976744 L84.375,33.6976744" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M86.25,101.093023 L84.375,101.093023" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M5.625,33.6976744 L3.75,33.6976744" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M5.625,101.093023 L3.75,101.093023" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<ellipse id="Oval" fill="#FFBF00" fill-rule="nonzero" cx="45" cy="65.5232558" rx="5.625" ry="5.61627907"></ellipse>
<ellipse id="Oval" stroke="#7C87A5" stroke-width="1.25" fill="#8592AF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" cx="31.875" cy="65.5232558" rx="1.875" ry="1.87209302"></ellipse>
<ellipse id="Oval" stroke="#7C87A5" stroke-width="1.25" fill="#8592AF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" cx="58.125" cy="65.5232558" rx="1.875" ry="1.87209302"></ellipse>
<path d="M58.125,93.6046512 L31.875,93.6046512 C30.84375,93.6046512 30,92.7622093 30,91.7325581 L30,91.7325581 C30,90.702907 30.84375,89.8604651 31.875,89.8604651 L58.125,89.8604651 C59.15625,89.8604651 60,90.702907 60,91.7325581 L60,91.7325581 C60,92.7622093 59.15625,93.6046512 58.125,93.6046512 Z" id="Path" fill="#FFBF00" fill-rule="nonzero"></path>
<path d="M65.625,101.093023 L24.375,101.093023 C23.34375,101.093023 22.5,100.250581 22.5,99.2209302 L22.5,99.2209302 C22.5,98.1912791 23.34375,97.3488372 24.375,97.3488372 L65.625,97.3488372 C66.65625,97.3488372 67.5,98.1912791 67.5,99.2209302 L67.5,99.2209302 C67.5,100.250581 66.65625,101.093023 65.625,101.093023 Z" id="Path" fill="#FFBF00" fill-rule="nonzero"></path>
<path d="M1.603125,118.213314 L7.5,112.325581 L82.5,112.325581 L82.5,18.7209302 L88.396875,12.8331977 C88.9875,12.2434884 90,12.6647093 90,13.4977907 L90,117.94186 C90,118.971512 89.15625,119.813953 88.125,119.813953 L2.259375,119.813953 C1.425,119.813953 1.0125,118.803023 1.603125,118.213314 Z" id="Path" stroke="#231F20" stroke-width="1.25" fill="#231F20" fill-rule="nonzero" opacity="0.1" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<g id="Arrow" fill-rule="nonzero" transform="translate(76.500000, 67.000000) rotate(-90.000000) translate(-76.500000, -67.000000) ">
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
<use stroke="#FF3355" stroke-width="0.75" fill="#FF6680" xlink:href="#path-1"></use>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
static/images/gdxfor/gdxfor-header.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 37 KiB

112
static/images/gdxfor/gdxfor-header.svg Normal file
View file

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

After

Width:  |  Height:  |  Size: 38 KiB

BIN
static/images/gdxfor/gdxfor-push-force.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 16 KiB

80
static/images/gdxfor/gdxfor-push-force.svg Normal file
View file

@ -0,0 +1,80 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="252px" height="106px" viewBox="0 0 252 106" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 53 (72520) - https://sketchapp.com -->
<title>vernier-force-push</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M144.58518,11.3114956 L143.137626,22.0570827 C142.980922,23.2891896 141.864405,24.1577239 140.649948,23.9759376 C139.670547,23.8345483 138.906614,23.0266095 138.787127,22.0570827 L137.339573,11.3114956 L134.046827,11.3114956 C133.108561,11.3114956 132.656078,10.1601827 133.304442,9.49363314 L140.256229,2.30297708 C140.667577,1.89900764 141.335528,1.89900764 141.72533,2.30297708 L148.700622,9.49363314 C149.347027,10.1601827 148.876915,11.3114956 147.956278,11.3114956 L144.58518,11.3114956 Z" id="path-1"></path>
<filter x="-21.1%" y="-15.3%" width="142.2%" height="130.7%" filterUnits="objectBoundingBox" id="filter-2">
<feMorphology radius="1.375" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
</filter>
<path d="M144.58518,68.3114956 L143.137626,79.0570827 C142.980922,80.2891896 141.864405,81.1577239 140.649948,80.9759376 C139.670547,80.8345483 138.906614,80.0266095 138.787127,79.0570827 L137.339573,68.3114956 L134.046827,68.3114956 C133.108561,68.3114956 132.656078,67.1601827 133.304442,66.4936331 L140.256229,59.3029771 C140.667577,58.8990076 141.335528,58.8990076 141.72533,59.3029771 L148.700622,66.4936331 C149.347027,67.1601827 148.876915,68.3114956 147.956278,68.3114956 L144.58518,68.3114956 Z" id="path-3"></path>
<filter x="-21.1%" y="-15.3%" width="142.2%" height="130.7%" filterUnits="objectBoundingBox" id="filter-4">
<feMorphology radius="1.375" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"></feComposite>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
</filter>
</defs>
<g id="vernier-force-push" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="force" transform="translate(74.000000, 42.500000) rotate(-90.000000) translate(-74.000000, -42.500000) translate(34.000000, -29.000000)">
<g id="Group" transform="translate(33.333333, 0.000000)" fill="#414757" fill-rule="nonzero" stroke="#414757" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25">
<g>
<polygon id="Path" points="13.3333333 0 13.3333333 3.3255814 0 3.3255814 0 0 5 0 5 1.6627907 8.33333333 1.6627907 8.33333333 0"></polygon>
<rect id="Rectangle" x="5" y="3.3255814" width="3.33333333" height="6.65116279"></rect>
<polygon id="Path" points="5 3.3255814 3.33333333 3.3255814 4.16666667 4.15697674 3.33333333 4.98837209 4.16666667 5.81976744 3.33333333 6.65116279 5 6.65116279"></polygon>
<polygon id="Path" points="5 6.65116279 3.33333333 6.65116279 4.16666667 7.48255814 3.33333333 8.31395349 4.16666667 9.14534884 3.33333333 9.97674419 5 9.97674419"></polygon>
<polygon id="Path" points="8.33333333 2.49418605 10 2.49418605 9.16666667 3.3255814 10 4.15697674 9.16666667 4.98837209 10 5.81976744 8.33333333 5.81976744"></polygon>
<polygon id="Path" points="8.33333333 5.81976744 10 5.81976744 9.16666667 6.65116279 10 7.48255814 9.16666667 8.31395349 10 9.14534884 9.16666667 9.97674419 8.33333333 9.97674419"></polygon>
</g>
<rect id="Rectangle" x="5" y="3.3255814" width="3.33333333" height="6.65116279"></rect>
<polygon id="Path" points="5 3.3255814 3.33333333 3.3255814 4.16666667 4.15697674 3.33333333 4.98837209 4.16666667 5.81976744 3.33333333 6.65116279 5 6.65116279"></polygon>
<polygon id="Path" points="5 6.65116279 3.33333333 6.65116279 4.16666667 7.48255814 3.33333333 8.31395349 4.16666667 9.14534884 3.33333333 9.97674419 5 9.97674419"></polygon>
<polygon id="Path" points="8.33333333 2.49418605 10 2.49418605 9.16666667 3.3255814 10 4.15697674 9.16666667 4.98837209 10 5.81976744 8.33333333 5.81976744"></polygon>
<polygon id="Path" points="8.33333333 5.81976744 10 5.81976744 9.16666667 6.65116279 10 7.48255814 9.16666667 8.31395349 10 9.14534884 9.16666667 9.97674419 8.33333333 9.97674419"></polygon>
</g>
<g id="Group" transform="translate(31.666667, 103.093023)" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25">
<path d="M8.33333333,39.9069767 C3.74166667,39.9069767 0,36.1740116 0,31.5930233 C0,30.6784884 0.75,29.9302326 1.66666667,29.9302326 C2.58333333,29.9302326 3.33333333,30.6784884 3.33333333,31.5930233 C3.33333333,34.3449419 5.575,36.5813953 8.33333333,36.5813953 C11.0916667,36.5813953 13.3333333,34.3449419 13.3333333,31.5930233 L13.3333333,31.0193605 C13.3333333,29.7057558 12.8,28.425407 11.8666667,27.4942442 L9.10833333,24.7423256 C7.53333333,23.1709884 6.66666667,21.084186 6.66666667,18.8643605 L6.66666667,14.9651163 C6.66666667,14.0505814 7.41666667,13.3023256 8.33333333,13.3023256 C9.25,13.3023256 10,14.0505814 10,14.9651163 L10,18.8643605 C10,20.1779651 10.5333333,21.458314 11.4666667,22.3894767 L14.225,25.1413953 C15.8,26.7127326 16.6666667,28.7995349 16.6666667,31.0193605 L16.6666667,31.5930233 C16.6666667,36.1740116 12.9333333,39.9069767 8.33333333,39.9069767 Z" id="Path" stroke="#7C87A5" fill="#E6E7E8"></path>
<rect id="Rectangle" stroke="#7C87A5" fill="#E6E7E8" x="3.33333333" y="0" width="10" height="9.15366279"></rect>
<rect id="Rectangle" stroke="#231F20" fill="#231F20" opacity="0.1" x="3.33333333" y="0" width="2.5" height="9.15366279"></rect>
<rect id="Rectangle" stroke="#231F20" fill="#231F20" opacity="0.1" x="10.8333333" y="0" width="2.5" height="9.15366279"></rect>
<path d="M15,14.1420349 L15,15.7965116 C15,16.2537791 14.625,16.627907 14.1666667,16.627907 L2.5,16.627907 C2.04166667,16.627907 1.66666667,16.2537791 1.66666667,15.7965116 L1.66666667,14.1420349 C1.66666667,13.6847674 2.04166667,13.3106395 2.5,13.3106395 L3.75,13.3106395 C4.44166667,13.3106395 5,12.7536047 5,12.0635465 L5,12.0635465 C5,11.3734884 4.44166667,10.8164535 3.75,10.8164535 L3.33333333,10.8164535 L3.33333333,9.15366279 L13.3333333,9.15366279 L13.3333333,10.8164535 L12.9166667,10.8164535 C12.225,10.8164535 11.6666667,11.3734884 11.6666667,12.0635465 L11.6666667,12.0635465 C11.6666667,12.7536047 12.225,13.3106395 12.9166667,13.3106395 L14.1666667,13.3106395 C14.625,13.3106395 15,13.6847674 15,14.1420349 Z" id="Path" stroke="#7C87A5" fill="#8592AF"></path>
<path d="M3.75,13.3106395 C4.44166667,13.3106395 5,12.7536047 5,12.0635465 L5,12.0635465 C5,11.3734884 4.44166667,10.8164535 3.75,10.8164535 L3.33333333,10.8164535 L13.3333333,10.8164535 L12.9166667,10.8164535 C12.225,10.8164535 11.6666667,11.3734884 11.6666667,12.0635465 L11.6666667,12.0635465 C11.6666667,12.7536047 12.225,13.3106395 12.9166667,13.3106395 L3.75,13.3106395 Z" id="Path" stroke="#7C87A5" fill="#7C87A5"></path>
</g>
<path d="M78.3333333,9.97674419 L1.66666667,9.97674419 C0.75,9.97674419 0,10.725 0,11.6395349 L0,104.755814 C0,105.670349 0.75,106.418605 1.66666667,106.418605 L78.3333333,106.418605 C79.25,106.418605 80,105.670349 80,104.755814 L80,11.6395349 C80,10.725 79.25,9.97674419 78.3333333,9.97674419 Z M44.3833333,43.4071512 C43.7583333,45.2861047 41.9916667,46.5581395 40,46.5581395 C39,46.5581395 38.0666667,46.2422093 37.3,45.6851744 C36.525,45.1364535 35.9333333,44.3466279 35.6166667,43.4071512 L33.1583333,36.0659302 C31.6083333,31.4101163 35.0833333,26.6046512 40,26.6046512 C44.9166667,26.6046512 48.3916667,31.4101163 46.8416667,36.0659302 L44.3833333,43.4071512 Z" id="Shape" stroke="#7C87A5" stroke-width="1.25" fill="#8592AF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.66666667,16.627907 L6.66666667,99.7674419 L73.3333333,99.7674419 L73.3333333,16.627907 L6.66666667,16.627907 Z M44.3833333,43.4071512 C43.7583333,45.2861047 41.9916667,46.5581395 40,46.5581395 C39,46.5581395 38.0666667,46.2422093 37.3,45.6851744 C36.525,45.1364535 35.9333333,44.3466279 35.6166667,43.4071512 L33.1583333,36.0659302 C31.6083333,31.4101163 35.0833333,26.6046512 40,26.6046512 C44.9166667,26.6046512 48.3916667,31.4101163 46.8416667,36.0659302 L44.3833333,43.4071512 Z" id="Shape" stroke="#7C87A5" stroke-width="1.25" fill="#8592AF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10,19.9534884 L10,96.4418605 L70,96.4418605 L70,19.9534884 L10,19.9534884 Z M40,26.6046512 C44.9166667,26.6046512 48.3916667,31.4101163 46.8416667,36.0659302 L44.3833333,43.4071512 C43.7583333,45.2861047 41.9916667,46.5581395 40,46.5581395 C39,46.5581395 38.0666667,46.2422093 37.3,45.6851744 C36.525,45.1364535 35.9333333,44.3466279 35.6166667,43.4071512 L33.1583333,36.0659302 C31.6083333,31.4101163 35.0833333,26.6046512 40,26.6046512 Z" id="Shape" stroke="#7C87A5" stroke-width="1.25" fill="#5CB1D6" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round"></path>
<polygon id="Path" stroke="#7C87A5" stroke-width="1.25" fill="#8592AF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" points="70 96.4418605 10 96.4418605 10 76.4883721 70 63.1860465"></polygon>
<path d="M6.66666667,16.627907 L0.833333333,10.8081395" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M73.3333333,16.627907 L79.1666667,10.8081395" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M0.833333333,105.587209 L6.66666667,99.7674419" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M79.1666667,105.587209 L73.3333333,99.7674419" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.6666667,101.430233 L16.6666667,103.093023" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M63.3333333,101.430233 L63.3333333,103.093023" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.6666667,13.3023256 L16.6666667,14.9651163" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M63.3333333,13.3023256 L63.3333333,14.9651163" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M76.6666667,29.9302326 L75,29.9302326" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M76.6666667,89.7906977 L75,89.7906977" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M5,29.9302326 L3.33333333,29.9302326" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M5,89.7906977 L3.33333333,89.7906977" id="Path" stroke="#7C87A5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<ellipse id="Oval" fill="#FFBF00" fill-rule="nonzero" cx="40" cy="58.1976744" rx="5" ry="4.98837209"></ellipse>
<ellipse id="Oval" stroke="#7C87A5" stroke-width="1.25" fill="#8592AF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" cx="28.3333333" cy="58.1976744" rx="1.66666667" ry="1.6627907"></ellipse>
<ellipse id="Oval" stroke="#7C87A5" stroke-width="1.25" fill="#8592AF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round" cx="51.6666667" cy="58.1976744" rx="1.66666667" ry="1.6627907"></ellipse>
<path d="M51.6666667,83.1395349 L28.3333333,83.1395349 C27.4166667,83.1395349 26.6666667,82.3912791 26.6666667,81.4767442 L26.6666667,81.4767442 C26.6666667,80.5622093 27.4166667,79.8139535 28.3333333,79.8139535 L51.6666667,79.8139535 C52.5833333,79.8139535 53.3333333,80.5622093 53.3333333,81.4767442 L53.3333333,81.4767442 C53.3333333,82.3912791 52.5833333,83.1395349 51.6666667,83.1395349 Z" id="Path" fill="#FFBF00" fill-rule="nonzero"></path>
<path d="M58.3333333,89.7906977 L21.6666667,89.7906977 C20.75,89.7906977 20,89.0424419 20,88.127907 L20,88.127907 C20,87.2133721 20.75,86.4651163 21.6666667,86.4651163 L58.3333333,86.4651163 C59.25,86.4651163 60,87.2133721 60,88.127907 L60,88.127907 C60,89.0424419 59.25,89.7906977 58.3333333,89.7906977 Z" id="Path" fill="#FFBF00" fill-rule="nonzero"></path>
<path d="M1.425,104.996919 L6.66666667,99.7674419 L73.3333333,99.7674419 L73.3333333,16.627907 L78.575,11.3984302 C79.1,10.8746512 80,11.2487791 80,11.9887209 L80,104.755814 C80,105.670349 79.25,106.418605 78.3333333,106.418605 L2.00833333,106.418605 C1.26666667,106.418605 0.9,105.520698 1.425,104.996919 Z" id="Path" stroke="#231F20" stroke-width="1.25" fill="#231F20" fill-rule="nonzero" opacity="0.1" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<path d="M231.88326,61.3797206 C231.874468,61.664084 231.886189,62.0430484 231.918393,62.5490352 C232.259803,67.9286526 229.313532,71.7118938 225.231563,71.9085758 C221.262901,72.0997984 218.03152,68.825176 217.541495,63.5442783 C217.540264,63.6130355 217.539532,63.6839883 217.539292,63.757087 C217.538299,64.0604335 217.544732,64.3580052 217.559275,64.7989063 C217.580596,65.4452462 217.579129,65.3967905 217.580263,65.5623217 C217.619558,71.6296989 213.850697,75.5759594 209.065226,75.4612621 C204.340538,75.3480216 200.864666,71.333695 201.162263,65.3769088 C200.141982,76.436324 197.411564,94.4218525 195.54629,98.0282009 C192.880901,103.181468 187.815981,105.66612 183.148652,104.856537 C178.446996,104.041 176.139867,100.131406 178.638137,95.7584167 C180.806132,91.9629923 182.26769,84.8560723 183.568174,73.6385701 C183.899495,70.7807093 184.907172,61.0800139 184.875102,61.377066 C185.147764,58.8514612 185.378628,56.9262008 185.61462,55.2708249 C186.272011,50.6597335 185.874193,45.9466306 184.422927,43.1652358 C182.800706,40.0562015 180.043935,39.4986187 175.624559,42.206727 C167.017463,47.481003 158.027881,48.2773888 151.887596,45.3123263 C145.996889,42.4677821 145.123225,36.9745044 150.926657,34.0441587 C151.781571,33.6125131 152.805201,33.2146183 154.179899,32.759431 C154.921561,32.5138535 158.706178,31.3470926 159.822669,30.9771586 C162.213063,30.1851338 164.214631,29.4007007 166.124451,28.4641383 C171.471169,25.8421455 175.587544,22.2240145 178.543136,16.9591101 L178.543142,16.9590991 C185.402532,4.74057703 199.435065,-0.696422919 214.428345,1.44398932 C228.788936,3.49408004 240.371905,12.0732501 242.334937,23.2340126 C243.057227,27.3406113 243.330282,31.1171495 243.657808,39.3829986 C244.040317,49.0364657 244.26834,52.9150633 244.936363,58.6649051 C245.423201,62.858582 243.002543,66.0862053 239.419507,66.8879849 C235.851792,67.6863364 232.554492,65.733439 231.971415,61.8763877 C231.942387,61.6847135 231.912549,61.5195329 231.88326,61.3797206 Z" id="Fill-1" stroke-opacity="0.15" stroke="#000000" stroke-width="2" fill="#FF6680" transform="translate(196.000000, 53.000000) rotate(90.000000) translate(-196.000000, -53.000000) "></path>
<g id="Arrow" fill-rule="nonzero" transform="translate(141.000000, 13.000000) rotate(-90.000000) translate(-141.000000, -13.000000) ">
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
<use stroke="#FF3355" stroke-width="0.75" fill="#FF6680" xlink:href="#path-1"></use>
</g>
<g id="Arrow-Copy" fill-rule="nonzero" transform="translate(141.000000, 70.000000) rotate(-90.000000) translate(-141.000000, -70.000000) ">
<use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
<use stroke="#FF3355" stroke-width="0.75" fill="#FF6680" xlink:href="#path-3"></use>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

34
static/images/gdxfor/gdxfor.svg
View file

@ -1,22 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
<title>Extensions/Hardware/Vernier-Force-Block</title>
<!-- Generator: Sketch 53 (72520) - https://sketchapp.com -->
<title>vernier-force-block-icon</title>
<desc>Created with Sketch.</desc>
<g id="Extensions/Hardware/Vernier-Force-Block" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="vernier-force" transform="translate(8.000000, 0.500000)">
<path d="M11.98,39.5 C10.6,39.5 9.48,38.38 9.48,37 C9.48,36.72 9.7,36.5 9.98,36.5 C10.26,36.5 10.48,36.72 10.48,37 C10.48,37.83 11.15,38.5 11.98,38.5 C12.81,38.5 13.48,37.83 13.48,37 L13.48,36.83 C13.48,36.44 13.32,36.05 13.04,35.77 L12.21,34.94 C11.74,34.47 11.48,33.84 11.48,33.17 L11.48,31 C11.48,30.72 11.7,30.5 11.98,30.5 C12.26,30.5 12.48,30.72 12.48,31 L12.48,33.17 C12.48,33.56 12.64,33.95 12.92,34.23 L13.75,35.06 C14.22,35.53 14.48,36.16 14.48,36.83 L14.48,37 C14.48,38.38 13.36,39.5 11.98,39.5 Z" id="Path" fill="#E6E7E8"></path>
<path d="M23.71,0.29 C23.52,0.11 23.28,0 23,0 L1,0 C0.72,0 0.48,0.11 0.29,0.29 C0.11,0.48 0,0.72 0,1 L0,27 C0,27.28 0.11,27.52 0.29,27.71 C0.48,27.89 0.72,28 1,28 L23,28 C23.28,28 23.52,27.89 23.71,27.71 C23.89,27.52 24,27.28 24,27 L24,1 C24,0.72 23.89,0.48 23.71,0.29 Z M12,4 C13.93,4 15.27,5.93 14.59,7.75 L13.35,11.06 C13.14,11.63 12.6,12 12,12 C11.4,12 10.86,11.63 10.65,11.06 L9.4,7.74 C9.28,7.41 9.22,7.09 9.22,6.76 C9.22,5.3 10.41,4 12,4 Z" id="Shape" stroke="#7C87A5" fill="#8592AF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2,2 L2,26 L22,26 L22,2 L2,2 Z M12,4 C13.93,4 15.27,5.93 14.59,7.75 L13.35,11.06 C13.14,11.63 12.6,12 12,12 C11.4,12 10.86,11.63 10.65,11.06 L9.4,7.74 C9.28,7.41 9.22,7.09 9.22,6.76 C9.22,5.3 10.41,4 12,4 Z" id="Shape" stroke="#7C87A5" fill="#5CB1D6" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round"></path>
<polygon id="Path" stroke="#7C87A5" fill="#8592AF" stroke-linecap="round" stroke-linejoin="round" points="22 26 2 26 2 20 22 16"></polygon>
<path d="M0.29,27.7 L2,26" id="Path" stroke="#7C87A5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M0.29,0.29 L2,2" id="Path" stroke="#7C87A5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M22,2 L23.71,0.29" id="Path" stroke="#7C87A5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M23.71,27.7 L22,26" id="Path" stroke="#7C87A5" stroke-linecap="round" stroke-linejoin="round"></path>
<circle id="Oval" fill="#FFBF00" cx="12" cy="14.82" r="1.18"></circle>
<rect id="Rectangle" stroke="#7C87A5" fill="#E6E7E8" stroke-linecap="round" stroke-linejoin="round" x="10" y="28" width="4" height="4"></rect>
<path d="M15.49,21.99 L8.48,21.99 C8.21,21.99 7.98,21.77 7.98,21.49 C7.98,21.22 8.2,20.99 8.48,20.99 L15.49,20.99 C15.76,20.99 15.99,21.21 15.99,21.49 C15.98,21.77 15.76,21.99 15.49,21.99 Z" id="Path" fill="#FFBF00"></path>
<path d="M17.49,24 L6.48,24 C6.21,24 5.98,23.78 5.98,23.5 C5.98,23.23 6.2,23 6.48,23 L17.49,23 C17.76,23 17.99,23.22 17.99,23.5 C17.98,23.77 17.76,24 17.49,24 Z" id="Path" fill="#FFBF00"></path>
<g id="vernier-force-block-icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Extensions/Hardware/Vernier-Force-Block">
<g id="vernier-force" transform="translate(8.000000, 0.500000)">
<path d="M11.98,39 C10.3238576,39 8.98,37.6561424 8.98,36 C8.98,35.4438576 9.42385763,35 9.98,35 C10.5361424,35 10.98,35.4438576 10.98,36 C10.98,36.5538576 11.4261424,37 11.98,37 C12.5338576,37 12.98,36.5538576 12.98,36 L12.98,35.83 C12.98,35.5708771 12.8714563,35.308563 12.6864466,35.1235534 L11.8564466,34.2935534 C11.2923853,33.729492 10.98,32.9721944 10.98,32.17 L10.98,30 C10.98,29.4438576 11.4238576,29 11.98,29 C12.5361424,29 12.98,29.4438576 12.98,30 L12.98,32.17 C12.98,32.4291229 13.0885437,32.691437 13.2735534,32.8764466 L14.1035534,33.7064466 C14.6676147,34.270508 14.98,35.0278056 14.98,35.83 L14.98,36 C14.98,37.6561424 13.6361424,39 11.98,39 Z" id="Path" stroke-opacity="0.15" stroke="#000000" fill="#E6E7E8"></path>
<path d="M23.71,0.29 C23.52,0.11 23.28,0 23,0 L1,0 C0.72,0 0.48,0.11 0.29,0.29 C0.11,0.48 0,0.72 0,1 L0,27 C0,27.28 0.11,27.52 0.29,27.71 C0.48,27.89 0.72,28 1,28 L23,28 C23.28,28 23.52,27.89 23.71,27.71 C23.89,27.52 24,27.28 24,27 L24,1 C24,0.72 23.89,0.48 23.71,0.29 Z M12,4 C13.93,4 15.27,5.93 14.59,7.75 L13.35,11.06 C13.14,11.63 12.6,12 12,12 C11.4,12 10.86,11.63 10.65,11.06 L9.4,7.74 C9.28,7.41 9.22,7.09 9.22,6.76 C9.22,5.3 10.41,4 12,4 Z" id="Shape" stroke="#7C87A5" fill="#8592AF" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2,2 L2,26 L22,26 L22,2 L2,2 Z M12,4 C13.93,4 15.27,5.93 14.59,7.75 L13.35,11.06 C13.14,11.63 12.6,12 12,12 C11.4,12 10.86,11.63 10.65,11.06 L9.4,7.74 C9.28,7.41 9.22,7.09 9.22,6.76 C9.22,5.3 10.41,4 12,4 Z" id="Shape" stroke="#7C87A5" fill="#5CB1D6" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round"></path>
<polygon id="Path" stroke="#7C87A5" fill="#8592AF" stroke-linecap="round" stroke-linejoin="round" points="22 26 2 26 2 20 22 16"></polygon>
<path d="M0.29,27.7 L2,26" id="Path" stroke="#7C87A5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M0.29,0.29 L2,2" id="Path" stroke="#7C87A5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M22,2 L23.71,0.29" id="Path" stroke="#7C87A5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M23.71,27.7 L22,26" id="Path" stroke="#7C87A5" stroke-linecap="round" stroke-linejoin="round"></path>
<circle id="Oval" fill="#FFBF00" cx="12" cy="14.82" r="1.18"></circle>
<rect id="Rectangle" stroke="#7C87A5" fill="#E6E7E8" stroke-linecap="round" stroke-linejoin="round" x="10" y="28" width="4" height="4"></rect>
<path d="M15.49,21.99 L8.48,21.99 C8.21,21.99 7.98,21.77 7.98,21.49 L7.98,21.49 C7.98,21.22 8.2,20.99 8.48,20.99 L15.49,20.99 C15.76,20.99 15.99,21.21 15.99,21.49 L15.99,21.49 C15.98,21.77 15.76,21.99 15.49,21.99 Z" id="Path" fill="#FFBF00"></path>
<path d="M17.49,24 L6.48,24 C6.21,24 5.98,23.78 5.98,23.5 L5.98,23.5 C5.98,23.23 6.2,23 6.48,23 L17.49,23 C17.76,23 17.99,23.22 17.99,23.5 L17.99,23.5 C17.98,23.77 17.76,24 17.49,24 Z" id="Path" fill="#FFBF00"></path>
</g>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB