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

306
src/pages/Concept.tsx
View File

@ -2,143 +2,247 @@ 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>
return (
<CardPage title="Concept">
<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.
<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>
<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>
<p className="my-2">Die Geschichte und das Storytelling orientiert sich an den realen Zuständen und Herausforderungen auf unserer Erde</p>
<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>
</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>
<i>Danke Simon Schauinsland für diese Textbausteine</i>
</div>
</div>
<h2 className="text-xl my-4">Elemente 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">
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>
<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
</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"> 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)
<h3 className="text-lg my-3"> Temporäre Events</h3>
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">
Wir kommen zusammen bei Workshops, auf Festivals und bei lokalen Treffen um uns zu connecten, Strukturen zu bilden und neue Spieler zu gewinnen.
<h3 className="text-base my-3 font-medium"> Temporäre Events</h3>
<h3 className="text-lg my-3"> Dauerhafte Strukturen</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">
Beim Spielen erschaffen wir dauerhafte materielle Strukturen wie Orte und Infrastruktur.
<h3 className="text-base my-3 font-medium"> Dauerhafte Strukturen</h3>
Und Immaterielles wie Netzwerke aus Beziehungen, Geschichten, Informationen ...
Beim Spielen erschaffen wir dauerhafte materielle Strukturen wie Orte und Infrastruktur.
<h2 className="text-xl my-4">Ziel des Spiels</h2>
Und Immaterielles wie Netzwerke aus Beziehungen, Geschichten, Informationen ...
</div>
</div>
</div>
</div>
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>
Durch spielerische Elemente / Gamification wird der Spieler motiviert und angeleitet ...
<h3 className="text-lg my-3"> Spieler Profile</h3>
<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">
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
<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>
Dabei stehen folgende Fragen im Mittelpunkt:
- Wie und in was für einer Welt möchte ich leben?
<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">
- 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?
Durch spielerische Elemente / Gamification wird der Spieler motiviert und angeleitet ...
<h3 className="text-base my-3 font-medium"> Spieler Profile</h3>
<h3 className="text-lg my-3"> Ressourcen</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 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
<h3 className="text-lg my-3"> Projekte umsetzen</h3>
Der Spieler schließt sich Projekten an und startet selbst welche.
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.
<h3 className="text-lg my-3"> Wandel sichtbar machen</h3>
Der Spieler wird motiviert die neu entstehende Welt zu kartieren und zu dokumentieren indem er ...
- Orte, Veranstaltungen usw. in der Karte einträgt
- Projekte mit Text, Bild und Ton dokumentiert
- Geschichten des Wandels erzählt
<h2 className="tw-text-xl my-4">Web of Trust</h2>
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.
Den öffentlichen Schlüssel teilen wir mit unseren Freunden und diese können damit Daten für uns verschlüsseln.
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.
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>
<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.
<h3 className="text-base my-3 font-medium"> Ressourcen</h3>
<h3 className="text-lg my-3"> Private Daten teilen</h3>
Der Spieler erforscht und definiert seine Angebote und Bedürfnisse, teilt seine Ressourcen und nutzt die des Netzwerks
Innerhalb unseres Netzwerkes können wir dann unsere Profile, Angebote, Bedürfnisse, Projekte, Orte und Veranstaltungen ende-zu-ende-verschlüsselt 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
<h2 className="tw-text-xl my-4">Prinzipien</h2>
<h3 className="text-base my-3 font-medium"> Projekte umsetzen</h3>
<h3 className="text-lg my-3"> Alles ist nur ein Spiel</h3>
Der Spieler schließt sich Projekten an und startet selbst welche.
Alles passiert freiwillig, aus uns selbst heraus im Flow. Jeder ist jederzeit eingeladen mitzumachen
Das Spiel unterstützt beim Projektmanagement oder beim Crowdfunding
<h3 className="text-lg my-3"> Ohne Geld</h3>
So entstehen Strukturen, Veranstaltungen, dauerhafte Orte, Infrastruktur und alles was wir brauchen um unsere menschlichen Bedürfnisse im Einklang mit Mutter Erde zu befriedigen.
Da beim Geld der Spaß bekanntlich aufhört, bezahlen wir uns beim Spielen gegenseitig kein Geld
<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 ...
<ul className="list-disc list-inside pl-4 pt-4">
<li>Orte, Veranstaltungen usw. in der Karte einträgt</li>
<h3 className="text-lg my-3"> Dezentrale Strukturen</h3>
<li>Projekte mit Text, Bild und Ton dokumentiert</li>
Alle Strukturen die wir erschaffen gestalten wir dezentral und frei von Hierarchien. Für alle gelten die gleichen Regeln
<li>Geschichten des Wandels erzählt</li>
</ul>
</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">
Web of Trust </div>
<div className="collapse-content">
<div className="flex flex-row flex-wrap">
<h3 className="text-lg my-3"> Real Life</h3>
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>
Veränderung passiert im echten Leben. Wir nutzen das Internet nur wo es direkt hilft echte Begegnungen zu organisieren
</CardPage>
)
<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>
<p>Wenn wir unser Profil erstellen wird gleichzeitig ein Schlüsselpaar bestehend aus einem privaten und einem öffentlichen Schlüssel erzeugt.</p>
</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>
<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>
<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.
</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>
<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>
</div>
</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>
</div>
</div>
</CardPage>
)
}