Concept Page Layout

This commit is contained in:
Anton 2023-10-03 20:43:25 +02:00
parent 18d69caf43
commit 96a71d4926
4 changed files with 1038 additions and 101 deletions

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 17 KiB

237
public/qr-scan.svg Normal file
View File

@ -0,0 +1,237 @@
<?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="300mm"
height="300mm"
viewBox="0 0 300 300"
version="1.1"
id="svg1598"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
sodipodi:docname="qr-scan.svg">
<defs
id="defs1592" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.24748737"
inkscape:cx="-798.68918"
inkscape:cy="1160.5409"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1920"
inkscape:window-height="1129"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1" />
<metadata
id="metadata1595">
<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:groupmode="layer"
id="layer2"
inkscape:label="Ebene 2">
<rect
transform="translate(0,3.0000001)"
style="fill:#ffffff;stroke-width:0.68204552"
id="rect14"
width="128.69026"
height="242.76089"
x="21.247837"
y="24.12542"
ry="13.157774" />
</g>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,3)">
<path
style="fill:#000000;stroke-width:0.07252039"
d="m 57.19414,143.98946 v -10.04407 h 10.00781 10.00781 v 10.04407 10.04408 H 67.20195 57.19414 Z m 15.59188,0 v -5.5478 h -5.58407 -5.58406 v 5.5478 5.54781 h 5.58406 5.58407 z m -8.92001,-7.9e-4 v -3.37293 l 3.3178,0.0188 3.31783,0.0188 0.0188,3.35407 0.0188,3.35407 h -3.33666 -3.33667 v -3.37292 z m 22.26376,7.79667 v -2.24804 h -2.21186 -2.21188 v -4.46 -4.46001 h 2.21188 2.21186 v -2.21187 -2.21187 h -2.21186 -2.21188 v -2.24813 -2.24813 h 2.21188 2.21186 v 2.24813 2.24813 h 4.458955 4.458935 l 0.0192,-2.23 0.0192,-2.23001 7.77778,-0.0184 7.77781,-0.0185 v 2.24846 2.24846 h 2.24813 2.24813 v 4.46001 4.46 h -2.24813 -2.24813 v 2.21187 2.21188 h 2.24813 2.24813 v 2.24812 2.24814 h -2.24813 -2.24813 v -2.24815 -2.24815 h -1.0878 -1.08781 v 2.24815 2.24812 h -2.24814 -2.24813 v -2.24812 -2.24815 h -2.21187 -2.211867 v 2.24815 2.24812 H 97.297908 95.0498 v -4.46 -4.46001 H 90.589805 86.12982 v 2.21083 2.21082 l 2.229997,0.0192 2.229988,0.0192 0.0192,2.23 0.0192,2.23001 H 88.379047 86.12987 Z m 20.0881,-4.46 v -2.21187 h -1.12407 -1.12407 v 2.21187 2.21187 h 1.12407 1.12407 z m -6.671867,-4.46001 v -2.24812 h 2.211857 2.21187 v -2.21188 -2.21187 h -2.21187 -2.211857 v 2.21187 2.21188 H 97.297878 95.04975 v 2.24812 2.24814 h 2.248128 2.248125 z M 61.61789,127.27351 v -2.24814 h -2.21188 -2.21187 v -2.21186 -2.21188 h 2.21187 2.21188 v 2.21188 2.21186 h 2.24812 2.24813 v -2.21186 -2.21188 h 10.00783 10.0078 v -3.33594 -3.33593 h 2.248137 2.248118 v 3.33593 3.33594 h 5.547789 5.547786 v 2.21188 2.21186 h 2.24813 2.24814 v -2.21186 -2.21188 h 2.21186 2.21187 v 2.21188 2.21186 h 2.24813 2.24814 v 2.24852 2.2485 l -6.69,-0.0185 -6.69001,-0.0184 -0.0192,-2.23 -0.0192,-2.22999 h -2.210827 -2.210795 v 2.24812 2.24814 h -3.335912 -3.335931 v -2.24814 -2.24812 H 88.377867 86.12975 v 2.24812 2.24814 h -5.54677 -5.54676 l -0.0192,-2.23 -0.0192,-2.23 -2.23,-0.0192 -2.23001,-0.0192 v 2.24918 2.24918 h -4.45997 -4.46 z M 57.19414,106.09756 V 96.089744 h 10.00781 10.00781 v 10.007816 10.0078 H 67.20195 57.19414 Z m 15.59188,0 v -5.58407 h -5.58407 -5.58406 v 5.58407 5.58406 h 5.58406 5.58407 z m -8.92001,0 v -3.33595 h 3.33594 3.33594 v 3.33595 3.33593 h -3.33594 -3.33594 z m 31.18374,0 V 96.089744 h 10.04405 10.04407 v 10.007816 10.0078 H 105.0938 95.04975 Z m 15.59185,0 v -5.58407 h -5.5478 -5.547797 v 5.58407 5.58406 h 5.547797 5.5478 z m -8.87166,3.28758 c -0.0265,-0.0265 -0.0484,-1.52775 -0.0484,-3.33593 v -3.2876 h 3.37219 3.37221 v 3.33595 3.33593 h -3.32385 c -1.82813,0 -3.34562,-0.0217 -3.37221,-0.0484 z m -20.06391,0.0494 v -4.42269 l 2.19373,-0.0192 2.19375,-0.0192 0.0192,-2.23 0.0192,-2.23 h -2.21292 -2.21292 v -2.211886 -2.21187 h 2.21187 2.21188 v 2.21187 2.211876 h 2.248117 2.248128 v 4.46 4.46 H 88.377937 86.12982 v 2.21187 2.21188 h -2.21188 -2.21187 z"
id="path1523"
inkscape:connector-curvature="0" />
<g
id="g1130-1-1-8"
transform="matrix(0.17158365,0,0,0.17158365,204.76325,188.2911)"
style="fill:#008000">
<g
id="XMLID_504_-8-2-9"
style="fill:#008000">
<path
d="m 65,330 h 200 c 8.284,0 15,-6.716 15,-15 V 145 c 0,-8.284 -6.716,-15 -15,-15 H 250 V 85 C 250,38.131 211.869,0 165,0 118.131,0 80,38.131 80,85 v 45 H 65 c -8.284,0 -15,6.716 -15,15 v 170 c 0,8.284 6.716,15 15,15 z m 142.481,-110.644 -42.5,42.5 c -2.929,2.929 -6.768,4.394 -10.606,4.394 -3.838,0 -7.678,-1.465 -10.606,-4.394 l -21.25,-21.25 c -5.858,-5.858 -5.858,-15.354 0,-21.213 5.857,-5.858 15.355,-5.858 21.213,0 l 10.644,10.643 31.894,-31.893 c 5.857,-5.858 15.355,-5.858 21.213,0 5.857,5.859 5.857,15.355 -0.002,21.213 z M 110,85 c 0,-30.327 24.673,-55 55,-55 30.327,0 55,24.673 55,55 v 45 H 110 Z"
id="XMLID_505_-7-9-2"
inkscape:connector-curvature="0"
style="fill:#008000" />
</g>
<g
id="g1076-9-3-6"
style="fill:#008000" />
<g
id="g1078-2-1-6"
style="fill:#008000" />
<g
id="g1080-0-9-4"
style="fill:#008000" />
<g
id="g1082-2-4-9"
style="fill:#008000" />
<g
id="g1084-3-7-5"
style="fill:#008000" />
<g
id="g1086-7-8-0"
style="fill:#008000" />
<g
id="g1088-5-4-4"
style="fill:#008000" />
<g
id="g1090-9-5-8"
style="fill:#008000" />
<g
id="g1092-2-0-7"
style="fill:#008000" />
<g
id="g1094-2-3-17"
style="fill:#008000" />
<g
id="g1096-8-6-2"
style="fill:#008000" />
<g
id="g1098-9-1-7"
style="fill:#008000" />
<g
id="g1100-7-0-22"
style="fill:#008000" />
<g
id="g1102-3-6-6"
style="fill:#008000" />
<g
id="g1104-6-3-1"
style="fill:#008000" />
</g>
<path
style="fill:none;stroke:#000000;stroke-width:5.66499996;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 50.4285,101.1363 -0.0351,-13.111716 12.96256,0.0358"
id="path2227"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
<path
style="fill:none;stroke:#000000;stroke-width:5.66499996;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 109.59675,88.503594 13.11128,-0.11415 0.0358,10.94368 0.007,2.018856"
id="path2227-0"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" />
<path
style="fill:none;stroke:#000000;stroke-width:5.66499996;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 121.88132,147.37534 0.0351,13.11172 -12.96256,-0.0358"
id="path2227-6"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
<path
style="fill:none;stroke:#000000;stroke-width:5.66499996;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 61.89639,160.22169 -13.11128,0.11415 -0.0358,-10.94368 -0.007,-2.01886"
id="path2227-0-1"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc" />
<path
style="fill:#aa0000;fill-opacity:0.88767126;fill-rule:evenodd;stroke:#d30000;stroke-width:1.79999995;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.73698629"
d="m 35.42294,125.73917 101.86453,0.18899"
id="path2280"
inkscape:connector-curvature="0" />
<path
style="fill:#008000;stroke:#91978d;stroke-width:0.36221763;stroke-opacity:0.96986299"
d="m 117.34734,198.37938 c 1.1055,-1.14665 2.29892,-2.41128 2.65202,-2.81028 0.6127,-0.6923 0.63882,-0.74226 0.57171,-1.09347 -0.0806,-0.42205 -0.44245,-0.93039 -1.95175,-2.74249 -1.09988,-1.32049 -1.91504,-2.19294 -2.25413,-2.41252 -0.49948,-0.32344 -0.29842,-0.31658 -11.40913,-0.38935 -1.73161,-0.0113 -4.03465,-0.0279 -5.117877,-0.0368 -1.083224,-0.009 -4.441516,-0.0309 -7.462868,-0.0489 l -5.493385,-0.0327 -0.26541,-0.62732 c -0.51133,-1.20904 -2.10989,-3.30716 -3.33458,-4.37665 -0.86188,-0.75268 -2.28838,-1.69049 -3.43211,-2.25634 -2.97833,-1.4735 -6.9646,-1.79829 -10.52883,-0.85784 -0.92451,0.24393 -1.01894,0.28874 -3.36141,1.59566 -2.26364,1.2629 -2.44984,1.38233 -3.06211,1.96446 -0.35858,0.34088 -0.67356,0.68546 -0.69995,0.76573 -1.81764,2.03516 -1.90272,1.93324 -3.05751,4.63466 -0.22552,0.12193 -0.88473,2.35536 -1.08069,3.6614 -0.28393,1.89236 -0.15995,4.14277 0.32413,5.88319 0.17069,0.61367 0.42211,1.1503 1.29759,2.76952 1.19464,2.2095 1.43796,2.53483 2.82499,3.77748 3.93645,3.5266 9.85687,4.67241 14.78482,2.86138 1.46414,-0.53807 4.02122,-1.91808 4.88891,-2.6388 0.94212,-0.78212 2.05701,-1.95644 2.89121,-3.04536 l 0.72253,-0.94315 0.73082,0.005 c 1.228603,0.008 1.286283,-0.0354 2.262867,-1.69837 l 0.460377,-0.78394 0.702604,-0.028 c 0.820187,-0.0327 0.918217,0.0194 2.347277,1.24766 0.532477,0.45768 1.113244,0.92795 1.290554,1.04508 0.400317,0.26439 0.900824,0.34397 1.187721,0.18884 0.11987,-0.0648 0.877457,-0.80812 1.683541,-1.65183 0.806097,-0.84371 1.568571,-1.58967 1.694421,-1.65771 0.23319,-0.12609 1.857438,-0.15929 2.073368,-0.0424 0.0654,0.0354 0.50103,0.56554 0.96816,1.17811 1.15677,1.51698 1.25367,1.54374 2.82284,0.77962 0.9922,-0.48315 1.03792,-0.4957 1.68016,-0.46112 0.62129,0.0334 0.71744,0.0751 1.631,0.70576 1.45398,1.00382 1.59767,1.01986 2.88808,0.32216 0.93479,-0.50542 1.0035,-0.51529 3.45188,-0.49715 0.75213,0.006 1.43508,-0.0301 1.51765,-0.0793 0.0825,-0.0492 1.05461,-1.0276 2.16011,-2.17426 z m -4.87226,-3.40031 c -2.52637,0.0448 -10.00585,0.0302 -17.71299,-0.0346 -5.886013,-0.0495 -6.6496,-0.0783 -6.71872,-0.25334 -0.0428,-0.10865 -0.0877,-0.56456 -0.0996,-1.0132 l -0.0217,-0.81571 2.811665,0.0196 c 1.54643,0.0108 3.949668,0.0262 5.340539,0.0342 11.269586,0.065 17.080816,0.15216 18.017166,0.27039 0.3307,0.0418 0.65619,0.14854 0.72333,0.2373 0.12995,0.17181 0.16286,0.71496 0.066,1.08977 -0.0923,0.35737 -0.47435,0.43131 -2.40569,0.46558 z"
id="path1536"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccsccccccccccccccsssccccccccccssscssccsccccccccccsccacc" />
<path
inkscape:connector-curvature="0"
style="vector-effect:none;fill:#ffffff;fill-rule:nonzero;stroke-width:0.54984367"
d="m 67.79553,189.4186 c -0.67009,0 -1.29157,0.16752 -1.8643,0.50259 -0.57276,0.33508 -1.02666,0.78897 -1.36175,1.36175 -0.33507,0.57271 -0.50254,1.19419 -0.50254,1.86429 0,0.67016 0.16747,1.29159 0.50254,1.86431 0.33509,0.57277 0.78899,1.02666 1.36175,1.36173 0.57273,0.33508 1.19421,0.50262 1.8643,0.50262 0.67016,0 1.29158,-0.16754 1.86431,-0.50262 0.57277,-0.33507 1.02666,-0.78896 1.36175,-1.36173 0.33507,-0.57272 0.5026,-1.19415 0.5026,-1.86431 0,-0.6701 -0.16753,-1.29158 -0.5026,-1.86429 -0.33509,-0.57278 -0.78898,-1.02667 -1.36175,-1.36175 -0.57273,-0.33507 -1.19415,-0.50259 -1.86431,-0.50259"
id="path692" />
<path
style="fill:#ff6600;stroke-width:0.17595005"
d="m 33.93412,273.67928 c -8.53981,-1.50452 -15.01866,-8.47324 -16.09398,-17.31082 -0.25298,-2.07924 -0.25298,-217.867556 0,-219.946796 1.08164,-8.88949 7.56538,-15.82908 16.16897,-17.30573 1.50206,-0.25781 6.49975,-0.28466 52.97395,-0.28466 46.47413,0 51.47182,0.0269 52.97389,0.28466 8.60358,1.47665 15.08733,8.41624 16.16896,17.30573 0.25298,2.07924 0.25298,217.867556 0,219.946796 -1.08195,8.89213 -7.56955,15.83624 -16.16896,17.30678 -1.50105,0.25667 -6.54707,0.28212 -53.13686,0.26783 -43.45389,-0.0134 -51.69778,-0.0545 -52.88597,-0.26379 z m 55.123774,-7.91373 c 2.645924,-0.53762 5.254739,-2.17962 6.79353,-4.27589 1.532471,-2.08767 2.259778,-4.30367 2.259778,-6.88532 0,-4.41479 -2.400845,-8.31235 -6.289534,-10.21052 -1.423,-0.69459 -3.520768,-1.22623 -4.838608,-1.22623 -1.31785,0 -3.41563,0.53164 -4.83863,1.22623 -5.56349,2.71565 -7.92409,9.65551 -5.17149,15.20345 1.16731,2.35267 2.93191,4.13195 5.17149,5.21445 2.39014,1.15525 4.49369,1.44548 6.913464,0.95383 z m 57.298276,-30.20296 c 0.24708,-0.35278 0.27389,-9.83288 0.27389,-96.86051 0,-96.234846 0,-96.470306 -0.35189,-96.821346 -0.3505,-0.3505 -0.5865,-0.3519 -59.29511,-0.3519 -58.70868,0 -58.94467,10e-4 -59.29517,0.3519 -0.35103,0.35104 -0.3519,0.5865 -0.3519,96.821346 0,87.02763 0.0268,96.50773 0.2739,96.86051 l 0.2739,0.39105 h 59.09927 59.0992 z M 100.15514,31.171884 c 0.51586,-0.51586 0.62709,-1.51368 0.25386,-2.27727 l -0.31772,-0.65001 H 86.98306 73.87478 l -0.31773,0.65001 c -0.37323,0.76359 -0.26199,1.76141 0.25386,2.27727 0.31377,0.31377 0.87721,0.32779 13.17215,0.32779 12.294876,0 12.858313,-0.014 13.17208,-0.32779 z"
id="path2367"
inkscape:connector-curvature="0" />
<g
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;display:inline;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2;stroke-opacity:1"
stroke-miterlimit="2"
transform="matrix(2.8952139,0,0,2.8952139,202.85067,117.29421)"
font-size="10"
font-weight="400"
font-style="normal"
id="g320">
<image
x="0"
y="0"
width="35"
height="16"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAQCAYAAACcN8ZaAAAACXBIWXMAAA9hAAAPYQGoP6dpAAABoUlEQVRIic2Vy3LCMAxFD2lS6Gtg0f//x0JoEwKmC98LqklCZ7qpZjSynYdOrmQH/pEtJtarYlxNrM89V1oaiSnMR2Gq4HVwry0m4OZgnPAInBUPikdfd5LyhTXwKF8CK+ChgIrPTSl8DjBJAINiBXQBMtUzIC/Aq+JKa02AmAIwRCzDSQl7uQFqRdCktErJ34A1sBFQU8DYUhi7BGeyAkfFgdteORfP3sBYmaUANsA7WSErU4L4pafgA7msveYprLtM7plLE48pY6gl8CyQNfCkBLaY3Ar0Gp/I/fAFfAJ7je2dYBLXMt30jEHsDblk7ptGShjAfeAvPyh5B2wDyF5rPSO7aE6ZSAvXrdzofpfGQBFgB7SaO1qNsjRwp2cM4i+OsrqffK3VtZ08wrg8VsIl+XHIlVaPXHT9nWgrVQYBHZS4lRugJ5ej1b1dUOHSF3rHKNCYMj6cdlxP3J7cwGhsGAO7DLM9MTKehfHNhnFJPsi7K4WvngOYTDhnU1v7yPWoTuT6+1fgph3COPGLnrhnUz/KCFuHseGiAnHn/cm+AU9X31BIhxprAAAAAElFTkSuQmCC"
id="image318" />
</g>
<g
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;display:inline;fill:#8746ff;fill-opacity:1;stroke:none"
transform="matrix(2.7297726,0,0,2.7297726,185.47933,32.713414)"
font-size="10"
font-weight="400"
font-style="normal"
id="g448">
<path
style="vector-effect:none;fill-rule:nonzero"
inkscape:connector-curvature="0"
d="M 28.205,3.217 H 6.777 c -2.367,0 -4.286,1.87 -4.286,4.179 v 19.847 c 0,2.308 1.919,4.179 4.286,4.179 h 5.357 l 5.337,13.58 5.377,-13.58 h 5.357 c 2.366,0 4.285,-1.87 4.285,-4.179 V 7.396 c 0,-2.308 -1.919,-4.179 -4.285,-4.179"
id="path446" />
</g>
<g
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;display:inline;fill:#231f20;fill-opacity:0.2;stroke:none"
transform="matrix(2.9246871,0,0,-2.9246871,-451.15785,433.39645)"
font-size="10"
font-weight="400"
font-style="normal"
id="g456">
<path
style="vector-effect:none;fill-rule:nonzero"
inkscape:connector-curvature="0"
d="m 244,134 h -20 c -2.209,0 -4,-1.746 -4,-3.9 v -18.525 c 0,-2.154 1.791,-3.9 4,-3.9 h 5 L 233.982,95 239,107.675 h 5 c 2.209,0 4,1.746 4,3.9 V 130.1 c 0,2.154 -1.791,3.9 -4,3.9 m 0,-1 c 1.654,0 3,-1.301 3,-2.9 v -18.525 c 0,-1.599 -1.346,-2.9 -3,-2.9 h -5.68 l -0.25,-0.632 -4.084,-10.318 -4.055,10.316 -0.249,0.634 H 224 c -1.654,0 -3,1.301 -3,2.9 V 130.1 c 0,1.599 1.346,2.9 3,2.9 h 20"
id="path454" />
</g>
<g
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;display:inline;fill:#ffffff;fill-opacity:1;stroke:none"
transform="matrix(2.8952139,0,0,2.8952139,182.58418,30.437724)"
font-size="10"
font-weight="400"
font-style="normal"
id="g476">
<path
style="vector-effect:none;fill-rule:nonzero"
inkscape:connector-curvature="0"
d="m 18,16.75 c 0.6354,0 1.224,-0.1562 1.7656,-0.4687 0.5417,-0.3125 0.9662,-0.737 1.2735,-1.2735 C 21.3464,14.4714 21.5,13.8854 21.5,13.25 21.5,12.6146 21.3464,12.026 21.0391,11.4844 20.7318,10.9427 20.3073,10.5182 19.7656,10.2109 19.224,9.90365 18.6354,9.75 18,9.75 c -0.6354,0 -1.2214,0.15365 -1.7578,0.4609 -0.5365,0.3073 -0.9609,0.7318 -1.2734,1.2735 C 14.6563,12.026 14.5,12.6146 14.5,13.25 c 0,0.6354 0.1563,1.2214 0.4688,1.7578 0.3125,0.5365 0.7369,0.961 1.2734,1.2735 C 16.7786,16.5938 17.3646,16.75 18,16.75 m 2.4688,0.875 H 20 c -0.6354,0.2917 -1.2995,0.4375 -1.9922,0.4375 -0.6927,0 -1.362,-0.1458 -2.0078,-0.4375 h -0.4531 c -0.6563,0 -1.2683,0.1641 -1.836,0.4922 -0.5677,0.3281 -1.0156,0.7734 -1.3437,1.3359 -0.3281,0.5625 -0.4922,1.1719 -0.4922,1.8282 v 1.1562 c 0,0.3646 0.1276,0.6745 0.3828,0.9297 0.2552,0.2552 0.5651,0.3828 0.9297,0.3828 h 9.625 c 0.3646,0 0.6745,-0.1276 0.9297,-0.3828 0.2552,-0.2552 0.3828,-0.5651 0.3828,-0.9297 v -1.1562 c 0,-0.6563 -0.1641,-1.2657 -0.4922,-1.8282 C 23.3047,18.8906 22.8594,18.4453 22.2969,18.1172 21.7344,17.7891 21.125,17.625 20.4688,17.625"
id="path474" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 18 KiB

494
public/web-of-trust.svg Normal file
View File

@ -0,0 +1,494 @@
<?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="50mm"
height="50mm"
viewBox="0 0 49.999999 50.000003"
version="1.1"
id="svg119"
sodipodi:docname="web-of-trust.svg"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
<defs
id="defs113" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.4142136"
inkscape:cx="-131.4235"
inkscape:cy="250.46894"
inkscape:document-units="mm"
inkscape:current-layer="layer2"
showgrid="false"
fit-margin-right="-0.1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1129"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1" />
<metadata
id="metadata116">
<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>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-58.269337,-81.534778)"
style="display:inline">
<g
id="g6603"
font-style="normal"
font-weight="400"
font-size="10"
transform="matrix(0.35277735,0,0,0.35277735,85.865592,91.613715)"
stroke-miterlimit="2"
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2;stroke-opacity:1">
<image
id="image6601"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAQCAYAAACcN8ZaAAAACXBIWXMAAA9hAAAPYQGoP6dpAAABoUlEQVRIic2Vy3LCMAxFD2lS6Gtg0f//x0JoEwKmC98LqklCZ7qpZjSynYdOrmQH/pEtJtarYlxNrM89V1oaiSnMR2Gq4HVwry0m4OZgnPAInBUPikdfd5LyhTXwKF8CK+ChgIrPTSl8DjBJAINiBXQBMtUzIC/Aq+JKa02AmAIwRCzDSQl7uQFqRdCktErJ34A1sBFQU8DYUhi7BGeyAkfFgdteORfP3sBYmaUANsA7WSErU4L4pafgA7msveYprLtM7plLE48pY6gl8CyQNfCkBLaY3Ar0Gp/I/fAFfAJ7je2dYBLXMt30jEHsDblk7ptGShjAfeAvPyh5B2wDyF5rPSO7aE6ZSAvXrdzofpfGQBFgB7SaO1qNsjRwp2cM4i+OsrqffK3VtZ08wrg8VsIl+XHIlVaPXHT9nWgrVQYBHZS4lRugJ5ej1b1dUOHSF3rHKNCYMj6cdlxP3J7cwGhsGAO7DLM9MTKehfHNhnFJPsi7K4WvngOYTDhnU1v7yPWoTuT6+1fgph3COPGLnrhnUz/KCFuHseGiAnHn/cm+AU9X31BIhxprAAAAAElFTkSuQmCC"
preserveAspectRatio="none"
height="16"
width="35"
y="0"
x="0" />
</g>
<g
id="g6701"
font-style="normal"
font-weight="400"
font-size="10"
transform="matrix(0.33261858,0,0,0.33261858,83.748922,80.778506)"
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#e87520;fill-opacity:1;stroke:none">
<path
id="path6699"
d="M 28.205,3.217 H 6.777 c -2.367,0 -4.286,1.87 -4.286,4.179 v 19.847 c 0,2.308 1.919,4.179 4.286,4.179 h 5.357 l 5.337,13.58 5.377,-13.58 h 5.357 c 2.366,0 4.285,-1.87 4.285,-4.179 V 7.396 c 0,-2.308 -1.919,-4.179 -4.285,-4.179"
inkscape:connector-curvature="0"
style="vector-effect:none;fill-rule:nonzero" />
</g>
<g
id="g6709"
font-style="normal"
font-weight="400"
font-size="10"
transform="matrix(0.35636861,0,0,-0.35636861,6.1764869,129.77474)"
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#231f20;fill-opacity:0.2;stroke:none">
<path
id="path6707"
d="m 244,134 h -20 c -2.209,0 -4,-1.746 -4,-3.9 v -18.525 c 0,-2.154 1.791,-3.9 4,-3.9 h 5 L 233.982,95 239,107.675 h 5 c 2.209,0 4,1.746 4,3.9 V 130.1 c 0,2.154 -1.791,3.9 -4,3.9 m 0,-1 c 1.654,0 3,-1.301 3,-2.9 v -18.525 c 0,-1.599 -1.346,-2.9 -3,-2.9 h -5.68 l -0.25,-0.632 -4.084,-10.318 -4.055,10.316 -0.249,0.634 H 224 c -1.654,0 -3,1.301 -3,2.9 V 130.1 c 0,1.599 1.346,2.9 3,2.9 h 20"
inkscape:connector-curvature="0"
style="vector-effect:none;fill-rule:nonzero" />
</g>
<g
id="g6729"
font-style="normal"
font-weight="400"
font-size="10"
transform="matrix(0.35277735,0,0,0.35277735,83.396142,81.030397)"
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#ffffff;fill-opacity:1;stroke:none">
<path
id="path6727"
d="m 18,16.75 c 0.6354,0 1.224,-0.1562 1.7656,-0.4687 0.5417,-0.3125 0.9662,-0.737 1.2735,-1.2735 C 21.3464,14.4714 21.5,13.8854 21.5,13.25 21.5,12.6146 21.3464,12.026 21.0391,11.4844 20.7318,10.9427 20.3073,10.5182 19.7656,10.2109 19.224,9.90365 18.6354,9.75 18,9.75 c -0.6354,0 -1.2214,0.15365 -1.7578,0.4609 -0.5365,0.3073 -0.9609,0.7318 -1.2734,1.2735 C 14.6563,12.026 14.5,12.6146 14.5,13.25 c 0,0.6354 0.1563,1.2214 0.4688,1.7578 0.3125,0.5365 0.7369,0.961 1.2734,1.2735 C 16.7786,16.5938 17.3646,16.75 18,16.75 m 2.4688,0.875 H 20 c -0.6354,0.2917 -1.2995,0.4375 -1.9922,0.4375 -0.6927,0 -1.362,-0.1458 -2.0078,-0.4375 h -0.4531 c -0.6563,0 -1.2683,0.1641 -1.836,0.4922 -0.5677,0.3281 -1.0156,0.7734 -1.3437,1.3359 -0.3281,0.5625 -0.4922,1.1719 -0.4922,1.8282 v 1.1562 c 0,0.3646 0.1276,0.6745 0.3828,0.9297 0.2552,0.2552 0.5651,0.3828 0.9297,0.3828 h 9.625 c 0.3646,0 0.6745,-0.1276 0.9297,-0.3828 0.2552,-0.2552 0.3828,-0.5651 0.3828,-0.9297 v -1.1562 c 0,-0.6563 -0.1641,-1.2657 -0.4922,-1.8282 C 23.3047,18.8906 22.8594,18.4453 22.2969,18.1172 21.7344,17.7891 21.125,17.625 20.4688,17.625"
inkscape:connector-curvature="0"
style="vector-effect:none;fill-rule:nonzero" />
</g>
<g
transform="matrix(0.35277735,0,0,0.35277735,58.142387,108.69106)"
font-size="10"
font-weight="400"
font-style="normal"
id="g6923"
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:bevel">
<path
d="m 18,9.96875 c -1.2187,0 -2.349,0.30465 -3.3906,0.91405 -1.0417,0.6094 -1.8672,1.4349 -2.4766,2.4766 -0.6094,1.0416 -0.914,2.1719 -0.914,3.3906 0,1.2188 0.3046,2.349 0.914,3.3906 0.6094,1.0417 1.4349,1.8672 2.4766,2.4766 1.0416,0.6094 2.1719,0.9141 3.3906,0.9141 1.2188,0 2.349,-0.3047 3.3906,-0.9141 1.0417,-0.6094 1.8672,-1.4349 2.4766,-2.4766 0.6094,-1.0416 0.9141,-2.1718 0.9141,-3.3906 0,-1.2187 -0.3047,-2.349 -0.9141,-3.3906 C 23.2578,12.3177 22.4323,11.4922 21.3906,10.8828 20.349,10.2734 19.2188,9.96875 18,9.96875"
id="path6921"
inkscape:connector-curvature="0"
style="vector-effect:none;fill-rule:nonzero" />
</g>
<g
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2;stroke-opacity:1"
stroke-miterlimit="2"
transform="matrix(0.35277735,0,0,0.35277735,96.116787,124.49975)"
font-size="10"
font-weight="400"
font-style="normal"
id="g320">
<image
x="0"
y="0"
width="35"
height="16"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAQCAYAAACcN8ZaAAAACXBIWXMAAA9hAAAPYQGoP6dpAAABoUlEQVRIic2Vy3LCMAxFD2lS6Gtg0f//x0JoEwKmC98LqklCZ7qpZjSynYdOrmQH/pEtJtarYlxNrM89V1oaiSnMR2Gq4HVwry0m4OZgnPAInBUPikdfd5LyhTXwKF8CK+ChgIrPTSl8DjBJAINiBXQBMtUzIC/Aq+JKa02AmAIwRCzDSQl7uQFqRdCktErJ34A1sBFQU8DYUhi7BGeyAkfFgdteORfP3sBYmaUANsA7WSErU4L4pafgA7msveYprLtM7plLE48pY6gl8CyQNfCkBLaY3Ar0Gp/I/fAFfAJ7je2dYBLXMt30jEHsDblk7ptGShjAfeAvPyh5B2wDyF5rPSO7aE6ZSAvXrdzofpfGQBFgB7SaO1qNsjRwp2cM4i+OsrqffK3VtZ08wrg8VsIl+XHIlVaPXHT9nWgrVQYBHZS4lRugJ5ej1b1dUOHSF3rHKNCYMj6cdlxP3J7cwGhsGAO7DLM9MTKehfHNhnFJPsi7K4WvngOYTDhnU1v7yPWoTuT6+1fgph3COPGLnrhnUz/KCFuHseGiAnHn/cm+AU9X31BIhxprAAAAAElFTkSuQmCC"
id="image318" />
</g>
<g
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#8746ff;fill-opacity:1;stroke:none"
transform="matrix(0.33261858,0,0,0.33261858,94.000117,114.19371)"
font-size="10"
font-weight="400"
font-style="normal"
id="g448">
<path
style="vector-effect:none;fill-rule:nonzero;fill:#8746ff;fill-opacity:1"
inkscape:connector-curvature="0"
d="M 28.205,3.217 H 6.777 c -2.367,0 -4.286,1.87 -4.286,4.179 v 19.847 c 0,2.308 1.919,4.179 4.286,4.179 h 5.357 l 5.337,13.58 5.377,-13.58 h 5.357 c 2.366,0 4.285,-1.87 4.285,-4.179 V 7.396 c 0,-2.308 -1.919,-4.179 -4.285,-4.179"
id="path446" />
</g>
<g
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#231f20;fill-opacity:0.2;stroke:none"
transform="matrix(0.35636861,0,0,-0.35636861,16.42686,163.01633)"
font-size="10"
font-weight="400"
font-style="normal"
id="g456">
<path
style="vector-effect:none;fill-rule:nonzero"
inkscape:connector-curvature="0"
d="m 244,134 h -20 c -2.209,0 -4,-1.746 -4,-3.9 v -18.525 c 0,-2.154 1.791,-3.9 4,-3.9 h 5 L 233.982,95 239,107.675 h 5 c 2.209,0 4,1.746 4,3.9 V 130.1 c 0,2.154 -1.791,3.9 -4,3.9 m 0,-1 c 1.654,0 3,-1.301 3,-2.9 V 118.26408 111.575 c 0,-1.599 -1.346,-2.9 -3,-2.9 h -5.68 l -0.25,-0.632 -4.084,-10.318 -4.055,10.316 -0.249,0.634 H 224 c -1.654,0 -3,1.301 -3,2.9 V 130.1 c 0,1.599 1.346,2.9 3,2.9 h 20"
id="path454"
sodipodi:nodetypes="csssscccsssccscsscccccssssc" />
</g>
<g
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#ffffff;fill-opacity:1;stroke:none"
transform="matrix(0.35277735,0,0,0.35277735,93.647347,113.91642)"
font-size="10"
font-weight="400"
font-style="normal"
id="g476">
<path
style="vector-effect:none;fill-rule:nonzero"
inkscape:connector-curvature="0"
d="m 18,16.75 c 0.6354,0 1.224,-0.1562 1.7656,-0.4687 0.5417,-0.3125 0.9662,-0.737 1.2735,-1.2735 C 21.3464,14.4714 21.5,13.8854 21.5,13.25 21.5,12.6146 21.3464,12.026 21.0391,11.4844 20.7318,10.9427 20.3073,10.5182 19.7656,10.2109 19.224,9.90365 18.6354,9.75 18,9.75 c -0.6354,0 -1.2214,0.15365 -1.7578,0.4609 -0.5365,0.3073 -0.9609,0.7318 -1.2734,1.2735 C 14.6563,12.026 14.5,12.6146 14.5,13.25 c 0,0.6354 0.1563,1.2214 0.4688,1.7578 0.3125,0.5365 0.7369,0.961 1.2734,1.2735 C 16.7786,16.5938 17.3646,16.75 18,16.75 m 2.4688,0.875 H 20 c -0.6354,0.2917 -1.2995,0.4375 -1.9922,0.4375 -0.6927,0 -1.362,-0.1458 -2.0078,-0.4375 h -0.4531 c -0.6563,0 -1.2683,0.1641 -1.836,0.4922 -0.5677,0.3281 -1.0156,0.7734 -1.3437,1.3359 -0.3281,0.5625 -0.4922,1.1719 -0.4922,1.8282 v 1.1562 c 0,0.3646 0.1276,0.6745 0.3828,0.9297 0.2552,0.2552 0.5651,0.3828 0.9297,0.3828 h 9.625 c 0.3646,0 0.6745,-0.1276 0.9297,-0.3828 0.2552,-0.2552 0.3828,-0.5651 0.3828,-0.9297 v -1.1562 c 0,-0.6563 -0.1641,-1.2657 -0.4922,-1.8282 C 23.3047,18.8906 22.8594,18.4453 22.2969,18.1172 21.7344,17.7891 21.125,17.625 20.4688,17.625"
id="path474" />
</g>
<g
transform="translate(49.208626,33.791009)"
id="g260-0">
<rect
ry="0.6442759"
y="62.001137"
x="20.776836"
height="2.8743131"
width="3.2799263"
id="rect2532-7"
style="fill:#ffffff;fill-opacity:0.88767126;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.10284466;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.00392157" />
<g
style="fill:#008000"
transform="matrix(0.01828916,0,0,0.01828916,19.326295,58.992122)"
id="g1130-1-1-8-8">
<g
style="fill:#008000"
id="XMLID_504_-8-2-9-6">
<path
style="fill:#008000"
inkscape:connector-curvature="0"
id="XMLID_505_-7-9-2-8"
d="m 65,330 h 200 c 8.284,0 15,-6.716 15,-15 V 145 c 0,-8.284 -6.716,-15 -15,-15 H 250 V 85 C 250,38.131 211.869,0 165,0 118.131,0 80,38.131 80,85 v 45 H 65 c -8.284,0 -15,6.716 -15,15 v 170 c 0,8.284 6.716,15 15,15 z m 142.481,-110.644 -42.5,42.5 c -2.929,2.929 -6.768,4.394 -10.606,4.394 -3.838,0 -7.678,-1.465 -10.606,-4.394 l -21.25,-21.25 c -5.858,-5.858 -5.858,-15.354 0,-21.213 5.857,-5.858 15.355,-5.858 21.213,0 l 10.644,10.643 31.894,-31.893 c 5.857,-5.858 15.355,-5.858 21.213,0 5.857,5.859 5.857,15.355 -0.002,21.213 z M 110,85 c 0,-30.327 24.673,-55 55,-55 30.327,0 55,24.673 55,55 v 45 H 110 Z" />
</g>
<g
style="fill:#008000"
id="g1076-9-3-6-8" />
<g
style="fill:#008000"
id="g1078-2-1-6-4" />
<g
style="fill:#008000"
id="g1080-0-9-4-3" />
<g
style="fill:#008000"
id="g1082-2-4-9-1" />
<g
style="fill:#008000"
id="g1084-3-7-5-4" />
<g
style="fill:#008000"
id="g1086-7-8-0-9" />
<g
style="fill:#008000"
id="g1088-5-4-4-2" />
<g
style="fill:#008000"
id="g1090-9-5-8-0" />
<g
style="fill:#008000"
id="g1092-2-0-7-6" />
<g
style="fill:#008000"
id="g1094-2-3-17-8" />
<g
style="fill:#008000"
id="g1096-8-6-2-9" />
<g
style="fill:#008000"
id="g1098-9-1-7-2" />
<g
style="fill:#008000"
id="g1100-7-0-22-6" />
<g
style="fill:#008000"
id="g1102-3-6-6-6" />
<g
style="fill:#008000"
id="g1104-6-3-1-4" />
</g>
</g>
<g
style="display:inline"
transform="translate(80.265345,40.526201)"
id="g260-0-9">
<rect
ry="0.6442759"
y="62.001137"
x="20.776836"
height="2.8743131"
width="3.2799263"
id="rect2532-7-5"
style="fill:#ffffff;fill-opacity:0.88767126;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.10284466;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.00392157" />
<g
style="fill:#008000"
transform="matrix(0.01828916,0,0,0.01828916,19.326295,58.992122)"
id="g1130-1-1-8-8-0">
<g
style="fill:#008000"
id="XMLID_504_-8-2-9-6-4">
<path
style="fill:#008000"
inkscape:connector-curvature="0"
id="XMLID_505_-7-9-2-8-8"
d="m 65,330 h 200 c 8.284,0 15,-6.716 15,-15 V 145 c 0,-8.284 -6.716,-15 -15,-15 H 250 V 85 C 250,38.131 211.869,0 165,0 118.131,0 80,38.131 80,85 v 45 H 65 c -8.284,0 -15,6.716 -15,15 v 170 c 0,8.284 6.716,15 15,15 z m 142.481,-110.644 -42.5,42.5 c -2.929,2.929 -6.768,4.394 -10.606,4.394 -3.838,0 -7.678,-1.465 -10.606,-4.394 l -21.25,-21.25 c -5.858,-5.858 -5.858,-15.354 0,-21.213 5.857,-5.858 15.355,-5.858 21.213,0 l 10.644,10.643 31.894,-31.893 c 5.857,-5.858 15.355,-5.858 21.213,0 5.857,5.859 5.857,15.355 -0.002,21.213 z M 110,85 c 0,-30.327 24.673,-55 55,-55 30.327,0 55,24.673 55,55 v 45 H 110 Z" />
</g>
<g
style="fill:#008000"
id="g1076-9-3-6-8-7" />
<g
style="fill:#008000"
id="g1078-2-1-6-4-1" />
<g
style="fill:#008000"
id="g1080-0-9-4-3-7" />
<g
style="fill:#008000"
id="g1082-2-4-9-1-2" />
<g
style="fill:#008000"
id="g1084-3-7-5-4-7" />
<g
style="fill:#008000"
id="g1086-7-8-0-9-2" />
<g
style="fill:#008000"
id="g1088-5-4-4-2-2" />
<g
style="fill:#008000"
id="g1090-9-5-8-0-6" />
<g
style="fill:#008000"
id="g1092-2-0-7-6-1" />
<g
style="fill:#008000"
id="g1094-2-3-17-8-0" />
<g
style="fill:#008000"
id="g1096-8-6-2-9-6" />
<g
style="fill:#008000"
id="g1098-9-1-7-2-1" />
<g
style="fill:#008000"
id="g1100-7-0-22-6-5" />
<g
style="fill:#008000"
id="g1102-3-6-6-6-9" />
<g
style="fill:#008000"
id="g1104-6-3-1-4-4" />
</g>
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Ebene 4"
transform="translate(0,-20)">
<path
style="display:inline;fill:#ac9d93;fill-opacity:0.47671234;fill-rule:evenodd;stroke:#91978d;stroke-width:0.70099998;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.96986299"
d="M 24.334647,31.495974 9.7743017,44.819151"
id="path271"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cc" />
<path
style="display:inline;fill:#ac9d93;fill-opacity:0.47671234;fill-rule:evenodd;stroke:#91978d;stroke-width:0.70099998;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.96986299"
d="m 35.510858,35.271682 6.394251,16.325534"
id="path277"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cc" />
<path
style="display:inline;fill:#ac9d93;fill-opacity:0.47671234;fill-rule:evenodd;stroke:#91978d;stroke-width:0.70099998;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.96986299"
d="m 14.196044,52.733044 19.191497,5.195608"
id="path293"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cc" />
<g
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2;stroke-opacity:1"
stroke-miterlimit="2"
transform="matrix(0.35277735,0,0,0.35277735,2.5102949,56.834085)"
font-size="10"
font-weight="400"
font-style="normal"
id="g308">
<image
x="0"
y="0"
width="35"
height="16"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAQCAYAAACcN8ZaAAAACXBIWXMAAA9hAAAPYQGoP6dpAAABoUlEQVRIic2Vy3LCMAxFD2lS6Gtg0f//x0JoEwKmC98LqklCZ7qpZjSynYdOrmQH/pEtJtarYlxNrM89V1oaiSnMR2Gq4HVwry0m4OZgnPAInBUPikdfd5LyhTXwKF8CK+ChgIrPTSl8DjBJAINiBXQBMtUzIC/Aq+JKa02AmAIwRCzDSQl7uQFqRdCktErJ34A1sBFQU8DYUhi7BGeyAkfFgdteORfP3sBYmaUANsA7WSErU4L4pafgA7msveYprLtM7plLE48pY6gl8CyQNfCkBLaY3Ar0Gp/I/fAFfAJ7je2dYBLXMt30jEHsDblk7ptGShjAfeAvPyh5B2wDyF5rPSO7aE6ZSAvXrdzofpfGQBFgB7SaO1qNsjRwp2cM4i+OsrqffK3VtZ08wrg8VsIl+XHIlVaPXHT9nWgrVQYBHZS4lRugJ5ej1b1dUOHSF3rHKNCYMj6cdlxP3J7cwGhsGAO7DLM9MTKehfHNhnFJPsi7K4WvngOYTDhnU1v7yPWoTuT6+1fgph3COPGLnrhnUz/KCFuHseGiAnHn/cm+AU9X31BIhxprAAAAAElFTkSuQmCC"
id="image306" />
</g>
<g
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#35c6b6;fill-opacity:1;stroke:none"
transform="matrix(0.33261858,0,0,0.33261858,0.39363074,46.528049)"
font-size="10"
font-weight="400"
font-style="normal"
id="g396">
<path
style="vector-effect:none;fill-rule:nonzero"
inkscape:connector-curvature="0"
d="M 28.205,3.217 H 6.777 c -2.367,0 -4.286,1.87 -4.286,4.179 v 19.847 c 0,2.308 1.919,4.179 4.286,4.179 h 5.357 l 5.337,13.58 5.377,-13.58 h 5.357 c 2.366,0 4.285,-1.87 4.285,-4.179 V 7.396 c 0,-2.308 -1.919,-4.179 -4.285,-4.179"
id="path394" />
</g>
<g
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#231f20;fill-opacity:0.2;stroke:none"
transform="matrix(0.35636861,0,0,-0.35636861,-77.179638,95.350669)"
font-size="10"
font-weight="400"
font-style="normal"
id="g404">
<path
style="vector-effect:none;fill-rule:nonzero"
inkscape:connector-curvature="0"
d="m 244,134 h -20 c -2.209,0 -4,-1.746 -4,-3.9 v -18.525 c 0,-2.154 1.791,-3.9 4,-3.9 h 5 L 233.982,95 239,107.675 h 5 c 2.209,0 4,1.746 4,3.9 V 130.1 c 0,2.154 -1.791,3.9 -4,3.9 m 0,-1 c 1.654,0 3,-1.301 3,-2.9 v -18.525 c 0,-1.599 -1.346,-2.9 -3,-2.9 h -5.68 l -0.25,-0.632 -4.084,-10.318 -4.055,10.316 -0.249,0.634 H 224 c -1.654,0 -3,1.301 -3,2.9 V 130.1 c 0,1.599 1.346,2.9 3,2.9 h 20"
id="path402" />
</g>
<g
style="font-style:normal;font-weight:400;font-size:10px;font-family:Ubuntu;fill:#ffffff;fill-opacity:1;stroke:none"
transform="matrix(0.35277735,0,0,0.35277735,0.04085374,46.250765)"
font-size="10"
font-weight="400"
font-style="normal"
id="g424">
<path
style="vector-effect:none;fill-rule:nonzero"
inkscape:connector-curvature="0"
d="m 18,16.75 c 0.6354,0 1.224,-0.1562 1.7656,-0.4687 0.5417,-0.3125 0.9662,-0.737 1.2735,-1.2735 C 21.3464,14.4714 21.5,13.8854 21.5,13.25 21.5,12.6146 21.3464,12.026 21.0391,11.4844 20.7318,10.9427 20.3073,10.5182 19.7656,10.2109 19.224,9.90365 18.6354,9.75 18,9.75 c -0.6354,0 -1.2214,0.15365 -1.7578,0.4609 -0.5365,0.3073 -0.9609,0.7318 -1.2734,1.2735 C 14.6563,12.026 14.5,12.6146 14.5,13.25 c 0,0.6354 0.1563,1.2214 0.4688,1.7578 0.3125,0.5365 0.7369,0.961 1.2734,1.2735 C 16.7786,16.5938 17.3646,16.75 18,16.75 m 2.4688,0.875 H 20 c -0.6354,0.2917 -1.2995,0.4375 -1.9922,0.4375 -0.6927,0 -1.362,-0.1458 -2.0078,-0.4375 h -0.4531 c -0.6563,0 -1.2683,0.1641 -1.836,0.4922 -0.5677,0.3281 -1.0156,0.7734 -1.3437,1.3359 -0.3281,0.5625 -0.4922,1.1719 -0.4922,1.8282 v 1.1562 c 0,0.3646 0.1276,0.6745 0.3828,0.9297 0.2552,0.2552 0.5651,0.3828 0.9297,0.3828 h 9.625 c 0.3646,0 0.6745,-0.1276 0.9297,-0.3828 0.2552,-0.2552 0.3828,-0.5651 0.3828,-0.9297 v -1.1562 c 0,-0.6563 -0.1641,-1.2657 -0.4922,-1.8282 C 23.3047,18.8906 22.8594,18.4453 22.2969,18.1172 21.7344,17.7891 21.125,17.625 20.4688,17.625"
id="path422" />
</g>
<g
id="g260">
<rect
ry="0.6442759"
y="62.001137"
x="20.776836"
height="2.8743131"
width="3.2799263"
id="rect2532"
style="fill:#ffffff;fill-opacity:0.88767126;fill-rule:evenodd;stroke:#ffffff;stroke-width:0.10284466;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.00392157" />
<g
style="fill:#008000"
transform="matrix(0.01828916,0,0,0.01828916,19.326295,58.992122)"
id="g1130-1-1-8">
<g
style="fill:#008000"
id="XMLID_504_-8-2-9">
<path
style="fill:#008000"
inkscape:connector-curvature="0"
id="XMLID_505_-7-9-2"
d="m 65,330 h 200 c 8.284,0 15,-6.716 15,-15 V 145 c 0,-8.284 -6.716,-15 -15,-15 H 250 V 85 C 250,38.131 211.869,0 165,0 118.131,0 80,38.131 80,85 v 45 H 65 c -8.284,0 -15,6.716 -15,15 v 170 c 0,8.284 6.716,15 15,15 z m 142.481,-110.644 -42.5,42.5 c -2.929,2.929 -6.768,4.394 -10.606,4.394 -3.838,0 -7.678,-1.465 -10.606,-4.394 l -21.25,-21.25 c -5.858,-5.858 -5.858,-15.354 0,-21.213 5.857,-5.858 15.355,-5.858 21.213,0 l 10.644,10.643 31.894,-31.893 c 5.857,-5.858 15.355,-5.858 21.213,0 5.857,5.859 5.857,15.355 -0.002,21.213 z M 110,85 c 0,-30.327 24.673,-55 55,-55 30.327,0 55,24.673 55,55 v 45 H 110 Z" />
</g>
<g
style="fill:#008000"
id="g1076-9-3-6" />
<g
style="fill:#008000"
id="g1078-2-1-6" />
<g
style="fill:#008000"
id="g1080-0-9-4" />
<g
style="fill:#008000"
id="g1082-2-4-9" />
<g
style="fill:#008000"
id="g1084-3-7-5" />
<g
style="fill:#008000"
id="g1086-7-8-0" />
<g
style="fill:#008000"
id="g1088-5-4-4" />
<g
style="fill:#008000"
id="g1090-9-5-8" />
<g
style="fill:#008000"
id="g1092-2-0-7" />
<g
style="fill:#008000"
id="g1094-2-3-17" />
<g
style="fill:#008000"
id="g1096-8-6-2" />
<g
style="fill:#008000"
id="g1098-9-1-7" />
<g
style="fill:#008000"
id="g1100-7-0-22" />
<g
style="fill:#008000"
id="g1102-3-6-6" />
<g
style="fill:#008000"
id="g1104-6-3-1" />
</g>
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer6"
inkscape:label="Ebene 3"
style="display:inline"
transform="translate(4.6675853,80.09127)" />
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="Ebene 2"
style="display:inline"
transform="translate(4.6675853,80.09127)" />
</svg>

After

Width:  |  Height:  |  Size: 25 KiB

View File

@ -4,71 +4,114 @@ import { CardPage } from "utopia-ui"
export default function Concept() { export default function Concept() {
return ( return (
<CardPage title="Concept"> <CardPage title="Concept">
<h2 className="text-xl my-4">Was ist ein Real-Life-Manifestations-Spiel ???</h2> <div className="collapse collapse-arrow bg-base-200 mb-2">
<input type="radio" name="my-accordion-2" />
<div className="collapse-title text-xl font-medium">
Real-Life-Manifestations-Spiele </div>
<div className="collapse-content">
<div className="flex flex-row flex-wrap">
<div className="basis-full pr-4 pb-4">
Ähnlich wie bei einem Rollenspiel kann man sich sein eigenes Profil erstellen, mit dem Unterschied, dass hier echte Fähigkeiten abgebildet, geteilt und trainiert werden können.
</div>
<div className="basis-full pr-4 pb-4">
Die Geschichte und das Storytelling orientiert sich an den realen Zuständen und Herausforderungen auf unserer Erde.
</div>
<div className="basis-full pr-4 pb-4">
Des weiteren werden reale Ressourcen sichtbar und verfügbar gemacht, verwaltet und eingesetzt, ähnlich wie bei einem Strategie-Spiel.
</div>
<div className="basis-full pr-4 pb-4">
Die Aufgaben des Projektmanagements können als Quests bzw. Spielaufträge abgebildet werden. Kleine und große Aufgaben werden in Abenteuer und Herausforderungen verwandelt und Probleme in Rätsel.
</div>
</div>
<div className="basis-full pr-4 pb-4">
Ziel des Spiels ist es, WinWinWin Situationen zu erzeugen. Win für Dich, Win für Uns, Win für die Welt.
</div>
</div>
</div>
<p className="my-2">Ähnlich wie bei einem Rollenspiel kann man sich sein eigenes Profil erstellen, mit dem Unterschied, dass hier echte Fähigkeiten abgebildet, geteilt und trainiert werden können.</p> <div className="collapse collapse-arrow bg-base-200 mb-2">
<p>Des weiteren werden reale Ressourcen sichtbar und verfügbar gemacht, verwaltet und eingesetzt, ähnlich wie bei einem Strategie-Spiel.</p> <input type="radio" name="my-accordion-2" />
<div className="collapse-title text-xl font-medium">
<p className="my-2">Die Aufgaben des Projektmanagements können als Quests bzw. Spielaufträge abgebildet werden. Kleine und große Aufgaben werden in Abenteuer und Herausforderungen verwandelt und Probleme in Rätsel.</p> Elemente des Spiels </div>
<div className="collapse-content">
<p className="my-2">Die Geschichte und das Storytelling orientiert sich an den realen Zuständen und Herausforderungen auf unserer Erde</p> <div className="flex flex-row flex-wrap">
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<p className="my-2">Ziel des Spiels ist es, WinWinWin Situationen zu erzeugen. Win für Dich, Win für Uns, Win für die Welt</p> <h3 className="text-base my-3 font-medium"> App</h3>
<i>Danke Simon Schauinsland für diese Textbausteine</i>
<h2 className="text-xl my-4">Elemente des Spiels</h2>
<h3 className="text-lg my-3"> App</h3>
Die App bietet eine interaktive geografische Karte als Spielfeld. Außerdem ermöglicht sie das Erstellen und Ansehen von Spieler-Profilen. Der Marktplatz zeigt Angebote und Bedürfnisse Die App bietet eine interaktive geografische Karte als Spielfeld. Außerdem ermöglicht sie das Erstellen und Ansehen von Spieler-Profilen. Der Marktplatz zeigt Angebote und Bedürfnisse
<h3 className="text-lg my-3"> Print Material</h3> </div>
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<h3 className="text-base my-3 font-medium"> Print Material</h3>
Als Ergänzung und zum Offline-Spielen gibt es Flyer, Aufkleber, Schilder und Workbooks, welche zum Spielen einladen. Als Ergänzung und zum Offline-Spielen gibt es Flyer, Aufkleber, Schilder und Workbooks, welche zum Spielen einladen.
Spieler erhalten Ausweise und Visitenkarten mit QR-Codes, die zu Vernetzung genutzt werden (später mehr) Spieler erhalten Ausweise und Visitenkarten mit QR-Codes, die zu Vernetzung genutzt werden (später mehr)
<h3 className="text-lg my-3"> Temporäre Events</h3> </div>
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<h3 className="text-base my-3 font-medium"> Temporäre Events</h3>
Wir kommen zusammen bei Workshops, auf Festivals und bei lokalen Treffen um uns zu connecten, Strukturen zu bilden und neue Spieler zu gewinnen. Wir kommen zusammen bei Workshops, auf Festivals und bei lokalen Treffen um uns zu connecten, Strukturen zu bilden und neue Spieler zu gewinnen.
</div>
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<h3 className="text-lg my-3"> Dauerhafte Strukturen</h3> <h3 className="text-base my-3 font-medium"> Dauerhafte Strukturen</h3>
Beim Spielen erschaffen wir dauerhafte materielle Strukturen wie Orte und Infrastruktur. Beim Spielen erschaffen wir dauerhafte materielle Strukturen wie Orte und Infrastruktur.
Und Immaterielles wie Netzwerke aus Beziehungen, Geschichten, Informationen ... Und Immaterielles wie Netzwerke aus Beziehungen, Geschichten, Informationen ...
</div>
</div>
</div>
</div>
<h2 className="text-xl my-4">Ziel des Spiels</h2> <div className="collapse collapse-arrow bg-base-200 mb-2">
<input type="radio" name="my-accordion-2" />
<div className="collapse-title text-xl font-medium">
Ziel des Spiels </div>
<div className="collapse-content">
1. Ein dezentrales Netzwerk aufspannen <ol className="list-decimal list-inside pl-4">
2. Freie Entfaltung unserer kollektiven und individuellen Potentiale <li>Ein dezentrales Netzwerk aufspannen</li>
3. Aufbau kollektiver Strukturen und Co-Kreation <li>Freie Entfaltung unserer kollektiven und individuellen Potentiale</li>
<h2 className="tw-text-xl my-4"> Ablauf</h2> <li>Aufbau kollektiver Strukturen und Co-Kreation</li>
</ol>
</div>
</div>
<div className="collapse collapse-arrow bg-base-200 mb-2">
<input type="radio" name="my-accordion-2" />
<div className="collapse-title text-xl font-medium">
Ablauf </div>
<div className="collapse-content">
Durch spielerische Elemente / Gamification wird der Spieler motiviert und angeleitet ... Durch spielerische Elemente / Gamification wird der Spieler motiviert und angeleitet ...
<h3 className="text-lg my-3"> Spieler Profile</h3> <h3 className="text-base my-3 font-medium"> Spieler Profile</h3>
Der Spieler setzt sich mit sich selbst und seinen Fähigkeiten sowie tieferen Wünschen und Visionen auseinander und definiert seinen Charakter bzw. Spieler-Profil Der Spieler setzt sich mit sich selbst und seinen Fähigkeiten sowie tieferen Wünschen und Visionen auseinander und definiert seinen Charakter bzw. Spieler-Profil
Dabei stehen folgende Fragen im Mittelpunkt: Dabei stehen folgende Fragen im Mittelpunkt:
<ul className="list-disc list-inside pl-4 pt-4">
<li>Wie und in was für einer Welt möchte ich leben?</li>
<li>Wer bin ich und was sind meine besonderen Fähigkeiten oder meine spezielle Aufgabe in diesem Leben?</li>
<li>Was habe ich zu geben? Was kann und möchte ich mit anderen und der Welt teilen?</li>
<li>Was brauche ich noch um ganz in meine Kraft zu kommen? Wie können mich andere dabei unterstützen?</li>
</ul>
- Wie und in was für einer Welt möchte ich leben?
- Wer bin ich und was sind meine besonderen Fähigkeiten oder meine spezielle Aufgabe in diesem Leben?
- Was habe ich zu geben? Was kann und möchte ich mit anderen und der Welt teilen?
- Was brauche ich noch um ganz in meine Kraft zu kommen? Wie können mich andere dabei unterstützen? <h3 className="text-base my-3 font-medium"> Ressourcen</h3>
<h3 className="text-lg my-3"> Ressourcen</h3>
Der Spieler erforscht und definiert seine Angebote und Bedürfnisse, teilt seine Ressourcen und nutzt die des Netzwerks Der Spieler erforscht und definiert seine Angebote und Bedürfnisse, teilt seine Ressourcen und nutzt die des Netzwerks
Z.B. Werkzeuge, Maschinen, Elektrogeräte, Fahrzeuge, Essen und Trinken, Schlafplätze, Mitfahrten, Bücher, Zugang zum Internet, individuelle Fähigkeiten sowie Hilfe im Alltag Z.B. Werkzeuge, Maschinen, Elektrogeräte, Fahrzeuge, Essen und Trinken, Schlafplätze, Mitfahrten, Bücher, Zugang zum Internet, individuelle Fähigkeiten sowie Hilfe im Alltag
<h3 className="text-lg my-3"> Projekte umsetzen</h3> <h3 className="text-base my-3 font-medium"> Projekte umsetzen</h3>
Der Spieler schließt sich Projekten an und startet selbst welche. Der Spieler schließt sich Projekten an und startet selbst welche.
@ -76,69 +119,130 @@ Das Spiel unterstützt beim Projektmanagement oder beim Crowdfunding
So entstehen Strukturen, Veranstaltungen, dauerhafte Orte, Infrastruktur und alles was wir brauchen um unsere menschlichen Bedürfnisse im Einklang mit Mutter Erde zu befriedigen. So entstehen Strukturen, Veranstaltungen, dauerhafte Orte, Infrastruktur und alles was wir brauchen um unsere menschlichen Bedürfnisse im Einklang mit Mutter Erde zu befriedigen.
<h3 className="text-lg my-3"> Wandel sichtbar machen</h3> <h3 className="text-base my-3 font-medium"> Wandel sichtbar machen</h3>
Der Spieler wird motiviert die neu entstehende Welt zu kartieren und zu dokumentieren indem er ... Der Spieler wird motiviert die neu entstehende Welt zu kartieren und zu dokumentieren indem er ...
<ul className="list-disc list-inside pl-4 pt-4">
- Orte, Veranstaltungen usw. in der Karte einträgt <li>Orte, Veranstaltungen usw. in der Karte einträgt</li>
- Projekte mit Text, Bild und Ton dokumentiert <li>Projekte mit Text, Bild und Ton dokumentiert</li>
- Geschichten des Wandels erzählt <li>Geschichten des Wandels erzählt</li>
</ul>
</div>
</div>
<h2 className="tw-text-xl my-4">Web of Trust</h2> <div className="collapse collapse-arrow bg-base-200 mb-2">
<input type="radio" name="my-accordion-2" />
<div className="collapse-title text-xl font-medium">
Web of Trust </div>
<div className="collapse-content">
<div className="flex flex-row flex-wrap">
Während wir uns mit anderen Menschen im echten Leben connecten und unser persönliches Netzwerk aufbauen, tauschen wir gleichzeitig kryptografische Schlüssel aus und bauen ein sogenanntes Web of Trust Während wir uns mit anderen Menschen im echten Leben connecten und unser persönliches Netzwerk aufbauen, tauschen wir gleichzeitig kryptografische Schlüssel aus und bauen ein sogenanntes Web of Trust.
<div className="basis-full">
<div className="divider divider-vertical"></div>
</div>
<h3 className="text-base basis-full my-3 font-medium"> Dezentrale IDs</h3>
<h3 className="text-lg my-3"> Dezentrale IDs</h3> <div className="basis-full md:basis-1/2 pr-4 pb-4">
Wenn wir unser Profil erstellen wird gleichzeitig ein Schlüsselpaar bestehend aus einem privaten und einem öffentlichen Schlüssel erzeugt. <img className="float-right h-24 px-4" src="/public-private-key.svg"></img>
<p>Wenn wir unser Profil erstellen wird gleichzeitig ein Schlüsselpaar bestehend aus einem privaten und einem öffentlichen Schlüssel erzeugt.</p>
Den öffentlichen Schlüssel teilen wir mit unseren Freunden und diese können damit Daten für uns verschlüsseln. </div>
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<p className="basis-full pb-4">Den öffentlichen Schlüssel teilen wir mit unseren Freunden und diese können damit Daten für uns verschlüsseln.</p>
Den privaten Schlüssel halten wir geheim. Er wird benötigt um Daten die für uns verschlüsselt wurden auf unserem Gerät wieder zu entschlüsselt. <p className="basis-full">Den privaten Schlüssel halten wir geheim. Er wird benötigt um Daten die für uns verschlüsselt wurden auf unserem Gerät wieder zu entschlüsselt.</p>
</div>
<div className="basis-full">
<div className="divider divider-vertical"></div>
</div>
<h3 className="text-lg my-3"> Schlüsseltausch</h3> <div className="basis-full md:basis-1/2 pr-4 pb-4">
<h3 className="text-base my-3 font-medium"> Schlüsseltausch</h3>
<img className="float-left h-32 px-4" src="/qr-scan.svg"></img>
Wenn wir Menschen im echten Leben begegnen tauschen wir unsere öffentlichen Schlüssel via QR-Code-Scan oder auf Papier. Wenn wir Menschen im echten Leben begegnen tauschen wir unsere öffentlichen Schlüssel via QR-Code-Scan oder auf Papier.
</div>
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<h3 className="text-base my-3 font-medium"> Private Daten teilen</h3>
<h3 className="text-lg my-3"> Private Daten teilen</h3> <img className="float-right h-32 px-4" src="/web-of-trust.svg"></img>
Innerhalb unseres Netzwerkes können wir dann unsere Profile, Angebote, Bedürfnisse, Projekte, Orte und Veranstaltungen ende-zu-ende-verschlüsselt teilen. Innerhalb unseres Netzwerkes können wir dann unsere Profile, Angebote, Bedürfnisse, Projekte, Orte und Veranstaltungen ende-zu-ende-verschlüsselt teilen.
<h2 className="tw-text-xl my-4">Prinzipien</h2> </div>
<h3 className="text-lg my-3"> Alles ist nur ein Spiel</h3> </div>
Alles passiert freiwillig, aus uns selbst heraus im Flow. Jeder ist jederzeit eingeladen mitzumachen
<h3 className="text-lg my-3"> Ohne Geld</h3>
Da beim Geld der Spaß bekanntlich aufhört, bezahlen wir uns beim Spielen gegenseitig kein Geld
<h3 className="text-lg my-3"> Dezentrale Strukturen</h3>
Alle Strukturen die wir erschaffen gestalten wir dezentral und frei von Hierarchien. Für alle gelten die gleichen Regeln </div>
</div>
<div className="collapse collapse-arrow bg-base-200 mb-2">
<input type="radio" name="my-accordion-2" />
<h2 className="collapse-title text-xl font-semibold">
Prinzipien </h2>
<div className="collapse-content">
<div className="flex flex-row flex-wrap">
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<h3 className="text-base my-3 font-medium"> Alles ist nur ein Spiel</h3>
Alles passiert freiwillig, aus uns selbst heraus im Flow. Jeder ist jederzeit eingeladen mitzumachen.
</div>
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<h3 className="text-base my-3 font-medium"> Kein Geld</h3>
Da beim Geld der Spaß bekanntlich aufhört, bezahlen wir uns beim Spielen gegenseitig kein Geld.
</div>
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<h3 className="text-base my-3 font-medium"> Dezentrale Strukturen</h3>
Alle Strukturen, die wir erschaffen, gestalten wir dezentral und frei von Hierarchien. Für alle gelten die gleichen Regeln.
</div>
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<h3 className="text-base my-3 font-medium"> Real Life</h3>
Veränderung passiert im echten Leben. Wir nutzen das Internet nur wo es direkt hilft echte Begegnungen zu organisieren.
</div>
</div>
<h3 className="text-lg my-3"> Real Life</h3>
Veränderung passiert im echten Leben. Wir nutzen das Internet nur wo es direkt hilft echte Begegnungen zu organisieren
</div>
</div>
</CardPage> </CardPage>
) )
} }