luca
/
dmxcontroller
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

251
layout.svg
View File

@ -3,8 +3,8 @@
<svg
width="482.60001mm"
height="177.8mm"
viewBox="0 0 482.60002 177.80001"
height="176.5mm"
viewBox="0 0 482.60002 176.50001"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
@ -25,9 +25,9 @@
inkscape:deskcolor="#505050"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.38694009"
inkscape:cx="878.68899"
inkscape:cy="462.60391"
inkscape:zoom="0.4748096"
inkscape:cx="1213.1178"
inkscape:cy="294.85503"
inkscape:window-width="1362"
inkscape:window-height="721"
inkscape:window-x="0"
@ -41,27 +41,27 @@
inkscape:groupmode="layer"
id="layer1">
<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"
width="15.875"
height="177.8"
height="176.5"
x="0"
y="0" />
<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"
width="15.875"
height="177.8"
height="176.5"
x="466.72501"
y="0" />
<g
id="g10003"
transform="translate(-29.68729)">
<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"
width="30"
height="177.8"
height="176.5"
x="55.56229"
y="0" />
<rect
@ -70,27 +70,34 @@
width="18"
height="146.5"
x="61.56229"
y="26.299999" />
y="28" />
<rect
style="fill:#ffffff;stroke:none;stroke-width:0.1;paint-order:stroke fill markers"
id="rect10469"
width="12"
height="26"
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>
<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"
width="10"
height="177.8"
height="176.5"
x="15.875"
y="0" />
<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"
width="10"
height="177.8"
height="176.5"
x="456.72501"
y="-2.8421709e-14" />
<use
@ -135,5 +142,215 @@
xlink:href="#g10003"
id="use10232"
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>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 9.0 KiB