xeovalyte/wrbapp
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Updated wireframe & Project Mangement

Xeovalyte 2024-01-11 18:48:03 +01:00
parent b52441ada8
commit 63cf4630aa
5 changed files with 187 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
Project-Management.md

@ -3,13 +3,39 @@
- Database: [SurrealDB](https://surrealdb.com/)
## Features
- Offline Support
- PWA with Offline Support
- Gepersonaliseerde Agenda
- Gepersonaliseerde diploma
- Web Push
- Individueel lid
- Groep
- Iedereen
- Meerdere leden op 1 account
- Animaties m.b.t. laden, nieuw diploma, enz.
- Wedstrijd informatie
- Locatie/ lengte bad
- Gezwommen tijd
- Diskwalificatie + Reden
- Inschrijf tijden weergeven
- Tijden vergelijken
- [Toekomst] inschrijvingen wedstrijden
- [Toekomst] Progressie tijden
- Gebruikers beheer
- Toevoegingen aan leden
- Groepen (administratie, wedstrijd, kader, bestuur, enz.)
- [Toekomst] forms
- [Toekomst] inschrijvingen mee zwemmers
# Frontend
# Frontend [Typescript](https://www.typescriptlang.org/)
## UI
### Libraries
- [Nuxt](https://nuxt.com/)
- [Maz UI](https://maz-ui.com/)
### Wireframe
![Wireframe](/drawio/wireframe.svg)
![Wireframe](/drawio/wireframe.svg)
# Backend [Rust](https://rust-lang.org)
# Database [SurrealDB](https://surrealdb.com)

60
drawio/.$wireframe.drawio.bkp

@ -1,9 +1,63 @@
<mxfile host="Electron" modified="2024-01-11T15:16:01.997Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.0.3 Chrome/118.0.5993.159 Electron/27.1.3 Safari/537.36" etag="Xy6TXQstv-x76fA-QUX2" version="22.0.3" type="device">
<diagram name="Page-1" id="G1KguwVhr1MBZ1pU0tAe">
<mxGraphModel dx="455" dy="331" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<mxfile host="Electron" modified="2024-01-11T17:46:25.933Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.0.3 Chrome/118.0.5993.159 Electron/27.1.3 Safari/537.36" etag="G9Tg7DL1oWidYq9opyCc" version="22.0.3" type="device">
<diagram name="Layout" id="G1KguwVhr1MBZ1pU0tAe">
<mxGraphModel dx="3133" dy="1887" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="cCcK5CVltR2royweT5c1-14" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry width="1080" height="1920" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-18" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry y="1800" width="1080" height="120" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-19" value="Instellingen" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="1">
<mxGeometry x="760" y="1810" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-20" value="Agenda" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="1">
<mxGeometry x="510" y="1810" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-21" value="Nieuws" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="1">
<mxGeometry x="260" y="1810" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-27" value="&amp;lt;Page title&amp;gt;" style="rounded=0;whiteSpace=wrap;html=1;fontSize=36;labelPosition=center;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=140;" vertex="1" parent="1">
<mxGeometry width="1080" height="120" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-28" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1280" width="1080" height="1920" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-29" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1280" y="1800" width="1080" height="120" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-33" value="&amp;lt;Page title&amp;gt;" style="rounded=0;whiteSpace=wrap;html=1;fontSize=36;labelPosition=center;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=140;" vertex="1" parent="1">
<mxGeometry x="1280" width="1080" height="120" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-36" value="" style="group" vertex="1" connectable="0" parent="1">
<mxGeometry x="1458.5" y="1810" width="723" height="62" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-30" value="Instellingen" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="cCcK5CVltR2royweT5c1-36">
<mxGeometry x="663" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-31" value="Agenda" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="cCcK5CVltR2royweT5c1-36">
<mxGeometry x="221" y="2" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-32" value="Nieuws" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="cCcK5CVltR2royweT5c1-36">
<mxGeometry width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-34" value="Wedstrijd" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="cCcK5CVltR2royweT5c1-36">
<mxGeometry x="442" y="2" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-37" value="LOGO" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontSize=20;" vertex="1" parent="1">
<mxGeometry x="30" y="20" width="80" height="80" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-38" value="LOGO" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontSize=20;" vertex="1" parent="1">
<mxGeometry x="1310" y="20" width="80" height="80" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-39" value="&amp;lt;Site content&amp;gt;" style="rounded=0;whiteSpace=wrap;html=1;fillStyle=auto;fontSize=48;" vertex="1" parent="1">
<mxGeometry x="30" y="150" width="1020" height="1620" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-40" value="&amp;lt;Site content&amp;gt;" style="rounded=0;whiteSpace=wrap;html=1;fillStyle=auto;fontSize=48;" vertex="1" parent="1">
<mxGeometry x="1310" y="150" width="1020" height="1620" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>

67
drawio/.$wireframe.drawio.dtmp

@ -1,29 +1,62 @@
<mxfile host="Electron" modified="2024-01-11T15:16:54.496Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.0.3 Chrome/118.0.5993.159 Electron/27.1.3 Safari/537.36" etag="RDLxhbopvtTjRGxcupEC" version="22.0.3" type="device">
<diagram name="Page-1" id="G1KguwVhr1MBZ1pU0tAe">
<mxGraphModel dx="935" dy="999" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<mxfile host="Electron" modified="2024-01-11T17:46:48.849Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.0.3 Chrome/118.0.5993.159 Electron/27.1.3 Safari/537.36" etag="gtgbv6Z-onqp7JU9EdbS" version="22.0.3" type="device">
<diagram name="Layout" id="G1KguwVhr1MBZ1pU0tAe">
<mxGraphModel dx="4700" dy="2830" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="AKu6wPjRgR59g6-QDu-s-1" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-280" y="120" width="200" height="440" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-14" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry width="1080" height="1920" as="geometry" />
</mxCell>
<mxCell id="AKu6wPjRgR59g6-QDu-s-2" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-280" y="520" width="200" height="40" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-18" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry y="1800" width="1080" height="120" as="geometry" />
</mxCell>
<mxCell id="AKu6wPjRgR59g6-QDu-s-3" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-270" y="530" width="20" height="20" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-19" value="Instellingen" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="1">
<mxGeometry x="760" y="1810" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="AKu6wPjRgR59g6-QDu-s-4" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-230" y="530" width="20" height="20" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-20" value="Agenda" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="1">
<mxGeometry x="510" y="1810" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="AKu6wPjRgR59g6-QDu-s-5" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-190" y="530" width="20" height="20" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-21" value="Nieuws" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="1">
<mxGeometry x="260" y="1810" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="AKu6wPjRgR59g6-QDu-s-6" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-150" y="530" width="20" height="20" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-27" value="&amp;lt;Page title&amp;gt;" style="rounded=0;whiteSpace=wrap;html=1;fontSize=36;labelPosition=center;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=140;" vertex="1" parent="1">
<mxGeometry width="1080" height="120" as="geometry" />
</mxCell>
<mxCell id="AKu6wPjRgR59g6-QDu-s-7" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-110" y="530" width="20" height="20" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-28" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1280" width="1080" height="1920" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-29" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1280" y="1800" width="1080" height="120" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-33" value="&amp;lt;Page title&amp;gt;" style="rounded=0;whiteSpace=wrap;html=1;fontSize=36;labelPosition=center;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=140;" vertex="1" parent="1">
<mxGeometry x="1280" width="1080" height="120" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-36" value="" style="group" vertex="1" connectable="0" parent="1">
<mxGeometry x="1458.5" y="1810" width="723" height="62" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-30" value="Instellingen" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="cCcK5CVltR2royweT5c1-36">
<mxGeometry x="663" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-31" value="Agenda" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="cCcK5CVltR2royweT5c1-36">
<mxGeometry x="221" y="2" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-32" value="Nieuws" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="cCcK5CVltR2royweT5c1-36">
<mxGeometry width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-34" value="Wedstrijd" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="cCcK5CVltR2royweT5c1-36">
<mxGeometry x="442" y="2" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-37" value="LOGO" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontSize=20;" vertex="1" parent="1">
<mxGeometry x="30" y="20" width="80" height="80" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-38" value="LOGO" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontSize=20;" vertex="1" parent="1">
<mxGeometry x="1310" y="20" width="80" height="80" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-39" value="&amp;lt;Content&amp;gt;" style="rounded=0;whiteSpace=wrap;html=1;fillStyle=auto;fontSize=48;" vertex="1" parent="1">
<mxGeometry x="30" y="150" width="1020" height="1620" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-40" value="&amp;lt;Content&amp;gt;" style="rounded=0;whiteSpace=wrap;html=1;fillStyle=auto;fontSize=48;" vertex="1" parent="1">
<mxGeometry x="1310" y="150" width="1020" height="1620" as="geometry" />
</mxCell>
</root>
</mxGraphModel>

67
drawio/wireframe.drawio

@ -1,29 +1,62 @@
<mxfile host="Electron" modified="2024-01-11T15:16:53.612Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.0.3 Chrome/118.0.5993.159 Electron/27.1.3 Safari/537.36" etag="h4As4iASfSKyAPbJoyQd" version="22.0.3" type="device">
<diagram name="Page-1" id="G1KguwVhr1MBZ1pU0tAe">
<mxGraphModel dx="935" dy="999" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<mxfile host="Electron" modified="2024-01-11T17:46:44.658Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.0.3 Chrome/118.0.5993.159 Electron/27.1.3 Safari/537.36" etag="ofCbDJxfRO71EhdvqrBc" version="22.0.3" type="device">
<diagram name="Layout" id="G1KguwVhr1MBZ1pU0tAe">
<mxGraphModel dx="4700" dy="2830" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="AKu6wPjRgR59g6-QDu-s-1" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-280" y="120" width="200" height="440" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-14" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry width="1080" height="1920" as="geometry" />
</mxCell>
<mxCell id="AKu6wPjRgR59g6-QDu-s-2" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-280" y="520" width="200" height="40" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-18" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry y="1800" width="1080" height="120" as="geometry" />
</mxCell>
<mxCell id="AKu6wPjRgR59g6-QDu-s-3" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-270" y="530" width="20" height="20" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-19" value="Instellingen" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="1">
<mxGeometry x="760" y="1810" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="AKu6wPjRgR59g6-QDu-s-4" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-230" y="530" width="20" height="20" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-20" value="Agenda" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="1">
<mxGeometry x="510" y="1810" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="AKu6wPjRgR59g6-QDu-s-5" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-190" y="530" width="20" height="20" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-21" value="Nieuws" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="1">
<mxGeometry x="260" y="1810" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="AKu6wPjRgR59g6-QDu-s-6" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-150" y="530" width="20" height="20" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-27" value="&amp;lt;Page title&amp;gt;" style="rounded=0;whiteSpace=wrap;html=1;fontSize=36;labelPosition=center;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=140;" vertex="1" parent="1">
<mxGeometry width="1080" height="120" as="geometry" />
</mxCell>
<mxCell id="AKu6wPjRgR59g6-QDu-s-7" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="-110" y="530" width="20" height="20" as="geometry" />
<mxCell id="cCcK5CVltR2royweT5c1-28" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1280" width="1080" height="1920" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-29" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="1280" y="1800" width="1080" height="120" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-33" value="&amp;lt;Page title&amp;gt;" style="rounded=0;whiteSpace=wrap;html=1;fontSize=36;labelPosition=center;verticalLabelPosition=middle;align=left;verticalAlign=middle;spacingLeft=140;" vertex="1" parent="1">
<mxGeometry x="1280" width="1080" height="120" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-36" value="" style="group" vertex="1" connectable="0" parent="1">
<mxGeometry x="1458.5" y="1810" width="723" height="62" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-30" value="Instellingen" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="cCcK5CVltR2royweT5c1-36">
<mxGeometry x="663" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-31" value="Agenda" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="cCcK5CVltR2royweT5c1-36">
<mxGeometry x="221" y="2" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-32" value="Nieuws" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="cCcK5CVltR2royweT5c1-36">
<mxGeometry width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-34" value="Wedstrijd" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;labelPosition=center;verticalLabelPosition=bottom;align=center;verticalAlign=top;fontSize=23;" vertex="1" parent="cCcK5CVltR2royweT5c1-36">
<mxGeometry x="442" y="2" width="60" height="60" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-37" value="LOGO" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontSize=20;" vertex="1" parent="1">
<mxGeometry x="30" y="20" width="80" height="80" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-38" value="LOGO" style="ellipse;whiteSpace=wrap;html=1;aspect=fixed;fontSize=20;" vertex="1" parent="1">
<mxGeometry x="1310" y="20" width="80" height="80" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-39" value="&amp;lt;Content&amp;gt;" style="rounded=0;whiteSpace=wrap;html=1;fillStyle=auto;fontSize=48;" vertex="1" parent="1">
<mxGeometry x="30" y="150" width="1020" height="1620" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-40" value="&amp;lt;Content&amp;gt;" style="rounded=0;whiteSpace=wrap;html=1;fillStyle=auto;fontSize=48;" vertex="1" parent="1">
<mxGeometry x="1310" y="150" width="1020" height="1620" as="geometry" />
</mxCell>
</root>
</mxGraphModel>

2
drawio/wireframe.svg

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

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 16 KiB