Updated wireframe and added donkere modus to features

Xeovalyte 2024-01-11 18:55:00 +01:00
parent 63cf4630aa
commit 1c0665281b
5 changed files with 26 additions and 95 deletions

@ -6,6 +6,7 @@
- PWA with Offline Support
- Gepersonaliseerde Agenda
- Gepersonaliseerde diploma
- Donkere modus
- Web Push
- Individueel lid
- Groep

@ -1,6 +1,6 @@
<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">
<mxfile host="Electron" modified="2024-01-11T17:51:59.960Z" 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="HtTsnz8qacIG-S-xf5os" 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">
<mxGraphModel dx="7050" dy="4245" 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" />
@ -19,8 +19,8 @@
<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 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=25;" vertex="1" parent="1">
<mxGeometry width="1080" height="90" 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" />
@ -28,8 +28,8 @@
<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 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=25;" vertex="1" parent="1">
<mxGeometry x="1280" width="1080" height="90" 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" />
@ -46,17 +46,11 @@
<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 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="120" width="1020" height="1650" 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 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="120" width="1020" height="1650" as="geometry" />
</mxCell>
</root>
</mxGraphModel>

@ -1,64 +0,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="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;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>
</diagram>
</mxfile>

@ -1,6 +1,6 @@
<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">
<mxfile host="Electron" modified="2024-01-11T17:53:41.693Z" 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="09hv-gz2aEUl6v2UU8u6" 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">
<mxGraphModel dx="7050" dy="4245" 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" />
@ -19,8 +19,8 @@
<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 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=25;" vertex="1" parent="1">
<mxGeometry width="1080" height="90" 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" />
@ -28,8 +28,8 @@
<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 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=25;" vertex="1" parent="1">
<mxGeometry x="1280" width="1080" height="90" 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" />
@ -46,17 +46,17 @@
<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" />
<mxGeometry x="30" y="120" width="1020" height="1650" 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" />
<mxGeometry x="1310" y="120" width="1020" height="1650" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-41" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.misc.mail2;strokeColor=#999999;" vertex="1" parent="1">
<mxGeometry x="990" y="23.119999999999997" width="60" height="43.75" as="geometry" />
</mxCell>
<mxCell id="cCcK5CVltR2royweT5c1-42" value="" style="verticalLabelPosition=bottom;shadow=0;dashed=0;align=center;html=1;verticalAlign=top;strokeWidth=1;shape=mxgraph.mockup.misc.mail2;strokeColor=#999999;" vertex="1" parent="1">
<mxGeometry x="2270" y="23.119999999999997" width="60" height="43.75" as="geometry" />
</mxCell>
</root>
</mxGraphModel>

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 14 KiB