feat(layout): add displays and buttons

This commit is contained in:
Luca 2024-07-11 16:01:47 +02:00
parent 90b8319b9f
commit f5c3eb9043
1 changed files with 234 additions and 17 deletions

View File

@ -3,8 +3,8 @@
<svg <svg
width="482.60001mm" width="482.60001mm"
height="177.8mm" height="176.5mm"
viewBox="0 0 482.60002 177.80001" viewBox="0 0 482.60002 176.50001"
version="1.1" version="1.1"
id="svg5" id="svg5"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@ -25,9 +25,9 @@
inkscape:deskcolor="#505050" inkscape:deskcolor="#505050"
inkscape:document-units="mm" inkscape:document-units="mm"
showgrid="false" showgrid="false"
inkscape:zoom="0.38694009" inkscape:zoom="0.4748096"
inkscape:cx="878.68899" inkscape:cx="1213.1178"
inkscape:cy="462.60391" inkscape:cy="294.85503"
inkscape:window-width="1362" inkscape:window-width="1362"
inkscape:window-height="721" inkscape:window-height="721"
inkscape:window-x="0" inkscape:window-x="0"
@ -41,27 +41,27 @@
inkscape:groupmode="layer" inkscape:groupmode="layer"
id="layer1"> id="layer1">
<rect <rect
style="fill:#000000;stroke:none;stroke-width:0.1;paint-order:stroke fill markers" style="fill:#000000;stroke:none;stroke-width:0.0996338;paint-order:stroke fill markers"
id="rect964" id="rect964"
width="15.875" width="15.875"
height="177.8" height="176.5"
x="0" x="0"
y="0" /> y="0" />
<rect <rect
style="fill:#000000;stroke:none;stroke-width:0.1;paint-order:stroke fill markers" style="fill:#000000;stroke:none;stroke-width:0.0996338;paint-order:stroke fill markers"
id="rect1018" id="rect1018"
width="15.875" width="15.875"
height="177.8" height="176.5"
x="466.72501" x="466.72501"
y="0" /> y="0" />
<g <g
id="g10003" id="g10003"
transform="translate(-29.68729)"> transform="translate(-29.68729)">
<rect <rect
style="fill:#ff00ff;stroke:none;stroke-width:0.1;paint-order:stroke fill markers" style="fill:#ff00ff;stroke:none;stroke-width:0.0996338;paint-order:stroke fill markers"
id="rect7041" id="rect7041"
width="30" width="30"
height="177.8" height="176.5"
x="55.56229" x="55.56229"
y="0" /> y="0" />
<rect <rect
@ -70,27 +70,34 @@
width="18" width="18"
height="146.5" height="146.5"
x="61.56229" x="61.56229"
y="26.299999" /> y="28" />
<rect <rect
style="fill:#ffffff;stroke:none;stroke-width:0.1;paint-order:stroke fill markers" style="fill:#ffffff;stroke:none;stroke-width:0.1;paint-order:stroke fill markers"
id="rect10469" id="rect10469"
width="12" width="12"
height="26" height="26"
x="64.562286" x="64.562286"
y="86.549995" /> y="88.25" />
<rect
style="fill:#000000;stroke-width:0.1;paint-order:stroke fill markers"
id="rect432"
width="30"
height="25"
x="55.56229"
y="2" />
</g> </g>
<rect <rect
style="fill:#800080;stroke:none;stroke-width:0.1;paint-order:stroke fill markers" style="fill:#800080;stroke:none;stroke-width:0.0996338;paint-order:stroke fill markers"
id="rect10047" id="rect10047"
width="10" width="10"
height="177.8" height="176.5"
x="15.875" x="15.875"
y="0" /> y="0" />
<rect <rect
style="fill:#800080;stroke:none;stroke-width:0.1;paint-order:stroke fill markers" style="fill:#800080;stroke:none;stroke-width:0.0996338;paint-order:stroke fill markers"
id="rect10101" id="rect10101"
width="10" width="10"
height="177.8" height="176.5"
x="456.72501" x="456.72501"
y="-2.8421709e-14" /> y="-2.8421709e-14" />
<use <use
@ -135,5 +142,215 @@
xlink:href="#g10003" xlink:href="#g10003"
id="use10232" id="use10232"
transform="translate(210)" /> transform="translate(210)" />
<g
id="g1275"
transform="translate(0,-57.149997)"
inkscape:tile-cx="447.20004"
inkscape:tile-cy="109.825"
inkscape:tile-w="19.05"
inkscape:tile-h="19.05"
inkscape:tile-x0="437.67504"
inkscape:tile-y0="100.3">
<rect
style="fill:#ff00ff;stroke-width:0.1;paint-order:stroke fill markers"
id="rect526"
width="19.049999"
height="19.049999"
x="437.67502"
y="157.45" />
<rect
style="fill:#000000;stroke-width:0.1;paint-order:stroke fill markers"
id="rect1271"
width="15.6"
height="15.6"
x="439.40002"
y="159.175" />
</g>
<rect
style="fill:#ff00ff;stroke-width:0.1;paint-order:stroke fill markers"
id="rect1277"
width="19.049999"
height="19.049999"
x="418.62503"
y="100.3"
inkscape:tile-cx="428.15005"
inkscape:tile-cy="109.82501"
inkscape:tile-w="19.05"
inkscape:tile-h="19.05"
inkscape:tile-x0="418.62505"
inkscape:tile-y0="100.30001" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g1275"
xlink:href="#g1275"
id="use1285"
transform="translate(-95.250018)"
inkscape:tile-cx="351.95001"
inkscape:tile-cy="109.825"
inkscape:tile-w="19.05"
inkscape:tile-h="19.05"
inkscape:tile-x0="342.42501"
inkscape:tile-y0="100.3" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g1275"
xlink:href="#g1275"
transform="translate(0,19.05)"
id="use1287" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g1275"
xlink:href="#g1275"
transform="translate(0,38.1)"
id="use1289" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#g1275"
xlink:href="#g1275"
transform="translate(0,57.15)"
id="use1291" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#rect1277"
xlink:href="#rect1277"
id="use1293" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#rect1277"
xlink:href="#rect1277"
transform="translate(0,19.05)"
id="use1295" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#rect1277"
xlink:href="#rect1277"
transform="translate(0,38.1)"
id="use1297" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#rect1277"
xlink:href="#rect1277"
transform="translate(0,57.15)"
id="use1299" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(0,19.05)"
id="use1303" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(0,38.1)"
id="use1305" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(0,57.15)"
id="use1307" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(19.05)"
id="use1309" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(19.05,19.05)"
id="use1311" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(19.05,38.1)"
id="use1313" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(19.05,57.15)"
id="use1315" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(38.1)"
id="use1317" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(38.1,19.05)"
id="use1319" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(38.1,38.1)"
id="use1321" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(38.1,57.15)"
id="use1323" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(57.15)"
id="use1325" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(57.15,19.05)"
id="use1327" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(57.15,38.1)"
id="use1329" />
<use
x="0"
y="0"
inkscape:tiled-clone-of="#use1285"
xlink:href="#use1285"
transform="translate(57.15,57.15)"
id="use1331" />
<rect
style="fill:#000000;stroke-width:0.1;paint-order:stroke fill markers"
id="rect1380"
width="89.300003"
height="55"
x="285.875"
y="20" />
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 9.0 KiB