Michel2/pybricks-api
1
0
Fork 0
mirror of https://github.com/pybricks/pybricks-api.git synced 2026-09-12 01:24:17 +00:00
Code Issues Releases Activity

doc: separate images and labels

Browse Source 
- remove quick draft images
- push plain screenshots and separate plain text svg files
- Update label content based on user feedback
- Cleaner label layout
- Use same fonts in labels as in text + better scaling
- basic automation of inkscape in travis; this probably needs some work. It  should at least be moved into the make doc instead
This commit is contained in:
Laurens Valk
2019-02-08 12:54:57 +01:00
parent 0f6656ada1
commit 924e866539
20 changed files with 1787 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
source/conf.py
-2
View File
@@ -89,8 +89,6 @@ language = None
# This patterns also effect to html_static_path and html_extra_path
exclude_patterns = [
'motorcontrol.rst',
'startinstall.rst',
'startrun.rst',
]
# TODO: remove this when pages above are added back in
source/images/connecting.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 78 KiB

After

Width:  |  Height:  |  Size: 35 KiB

source/images/connecting.svg
+428
View File
@@ -0,0 +1,428 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg2"
width="936"
height="459"
viewBox="0 0 936 459"
sodipodi:docname="connecting.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata8">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs6">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath860">
<rect
style="fill:#6ab0de;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect862"
width="589.10107"
height="96.333336"
x="235.33333"
y="-236.00002" />
</clipPath>
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath1040">
<rect
style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1042"
width="128.5101"
height="19.934668"
x="827.15656"
y="74.666672" />
</clipPath>
</defs>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1043"
id="namedview4"
showgrid="false"
inkscape:zoom="0.75"
inkscape:cx="208.63819"
inkscape:cy="324.28105"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg2" />
<image
sodipodi:absref="connecting.png"
xlink:href="connecting.png"
width="936"
height="459"
preserveAspectRatio="none"
id="image1036"
x="0"
y="0" />
<image
sodipodi:absref="connecting.png"
xlink:href="connecting.png"
style="stroke-width:0.37706161"
transform="matrix(1,0,0,7.0335609,-0.01476534,-457.96167)"
clip-path="url(#clipPath1040)"
y="0"
x="0"
id="image10"
preserveAspectRatio="none"
height="459"
width="936" />
<image
sodipodi:absref="connectingsub1.png"
xlink:href="connectingsub1.png"
width="185"
height="57"
preserveAspectRatio="none"
id="image844"
x="50.244305"
y="315.55759" />
<image
sodipodi:absref="connectingsub2.png"
xlink:href="connectingsub2.png"
transform="translate(2.7221745,260.26802)"
clip-path="url(#clipPath860)"
width="584"
height="88"
preserveAspectRatio="none"
id="image855"
x="243.79663"
y="-229.08156" />
<circle
transform="scale(1,-1)"
r="20.301775"
cy="-56.934261"
cx="23.589575"
id="circle4644"
style="opacity:1;fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path4646"
d="M 44.367143,57.834977 H 111.54229"
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="35.608807"
x="74.509079"
height="42.092525"
width="164.52235"
id="rect4648"
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="35.608807"
x="74.509079"
height="4"
width="164.52235"
id="rect4650"
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="84.479309"
y="66.194084"
id="text4654"><tspan
sodipodi:role="line"
id="tspan4652"
x="84.479309"
y="66.194084"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">Open file tab</tspan></text>
<circle
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle4656"
cx="79.773384"
cy="23.794016"
r="19.024944" />
<text
id="text4660"
y="31.500589"
x="74.872383"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="31.500589"
x="74.872383"
id="tspan4658"
sodipodi:role="line">1</tspan></text>
<rect
style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect938"
width="35.355339"
height="7.0710678"
x="300.87393"
y="137.50211" />
<rect
y="118.97803"
x="300.40253"
height="3.8627346"
width="35.355339"
id="rect940"
style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:3.99999976;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:3.99999976;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect942"
width="35.355339"
height="4.3341393"
x="531.39075"
y="71.366165" />
<path
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 227.46478,323.86501 h 67.17514"
id="path1008"
inkscape:connector-curvature="0" />
<rect
y="292.53476"
x="257.90811"
height="42.092525"
width="274.44144"
id="rect946"
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="292.53476"
x="257.90811"
height="4"
width="274.44144"
id="rect948"
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="267.87827"
y="323.12009"
id="text952"><tspan
sodipodi:role="line"
id="tspan950"
x="267.87827"
y="323.12009"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">Open device browser</tspan></text>
<circle
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle954"
cx="253.79393"
cy="286.55316"
r="19.024944" />
<text
id="text958"
y="294.25964"
x="246.55692"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="294.25964"
x="246.55692"
id="tspan956"
sodipodi:role="line">3</tspan></text>
<rect
style="fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:3.99999976;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect960"
width="167.83461"
height="23.075317"
x="59.244305"
y="314.55759"
rx="15.204327"
ry="15.204326" />
<path
inkscape:connector-curvature="0"
id="path1024"
d="m 227.46478,350.23507 h 67.17514"
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect962"
width="274.44144"
height="42.092525"
x="257.90811"
y="340.80838" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect964"
width="274.44144"
height="4"
x="257.90811"
y="340.80838" />
<text
id="text968"
y="371.39371"
x="267.87827"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="371.39371"
x="267.87827"
id="tspan966"
sodipodi:role="line">Search for your EV3</tspan></text>
<circle
r="19.024944"
cy="389.61261"
cx="253.79393"
id="circle970"
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="246.55692"
y="397.31909"
id="text974"><tspan
sodipodi:role="line"
id="tspan972"
x="246.55692"
y="397.31909"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">4</tspan></text>
<rect
ry="15.204326"
rx="15.204327"
y="337.6329"
x="59.244305"
height="23.075317"
width="167.83461"
id="rect976"
style="fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:3.99999976;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 454.73256,82.905203 h 67.17515"
id="path1022"
inkscape:connector-curvature="0" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect872"
width="199.95952"
height="42.092525"
x="497.38162"
y="57.1996" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect874"
width="199.95952"
height="4"
x="497.38162"
y="57.1996" />
<text
id="text878"
y="87.784927"
x="507.35178"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="87.784927"
x="507.35178"
id="tspan876"
sodipodi:role="line">Select your EV3</tspan></text>
<circle
r="19.024944"
cy="49.884659"
cx="493.26743"
id="circle880"
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="486.03043"
y="57.591141"
id="text884"><tspan
sodipodi:role="line"
id="tspan882"
x="486.03043"
y="57.591141"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">5</tspan></text>
<rect
ry="15.204326"
rx="15.204327"
y="68.380142"
x="249.69173"
height="30.408651"
width="204.83461"
id="rect886"
style="fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="179.10568"
x="257.90811"
height="42.092525"
width="453.77478"
id="rect1010"
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="179.10568"
x="257.90811"
height="4"
width="453.77478"
id="rect1012"
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="267.87827"
y="209.69101"
id="text1016"><tspan
sodipodi:role="line"
id="tspan1014"
x="267.87827"
y="209.69101"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">Connect your EV3 with the USB cable</tspan></text>
<text
id="text1020"
y="183.34192"
x="246.55692"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="183.34192"
x="246.55692"
id="tspan1018"
sodipodi:role="line">4</tspan></text>
<circle
r="19.024944"
cy="176.85229"
cx="253.79393"
id="circle1026"
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="246.55692"
y="184.55878"
id="text1030"><tspan
sodipodi:role="line"
id="tspan1028"
x="246.55692"
y="184.55878"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">2</tspan></text>
<rect
y="156.12259"
x="300.87393"
height="7.0710678"
width="35.355339"
id="rect1032"
style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1034"
width="630.27917"
height="54.682926"
x="294.50998"
y="119.06953" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

source/images/connectingsub1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

source/images/connectingsub2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

source/images/newproject.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 34 KiB

source/images/newproject.svg
+276
View File
@@ -0,0 +1,276 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg2"
width="1013.3333"
height="389.33334"
viewBox="0 0 1013.3333 389.33334"
sodipodi:docname="newproject.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata8">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs6" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1043"
id="namedview4"
showgrid="false"
inkscape:zoom="0.69276317"
inkscape:cx="381.57189"
inkscape:cy="393.19933"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg2" />
<image
sodipodi:absref="newproject.png"
xlink:href="newproject.png"
width="1013.3333"
height="389.33334"
preserveAspectRatio="none"
id="image10"
x="0"
y="0" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4173"
width="361.7435"
height="76.014648"
x="486.13174"
y="234.71436" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4175"
width="361.7435"
height="4"
x="486.13174"
y="234.71436" />
<text
id="text114"
y="265.29965"
x="496.10199"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="265.29965"
x="496.10199"
id="tspan112"
sodipodi:role="line">Choose a location for your</tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="296.38354"
x="496.10199"
sodipodi:role="line"
id="tspan888">project in the pop-up window</tspan></text>
<circle
r="19.024944"
cy="227.39938"
cx="482.01764"
id="path118"
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="474.78064"
y="235.10596"
id="text4630"><tspan
sodipodi:role="line"
id="tspan4628"
x="474.78064"
y="235.10596"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">4</tspan></text>
<circle
transform="scale(1,-1)"
r="20.301775"
cy="-305.82831"
cx="23.406336"
id="circle4644"
style="opacity:1;fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path4646"
d="M 44.183893,306.72901 H 111.35904"
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="284.50284"
x="80.659172"
height="42.092525"
width="228.16197"
id="rect4648"
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="284.50284"
x="80.659172"
height="4"
width="228.16197"
id="rect4650"
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="90.629387"
y="315.08813"
id="text4654"><tspan
sodipodi:role="line"
id="tspan4652"
x="90.629387"
y="315.08813"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">Open Pybricks tab</tspan></text>
<circle
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle4656"
cx="79.590141"
cy="272.68805"
r="19.024944" />
<text
id="text4660"
y="280.39462"
x="74.68914"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="280.39462"
x="74.68914"
id="tspan4658"
sodipodi:role="line">1</tspan></text>
<path
inkscape:connector-curvature="0"
id="path4664"
d="M 120.69668,91.030174 V 145.83095"
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="134.73167"
x="67.866547"
height="42.092525"
width="235.81532"
id="rect4666"
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="134.73167"
x="67.866547"
height="4"
width="235.81532"
id="rect4668"
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="77.8367"
y="165.31696"
id="text4672"><tspan
sodipodi:role="line"
id="tspan4670"
x="77.8367"
y="165.31696"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">Create new project</tspan></text>
<circle
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle4674"
cx="63.75235"
cy="127.41671"
r="19.024944" />
<text
id="text4678"
y="135.12321"
x="56.515354"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="135.12321"
x="56.515354"
id="tspan4676"
sodipodi:role="line">2</tspan></text>
<rect
style="fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4680"
width="204.83461"
height="30.408651"
x="51.164909"
y="61.059402"
rx="15.204327"
ry="15.204326" />
<path
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 464.67424,66.533256 V 121.33403"
id="path870"
inkscape:connector-curvature="0" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect872"
width="466.77448"
height="42.092525"
x="411.84412"
y="110.23476" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect874"
width="466.77448"
height="4"
x="411.84412"
y="110.23476" />
<text
id="text878"
y="140.82004"
x="421.81427"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="140.82004"
x="421.81427"
id="tspan876"
sodipodi:role="line">Choose a project name and press enter</tspan></text>
<circle
r="19.024944"
cy="102.91979"
cx="407.72992"
id="circle880"
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="400.49292"
y="110.6263"
id="text884"><tspan
sodipodi:role="line"
id="tspan882"
x="400.49292"
y="110.6263"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">3</tspan></text>
<rect
ry="15.204326"
rx="15.204327"
y="36.562485"
x="395.14246"
height="30.408651"
width="204.83461"
id="rect886"
style="fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

source/images/overview.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 140 KiB

source/images/overview.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 612 KiB

source/images/overview.svg
+256
View File
@@ -0,0 +1,256 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg2"
width="700"
height="525"
viewBox="0 0 699.99997 525"
sodipodi:docname="overview.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata8">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs6" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1043"
id="namedview4"
showgrid="false"
inkscape:zoom="1.18"
inkscape:cx="334.88147"
inkscape:cy="341.1349"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg2" />
<image
sodipodi:absref="overview.jpg"
xlink:href="overview.jpg"
style="stroke-width:1.52380967"
y="3.0517578e-05"
x="0"
id="image10"
preserveAspectRatio="none"
height="524.99994"
width="700" />
<path
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 461.40206,372.35423 v 67.17516"
id="path909"
inkscape:connector-curvature="0" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4173"
width="239.00459"
height="72.354301"
x="423.58261"
y="420.42203" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4175"
width="239.00459"
height="4"
x="423.58261"
y="420.42203" />
<text
id="text114"
y="451.00729"
x="438.34674"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="451.00729"
x="438.34674"
id="tspan112"
sodipodi:role="line">Computer with </tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="482.09119"
x="438.34674"
sodipodi:role="line"
id="tspan907">Visual Studio Code</tspan></text>
<circle
r="19.024944"
cy="353.3613"
cx="460.99387"
id="path118"
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<circle
transform="scale(1,-1)"
r="20.301775"
cy="-313.8223"
cx="151.66975"
id="circle4625"
style="opacity:1;fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 149.75898,333.6148 0,98.67479"
id="path4645"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cc" />
<rect
y="420.42023"
x="50.225033"
height="42.092525"
width="228.95509"
id="rect4629"
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="420.42023"
x="50.225033"
height="4"
width="228.95509"
id="rect4631"
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="60.195248"
y="451.00546"
id="text4635"><tspan
sodipodi:role="line"
id="tspan4633"
x="60.195248"
y="451.00546"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">Download and run</tspan></text>
<path
sodipodi:nodetypes="cc"
inkscape:connector-curvature="0"
id="path4649"
d="m 149.75898,333.6148 v 57.32702"
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4651"
width="271.32797"
height="73.236595"
x="50.225033"
y="420.42023" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4653"
width="271.32797"
height="4"
x="50.225033"
y="420.42023" />
<text
id="text4657"
y="451.00546"
x="60.195248"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="451.00546"
x="60.195248"
id="tspan4655"
sodipodi:role="line">Micro SD card with</tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="482.08936"
x="60.195248"
sodipodi:role="line"
id="tspan915">EV3 Python Firmware</tspan></text>
<path
inkscape:connector-curvature="0"
id="path911"
d="M 181.92428,35.782319 V 224.99137"
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<circle
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle913"
cx="182.33247"
cy="221.95041"
r="19.024944" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4611"
width="138.70651"
height="42.092525"
x="78.650955"
y="16.136982" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4613"
width="138.70651"
height="4"
x="78.650955"
y="16.136982" />
<text
id="text4617"
y="46.722248"
x="88.62117"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="46.722248"
x="88.62117"
id="tspan4615"
sodipodi:role="line">EV3 Brick</tspan></text>
<path
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 399.83423,35.710506 V 102.88567"
id="path917"
inkscape:connector-curvature="0" />
<circle
r="19.024944"
cy="121.8786"
cx="400.24243"
id="circle919"
style="fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="16.065168"
x="296.56091"
height="42.092525"
width="196.33363"
id="rect921"
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="16.065168"
x="296.56091"
height="4"
width="196.33363"
id="rect923"
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="306.53113"
y="46.650433"
id="text927"><tspan
sodipodi:role="line"
id="tspan925"
x="306.53113"
y="46.650433"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">Mini USB cable</tspan></text>
<path
style="fill:#80879a;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
d="m 632.2014,101.33517 67.48081,18.89788 V 0.36272114 h -38.87712 z"
id="path929"
inkscape:connector-curvature="0" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

source/images/projectoverview.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 37 KiB

source/images/projectoverview.svg
+212
View File
@@ -0,0 +1,212 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg2"
width="913"
height="341"
viewBox="0 0 913 341"
sodipodi:docname="projectoverview.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata8">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs6">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath871">
<rect
style="fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect873"
width="913"
height="341"
x="0"
y="250" />
</clipPath>
</defs>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1043"
id="namedview4"
showgrid="false"
inkscape:zoom="0.38444688"
inkscape:cx="-190.25084"
inkscape:cy="439.15937"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg2" />
<image
sodipodi:absref="projectoverview.png"
xlink:href="projectoverview.png"
transform="translate(0,-250)"
clip-path="url(#clipPath871)"
y="250"
x="0"
id="image10"
preserveAspectRatio="none"
height="591"
width="913" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4173"
width="244.46182"
height="42.092525"
x="420.98309"
y="243.47301" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4175"
width="244.46182"
height="4"
x="420.98309"
y="243.47301" />
<text
id="text114"
y="274.05829"
x="430.95334"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="274.05829"
x="430.95334"
id="tspan112"
sodipodi:role="line">Write your program</tspan></text>
<circle
r="19.024944"
cy="235.03552"
cx="669.51544"
id="path118"
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="663.42798"
y="241.36267"
id="text4630"><tspan
sodipodi:role="line"
id="tspan4628"
x="663.42798"
y="241.36267"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">2</tspan></text>
<path
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 131.80533,219.75494 V 152.57978"
id="path4609"
inkscape:connector-curvature="0" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4611"
width="184.23109"
height="42.092525"
x="97.447517"
y="214.52142" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4613"
width="184.23109"
height="4"
x="97.447517"
y="214.52142" />
<text
id="text4617"
y="245.10669"
x="107.41774"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="245.10669"
x="107.41774"
id="tspan4615"
sodipodi:role="line">Open <tspan
style="font-style:italic"
id="tspan981">main.py</tspan></tspan></text>
<circle
r="19.024944"
cy="202.70667"
cx="96.378487"
id="circle4619"
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="91.477486"
y="210.41321"
id="text4623"><tspan
sodipodi:role="line"
id="tspan4621"
x="91.477486"
y="210.41321"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">1</tspan></text>
<rect
style="fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:3.99999928;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4680"
width="94.83931"
height="25.350622"
x="59.957893"
y="128.51309"
rx="15.204326"
ry="15.204325" />
<rect
style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect971"
width="33.489674"
height="5.36485"
x="303.03278"
y="97.224449" />
<rect
y="116.08271"
x="303.03278"
height="5.36485"
width="33.489674"
id="rect973"
style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect975"
width="33.489674"
height="5.36485"
x="303.03278"
y="135.26611" />
<rect
y="154.36823"
x="303.03278"
height="5.36485"
width="33.489674"
id="rect977"
style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="fill:#252526;fill-opacity:1;stroke:none;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect979"
width="21.879196"
height="17.205236"
x="209.57419"
y="134.3606" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

source/images/render.sh
Executable
+6
View File
@@ -0,0 +1,6 @@
#!/usr/bin/env bash
for filenamedotext in *.svg; do
filename=$(echo "$filenamedotext" | cut -f 1 -d '.')
inkscape --file=$filename.svg --export-area-drawing --export-png=build/$filename.png
done
source/images/running.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 40 KiB

source/images/running.svg
+323
View File
@@ -0,0 +1,323 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg2"
width="933"
height="534"
viewBox="0 0 933 534"
sodipodi:docname="running.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata8">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs6" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1043"
id="namedview4"
showgrid="false"
inkscape:zoom="0.53203533"
inkscape:cx="401.91913"
inkscape:cy="-113.50049"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg2" />
<image
sodipodi:absref="running.png"
xlink:href="running.png"
y="0"
x="0"
id="image10"
preserveAspectRatio="none"
height="534"
width="933" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4173"
width="102.37718"
height="42.092525"
x="637.88422"
y="455.96118" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4175"
width="102.37718"
height="4"
x="637.88422"
y="455.96118" />
<text
id="text114"
y="486.54645"
x="647.85443"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="486.54645"
x="647.85443"
id="tspan112"
sodipodi:role="line">Output</tspan></text>
<circle
r="19.024944"
cy="448.64618"
cx="633.77008"
id="path118"
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="626.53308"
y="456.35278"
id="text4630"><tspan
sodipodi:role="line"
id="tspan4628"
x="626.53308"
y="456.35278"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">3</tspan></text>
<circle
style="opacity:1;fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="circle4607"
cx="23.409662"
cy="-203.49242"
r="20.301775"
transform="scale(1,-1)" />
<path
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 44.187222,204.39319 H 111.36237"
id="path4609"
inkscape:connector-curvature="0" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4611"
width="241.24889"
height="42.092525"
x="80.662483"
y="182.16698" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4613"
width="241.24889"
height="4"
x="80.662483"
y="182.16698" />
<text
id="text4617"
y="212.75224"
x="90.632698"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="212.75224"
x="90.632698"
id="tspan4615"
sodipodi:role="line">Debug (or press F5)</tspan></text>
<circle
r="19.024944"
cy="170.35222"
cx="79.593445"
id="circle4619"
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="74.692444"
y="178.05876"
id="text4623"><tspan
sodipodi:role="line"
id="tspan4621"
x="74.692444"
y="178.05876"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">1</tspan></text>
<circle
transform="scale(1,-1)"
r="20.301775"
cy="-46.663357"
cx="117.26962"
id="circle4625"
style="opacity:1;fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 115.35888,66.455858 0,57.327022 h 40.88074"
id="path4645"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
<rect
y="99.702522"
x="146.94446"
height="42.092525"
width="228.95509"
id="rect4629"
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="99.702522"
x="146.94446"
height="4"
width="228.95509"
id="rect4631"
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="156.91467"
y="130.2878"
id="text4635"><tspan
sodipodi:role="line"
id="tspan4633"
x="156.91467"
y="130.2878"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">Download and run</tspan></text>
<circle
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle4637"
cx="148.40498"
cy="89.98056"
r="19.024944" />
<text
id="text4641"
y="96.512367"
x="141.6244"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="96.512367"
x="141.6244"
id="tspan4639"
sodipodi:role="line">2</tspan></text>
<circle
style="opacity:1;fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="circle4647"
cx="117.26962"
cy="-46.663357"
r="20.301775"
transform="scale(1,-1)" />
<path
sodipodi:nodetypes="ccc"
inkscape:connector-curvature="0"
id="path4649"
d="m 115.35888,66.455858 0,57.327022 h 40.88074"
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4651"
width="228.95509"
height="42.092525"
x="146.94446"
y="99.702522" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4653"
width="228.95509"
height="4"
x="146.94446"
y="99.702522" />
<text
id="text4657"
y="130.2878"
x="156.91467"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="130.2878"
x="156.91467"
id="tspan4655"
sodipodi:role="line">Download and run</tspan></text>
<circle
r="19.024944"
cy="89.98056"
cx="148.40498"
id="circle4659"
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="141.6244"
y="96.512367"
id="text4663"><tspan
sodipodi:role="line"
id="tspan4661"
x="141.6244"
y="96.512367"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">2</tspan></text>
<circle
transform="scale(1,-1)"
r="20.301775"
cy="-45.608162"
cx="560.96796"
id="circle4665"
style="opacity:1;fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path4667"
d="m 574.43568,58.80274 h 67.17515"
style="fill:none;stroke:#6ab0de;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="36.908794"
x="618.22076"
height="42.092525"
width="69.301788"
id="rect4669"
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="36.908794"
x="618.22076"
height="4"
width="69.301788"
id="rect4671"
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:2.13333321;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
x="628.19098"
y="67.494057"
id="text4675"><tspan
sodipodi:role="line"
id="tspan4673"
x="628.19098"
y="67.494057"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054">Stop</tspan></text>
<circle
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle4677"
cx="617.15173"
cy="25.094034"
r="19.024944" />
<text
id="text4681"
y="32.800579"
x="608.9281"
style="font-style:normal;font-weight:normal;font-size:24.19441986px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.60486054"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.60486054"
y="32.800579"
x="608.9281"
id="tspan4679"
sodipodi:role="line">4</tspan></text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

source/images/vsix.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 131 KiB

After

Width:  |  Height:  |  Size: 48 KiB

source/images/vsix.svg
+266
View File
@@ -0,0 +1,266 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="729"
height="550"
viewBox="0 0 683.4375 515.62498"
id="svg2"
version="1.1"
inkscape:version="0.92.3 (2405546, 2018-03-11)"
sodipodi:docname="vsix.svg"
inkscape:export-filename="vsix.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96">
<defs
id="defs4">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath4149">
<rect
style="opacity:1;fill:#b3b3b3;fill-opacity:0.58490571;stroke:none;stroke-width:10;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4151"
width="680.29224"
height="512.28284"
x="91.3778"
y="229.03589" />
</clipPath>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.70000001"
inkscape:cx="370.80657"
inkscape:cy="297.78688"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1853"
inkscape:window-height="1016"
inkscape:window-x="67"
inkscape:window-y="27"
inkscape:window-maximized="1"
units="px"
showguides="false" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-536.73731)">
<image
sodipodi:absref="vsix.png"
xlink:href="vsix.png"
y="536.7373"
x="0"
id="image37"
preserveAspectRatio="none"
height="515.625"
width="683.4375" />
<circle
style="opacity:1;fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:3.75;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="circle4202"
cx="305.6861"
cy="-581.55017"
r="19.032913"
transform="scale(1,-1)" />
<path
style="fill:none;stroke:#6ab0de;stroke-width:3.75;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 320.19323,592.33833 h 62.9767"
id="path4642"
inkscape:connector-curvature="0" />
<rect
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:1.99999988;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4173"
width="163.88525"
height="39.461742"
x="354.33829"
y="570.55426" />
<rect
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:1.99999988;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect4175"
width="163.88525"
height="3.75"
x="354.33829"
y="570.55426" />
<text
id="text114"
y="599.22797"
x="363.68536"
style="font-style:normal;font-weight:normal;font-size:22.68226814px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.56705672"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.56705672"
y="599.22797"
x="363.68536"
id="tspan112"
sodipodi:role="line">More Actions</tspan></text>
<circle
r="17.835884"
cy="563.69647"
cx="350.48126"
id="path118"
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:3.75;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:22.68226814px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.56705672"
x="343.69659"
y="570.92139"
id="text4630"><tspan
sodipodi:role="line"
id="tspan4628"
x="343.69659"
y="570.92139"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.56705672">2</tspan></text>
<circle
transform="scale(1,-1)"
r="19.032913"
cy="-776.41626"
cx="23.07233"
id="circle4644"
style="opacity:1;fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:3.75;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path4646"
d="M 42.551293,777.26071 H 105.52799"
style="fill:none;stroke:#6ab0de;stroke-width:3.75;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
y="756.42365"
x="76.746849"
height="39.461742"
width="139.26279"
id="rect4648"
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:1.99999976;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="756.42365"
x="76.746849"
height="3.75"
width="139.26279"
id="rect4650"
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:1.99999976;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:22.68226814px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.56705672"
x="86.093925"
y="785.09735"
id="text4654"><tspan
sodipodi:role="line"
id="tspan4652"
x="86.093925"
y="785.09735"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.56705672">Extensions</tspan></text>
<circle
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:3.75;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle4656"
cx="75.744629"
cy="745.34729"
r="17.835884" />
<text
id="text4660"
y="752.5722"
x="71.14994"
style="font-style:normal;font-weight:normal;font-size:22.68226814px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.56705672"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.56705672"
y="752.5722"
x="71.14994"
id="tspan4658"
sodipodi:role="line">1</tspan></text>
<path
inkscape:connector-curvature="0"
id="path4664"
d="M 321.34496,934.70027 V 986.076"
style="fill:none;stroke:#6ab0de;stroke-width:3.75;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:3.75;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4690"
width="225.33481"
height="34.151783"
x="402.45535"
y="1002.4739"
rx="0"
ry="0" />
<rect
y="966.87415"
x="231.89505"
height="39.461742"
width="203.18649"
id="rect4666"
style="opacity:1;fill:#e7f2fa;fill-opacity:1;stroke:none;stroke-width:1.99999988;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<rect
y="966.87415"
x="231.89505"
height="3.75"
width="203.18649"
id="rect4668"
style="opacity:1;fill:#6ab0de;fill-opacity:1;stroke:none;stroke-width:1.99999988;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
<text
xml:space="preserve"
style="font-style:normal;font-weight:normal;font-size:22.68226814px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.56705672"
x="241.2421"
y="995.54779"
id="text4672"><tspan
sodipodi:role="line"
id="tspan4670"
x="241.2421"
y="995.54779"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.56705672">Install from VSIX</tspan></text>
<circle
style="fill:#e7f2fa;fill-opacity:1;stroke:#6ab0de;stroke-width:3.75;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="circle4674"
cx="228.03799"
cy="960.01636"
r="17.835884" />
<text
id="text4678"
y="967.24121"
x="221.25336"
style="font-style:normal;font-weight:normal;font-size:22.68226814px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#404140;fill-opacity:1;stroke:none;stroke-width:0.56705672"
xml:space="preserve"><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Roboto Slab';-inkscape-font-specification:'Roboto Slab';fill:#404140;fill-opacity:1;stroke-width:0.56705672"
y="967.24121"
x="221.25336"
id="tspan4676"
sodipodi:role="line">3</tspan></text>
<rect
style="fill:none;fill-opacity:1;stroke:#6ab0de;stroke-width:3.74999976;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4680"
width="236.52879"
height="28.50811"
x="288.63757"
y="906.60266"
rx="14.254055"
ry="14.254055" />
<rect
ry="0"
rx="0"
y="872.45093"
x="530.18872"
height="135.9375"
width="127.90178"
id="rect4692"
style="fill:#1e1e1e;fill-opacity:1;stroke:none;stroke-width:3.74999976;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

source/index.rst
+5 -5
View File
@@ -6,12 +6,12 @@
Using Python with LEGO\ :sup:`®` MINDSTORMS\ :sup:`®` EV3
=========================================================
.. .. toctree::
.. :maxdepth: 1
.. :caption: Getting started:
.. toctree::
:maxdepth: 1
:caption: Getting started:
.. startinstall
.. startrun
startinstall
startrun
.. toctree::
source/startinstall.rst
+11 -15
View File
@@ -4,7 +4,9 @@ Installation
This page shows how you prepare your computer and the EV3 brick for writing and running Python programs. The final configuration is shown in the figure below.
.. image:: images/overview.png
.. figure:: images/build/overview.png
.. Caption
What do you need?
-----------------------------------------------------------
@@ -21,18 +23,18 @@ You'll need internet access to complete the steps on this page. While programmin
Preparing your computer
-----------------------------------------------------------
.. note::
.. warning::
The download links below do not work yet. Please follow the instructions provided separately.
You will be writing your Python programs using Visual Studio Code. You can download, install, and configure this program using the steps below.
1. Download, install, and open `Visual Studio Code <https://code.visualstudio.com/Download>`_.
2. Download the `Pybricks extension <vscode-pybricks-ev3dev/build15/pybricks-ev3dev-0.0.1.vsix>`_. Follow the steps in the diagram below to install it.
3. Download the `EV3 Python extension </build3/ev3-python-0.0.1.vsix>`_. Follow the steps in the diagram below to install it.
2. Download the `Pybricks extension <.>`_. Follow the steps in the diagram below to install it.
3. Download the `EV3 Python extension <.>`_. Follow the steps in the diagram below to install it.
4. Close Visual Studio Code and open it again to activate the extensions.
.. image:: images/vsix.png
.. image:: images/build/vsix.png
Preparing the SD Card
-----------------------------------------------------------
@@ -40,18 +42,12 @@ Preparing the SD Card
You will now follow a series of steps to download and install the EV3 Python firmware onto your micro SD card.
1. Download the `EV3 Python firmware <stretch-build7.zip>`_ and save it in a convenient location. Do *not* unzip the file.
1. Download the `EV3 Python firmware <.>`_ and save it in a convenient location. Do *not* unzip the file.
2. Download and install `Etcher <https://www.balena.io/etcher/>`_. This is the program for installing the firmware file on your micro SD card.
3. Insert the micro SD card into your computer or card reader.
4. Launch the etcher program and follow the steps on your screen to install the firmware file you have just downloaded. Do not remove the card until the installation process is complete.
5. Put the micro SD card in the SD card slot of the EV3 brick.
.. todo::
- images of the etcher process
- image of inserting an SD card into the brick
- write the following sections
5. Turn the EV3 brick off if it is currently on.
6. Put the micro SD card in the SD card slot of the EV3 brick.
Using the EV3 brick
source/startrun.rst
+4 -4
View File
@@ -4,14 +4,14 @@ Creating and running programs
Starting a new project
-----------------------------------------------------------
.. image:: images/newproject.png
.. image:: images/build/newproject.png
Example text
Understanding projects folder and files
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
.. image:: images/projectoverview.png
.. image:: images/build/projectoverview.png
Example text
@@ -25,14 +25,14 @@ Running a program
Connecting the EV3 brick and the computer
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
.. image:: images/connecting.png
.. image:: images/build/connecting.png
Example text
Downloading and running a program
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
.. image:: images/running.png
.. image:: images/build/running.png
Example text