antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Concept Page Layout

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

102
public/public-private-key.svg Normal file
View File

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

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>
Side by Side

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>
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

228
src/pages/Concept.tsx
View File

@ -4,141 +4,245 @@ import { CardPage } from "utopia-ui"
export default function Concept() {
return (
<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>
<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>
<p>Des weiteren werden reale Ressourcen sichtbar und verfügbar gemacht, verwaltet und eingesetzt, ähnlich wie bei einem Strategie-Spiel.</p>
</div>
</div>
<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>
<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">
Elemente des Spiels </div>
<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"> App</h3>
<p className="my-2">Die Geschichte und das Storytelling orientiert sich an den realen Zuständen und Herausforderungen auf unserer Erde</p>
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
</div>
<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"> Print Material</h3>
Als Ergänzung und zum Offline-Spielen gibt es Flyer, Aufkleber, Schilder und Workbooks, welche zum Spielen einladen.
<i>Danke Simon Schauinsland für diese Textbausteine</i>
Spieler erhalten Ausweise und Visitenkarten mit QR-Codes, die zu Vernetzung genutzt werden (später mehr)
</div>
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<h2 className="text-xl my-4">Elemente des Spiels</h2>
<h3 className="text-base my-3 font-medium"> Temporäre Events</h3>
<h3 className="text-lg my-3"> App</h3>
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">
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>
<h3 className="text-base my-3 font-medium"> Dauerhafte Strukturen</h3>
Als Ergänzung und zum Offline-Spielen gibt es Flyer, Aufkleber, Schilder und Workbooks, welche zum Spielen einladen.
Beim Spielen erschaffen wir dauerhafte materielle Strukturen wie Orte und Infrastruktur.
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>
Und Immaterielles wie Netzwerke aus Beziehungen, Geschichten, Informationen ...
</div>
</div>
</div>
</div>
Wir kommen zusammen bei Workshops, auf Festivals und bei lokalen Treffen um uns zu connecten, Strukturen zu bilden und neue Spieler zu gewinnen.
<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">
<h3 className="text-lg my-3"> Dauerhafte Strukturen</h3>
<ol className="list-decimal list-inside pl-4">
<li>Ein dezentrales Netzwerk aufspannen</li>
<li>Freie Entfaltung unserer kollektiven und individuellen Potentiale</li>
<li>Aufbau kollektiver Strukturen und Co-Kreation</li>
</ol>
</div>
</div>
Beim Spielen erschaffen wir dauerhafte materielle Strukturen wie Orte und Infrastruktur.
<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">
Und Immaterielles wie Netzwerke aus Beziehungen, Geschichten, Informationen ...
Durch spielerische Elemente / Gamification wird der Spieler motiviert und angeleitet ...
<h3 className="text-base my-3 font-medium"> Spieler Profile</h3>
<h2 className="text-xl my-4">Ziel des Spiels</h2>
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
1. Ein dezentrales Netzwerk aufspannen
2. Freie Entfaltung unserer kollektiven und individuellen Potentiale
3. Aufbau kollektiver Strukturen und Co-Kreation
<h2 className="tw-text-xl my-4"> Ablauf</h2>
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>
Durch spielerische Elemente / Gamification wird der Spieler motiviert und angeleitet ...
<h3 className="text-lg my-3"> 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
Dabei stehen folgende Fragen im Mittelpunkt:
- Wie und in was für einer Welt möchte ich leben?
<h3 className="text-base my-3 font-medium"> Ressourcen</h3>
- Wer bin ich und was sind meine besonderen Fähigkeiten oder meine spezielle Aufgabe in diesem Leben?
Der Spieler erforscht und definiert seine Angebote und Bedürfnisse, teilt seine Ressourcen und nutzt die des Netzwerks
- Was habe ich zu geben? Was kann und möchte ich mit anderen und der Welt teilen?
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
- 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"> Projekte umsetzen</h3>
<h3 className="text-lg my-3"> Ressourcen</h3>
Der Spieler schließt sich Projekten an und startet selbst welche.
Der Spieler erforscht und definiert seine Angebote und Bedürfnisse, teilt seine Ressourcen und nutzt die des Netzwerks
Das Spiel unterstützt beim Projektmanagement oder beim Crowdfunding
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
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"> Projekte umsetzen</h3>
<h3 className="text-base my-3 font-medium"> Wandel sichtbar machen</h3>
Der Spieler schließt sich Projekten an und startet selbst welche.
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">
Das Spiel unterstützt beim Projektmanagement oder beim Crowdfunding
<li>Orte, Veranstaltungen usw. in der Karte einträgt</li>
So entstehen Strukturen, Veranstaltungen, dauerhafte Orte, Infrastruktur und alles was wir brauchen um unsere menschlichen Bedürfnisse im Einklang mit Mutter Erde zu befriedigen.
<li>Projekte mit Text, Bild und Ton dokumentiert</li>
<h3 className="text-lg my-3"> Wandel sichtbar machen</h3>
<li>Geschichten des Wandels erzählt</li>
</ul>
</div>
</div>
Der Spieler wird motiviert die neu entstehende Welt zu kartieren und zu dokumentieren indem er ...
- Orte, Veranstaltungen usw. in der Karte einträgt
<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">
- Projekte mit Text, Bild und Ton dokumentiert
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>
- Geschichten des Wandels erzählt
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<img className="float-right h-24 px-4" src="/public-private-key.svg"></img>
<h2 className="tw-text-xl my-4">Web of Trust</h2>
<p>Wenn wir unser Profil erstellen wird gleichzeitig ein Schlüsselpaar bestehend aus einem privaten und einem öffentlichen Schlüssel erzeugt.</p>
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
<h3 className="text-lg my-3"> Dezentrale IDs</h3>
Wenn wir unser Profil erstellen wird gleichzeitig ein Schlüsselpaar bestehend aus einem privaten und einem öffentlichen Schlüssel erzeugt.
</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 öffentlichen Schlüssel teilen wir mit unseren Freunden und diese können damit Daten für uns verschlüsseln.
<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>
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.
<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>
<h3 className="text-lg my-3"> Schlüsseltausch</h3>
Wenn wir Menschen im echten Leben begegnen tauschen wir unsere öffentlichen Schlüssel via QR-Code-Scan oder auf Papier.
</div>
Wenn wir Menschen im echten Leben begegnen tauschen wir unsere öffentlichen Schlüssel via QR-Code-Scan oder auf Papier.
<div className="basis-full md:basis-1/2 pr-4 pb-4">
<h3 className="text-base my-3 font-medium"> 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.
</div>
<h3 className="text-lg my-3"> Private Daten teilen</h3>
</div>
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>
<h3 className="text-lg my-3"> Alles ist nur ein Spiel</h3>
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
</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>
<h3 className="text-lg my-3"> Dezentrale Strukturen</h3>
Da beim Geld der Spaß bekanntlich aufhört, bezahlen wir uns beim Spielen gegenseitig kein Geld.
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"> 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>
</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
</CardPage>
)
}