diff --git a/public/img/App.svg b/public/img/App.svg
new file mode 100644
index 0000000000000000000000000000000000000000..24cf14157faaa0369c0dea05a75406af915d0ecc
--- /dev/null
+++ b/public/img/App.svg
@@ -0,0 +1,89 @@
+<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="100"
+ height="100"
+ viewBox="0 0 26.458333 26.458334"
+ version="1.1"
+ id="svg8"
+ sodipodi:docname="plug-in (Kopie).svg"
+ inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+ <defs
+ id="defs2">
+ <inkscape:perspective
+ sodipodi:type="inkscape:persp3d"
+ inkscape:vp_x="0 : 13.229167 : 1"
+ inkscape:vp_y="0 : 1000 : 0"
+ inkscape:vp_z="26.458333 : 13.229167 : 1"
+ inkscape:persp3d-origin="13.229166 : 8.8194447 : 1"
+ id="perspective12" />
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="5.6"
+ inkscape:cx="45.471953"
+ inkscape:cy="41.874118"
+ inkscape:document-units="mm"
+ inkscape:current-layer="g4533"
+ showgrid="false"
+ units="px"
+ inkscape:snap-global="false"
+ inkscape:window-width="1164"
+ inkscape:window-height="919"
+ inkscape:window-x="662"
+ inkscape:window-y="1"
+ inkscape:window-maximized="0" />
+ <metadata
+ id="metadata5">
+ <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(0,-270.54165)">
+ <g
+ id="g4533">
+ <rect
+ ry="3.9087646"
+ y="271.84094"
+ x="1.2992932"
+ height="23.859747"
+ width="23.859747"
+ id="rect28"
+ style="fill:#f47216;fill-opacity:1;stroke:none;stroke-width:17.69223785;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ <g
+ id="g6"
+ transform="matrix(0.03649932,0,0,-0.03649932,-102.20739,297.48057)"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ style="stroke-width:0.64666831;fill:#ffffff;fill-opacity:1"
+ id="path4"
+ fill="#00000"
+ d="M 2938.0555,633.9116 V 484.97095 h 44.8207 c 17.6217,0 26.4293,9.32884 26.4293,27.72849 v 50.95035 h 223.6567 c 65.32,0 97.9767,-34.70539 97.9767,-101.93432 V 406.296 h -321.6334 l 0.01,-33.63645 c 0,-18.30913 -8.8917,-27.72332 -26.4293,-27.72332 h -60.6639 v -91.04444 c 0,-91.04444 45.5233,-136.56988 137.5572,-136.56988 h 182.0953 c 106.8749,0 161.3114,55.41883 161.3114,165.26902 V 468.6374 c 0,109.84956 -54.4365,165.26903 -161.3114,165.26903 z m 187.3981,-288.97667 h 48.3449 c 32.5663,0 44.9564,-16.72026 44.9564,-47.91683 v -72.93772 c 0,-24.77063 -12.4225,-37.6154 -36.7049,-37.6154 h -24.942 c -21.0361,0 -31.6544,12.44836 -31.6544,37.16079 v 121.30852"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+</svg>
diff --git a/public/img/heart.svg b/public/img/heart.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7711385d97a09091379ee510c632a9ea3e94fe03
--- /dev/null
+++ b/public/img/heart.svg
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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="87.514915"
+ height="74.832336"
+ version="1.1"
+ viewBox="0 0 192.85953 398.53102"
+ xml:space="preserve"
+ id="svg10"
+ sodipodi:docname="heart.svg"
+ inkscape:version="0.92.3 (2405546, 2018-03-11)"><defs
+ id="defs14"><linearGradient
+ y2="13.229791"
+ x2="-258.68027"
+ y1="3.2192702"
+ x1="-293.63593"
+ gradientUnits="userSpaceOnUse"
+ id="linearGradient6210"
+ xlink:href="#linearGradient6206" /><linearGradient
+ id="linearGradient6206"><stop
+ id="stop6202"
+ offset="0"
+ style="stop-color:#ffec00;stop-opacity:1" /><stop
+ id="stop6204"
+ offset="1"
+ style="stop-color:#ff0000;stop-opacity:1" /></linearGradient></defs><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1853"
+ inkscape:window-height="1052"
+ id="namedview12"
+ showgrid="true"
+ inkscape:zoom="5.9261994"
+ inkscape:cx="24.973612"
+ inkscape:cy="51.225424"
+ inkscape:window-x="1987"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="g8"
+ inkscape:snap-global="false"
+ inkscape:pagecheckerboard="true"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"><inkscape:grid
+ type="xygrid"
+ id="grid814"
+ originx="-7.7961125"
+ originy="-21.2647" /></sodipodi:namedview><metadata
+ id="metadata2"><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
+ transform="matrix(6.4131855,0,0,-6.4131855,-1935.3288,416.0147)"
+ id="g8"><g
+ transform="matrix(2.0600602,0,0,-1.954417,280.47242,579.78551)"
+ id="layer1"><g
+ transform="rotate(-45,12.388336,277.04149)"
+ id="g61"><g
+ id="g112"><g
+ id="g120"><g
+ id="g125"><path
+ inkscape:connector-curvature="0"
+ d="m -262.5319,13.229773 a 11.083057,10.010504 0 0 1 -11.08306,10.010503 11.083057,10.010504 0 0 1 -11.08306,-10.010503 11.083057,10.010504 0 0 1 11.08306,-10.0105042 11.083057,10.010504 0 0 1 11.08306,10.0105042 z m -21.09353,21.093558 a 10.010503,11.083056 0 0 1 -10.0105,-11.083057 10.010503,11.083056 0 0 1 10.0105,-11.083056 10.010503,11.083056 0 0 1 10.01051,11.083056 10.010503,11.083056 0 0 1 -10.01051,11.083057 z M -273.61496,3.2192702 V 23.240276 h -20.02098 V 3.2192702 Z"
+ style="fill:url(#linearGradient6210);fill-opacity:1;stroke-width:0.42132547"
+ transform="rotate(-90)"
+ id="path26-6" /></g></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/public/img/leaf.svg b/public/img/leaf.svg
new file mode 100644
index 0000000000000000000000000000000000000000..57b6beb6517986fe66131863786ffee1e82e866f
--- /dev/null
+++ b/public/img/leaf.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="55.492058"
+ height="82.674423"
+ version="1.1"
+ viewBox="0 0 122.2897 440.29525"
+ xml:space="preserve"
+ id="svg10"
+ sodipodi:docname="leaf.svg"
+ inkscape:version="0.92.3 (2405546, 2018-03-11)"><defs
+ id="defs14" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1853"
+ inkscape:window-height="1052"
+ id="namedview12"
+ showgrid="true"
+ inkscape:zoom="4.1904558"
+ inkscape:cx="-11.99155"
+ inkscape:cy="16.161859"
+ inkscape:window-x="1987"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="g8"
+ inkscape:snap-global="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:pagecheckerboard="true"><inkscape:grid
+ type="xygrid"
+ id="grid814"
+ originx="-20.293288"
+ originy="-46.134978" /></sodipodi:namedview><metadata
+ id="metadata2"><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
+ transform="matrix(6.4131855,0,0,-6.4131855,-1965.5301,482.64928)"
+ id="g8"><g
+ id="g832"
+ transform="matrix(0.28404362,0,0,-0.28404362,279.85327,42.585989)"><path
+ inkscape:connector-curvature="0"
+ id="path819-2"
+ style="fill:#00bf00;fill-opacity:1;stroke:none;stroke-width:3.79839516;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="M 53.023236,-115.02779 C 93.203317,-9.1875926 173.56347,18.252487 200.02353,79.012597 M 53.023236,-115.02779 C 21.663175,25.112487 107.90334,58.432577 119.66336,67.252607 c 37.24006,17.64 80.36017,11.75998 80.36017,11.75998" /><g
+ id="g826"><path
+ d="M 53.023236,-115.02779 C 93.203317,-9.1875926 173.56347,18.252477 200.02353,79.012587 m 0,0 c 0,0 0,0 0,0 C 221.15129,-97.096293 90.945732,-80.764829 53.023236,-115.02779 v 0 c 0,0 0,0 0,0"
+ style="fill:#00dd00;fill-opacity:1;stroke:none;stroke-width:3.79839516;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="path819"
+ inkscape:connector-curvature="0" /></g><path
+ inkscape:connector-curvature="0"
+ id="path825"
+ d="m 194.03214,71.75636 c 25.00107,50.62711 2.12939,52.24756 2.12939,52.24756"
+ style="fill:none;stroke:#00bf00;stroke-width:5.35946846;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /></g></g></svg>
\ No newline at end of file
diff --git a/public/img/lock.svg b/public/img/lock.svg
new file mode 100644
index 0000000000000000000000000000000000000000..454efb5d9c9edafb6f3fd3c3e0e8143e498f3a4c
--- /dev/null
+++ b/public/img/lock.svg
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg10"
+ xml:space="preserve"
+ viewBox="0 0 146.21562 379.52535"
+ version="1.1"
+ height="71.263634"
+ width="66.349052"
+ sodipodi:docname="lock.svg"
+ inkscape:version="0.92.3 (2405546, 2018-03-11)"><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1853"
+ inkscape:window-height="1025"
+ id="namedview9"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="43.037691"
+ inkscape:cy="35.631816"
+ inkscape:window-x="67"
+ inkscape:window-y="27"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg10"
+ inkscape:pagecheckerboard="true"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0" /><defs
+ id="defs14" /><metadata
+ id="metadata2"><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
+ transform="matrix(0.73467465,0,0,-0.73467465,-2250.4508,465.71878)"
+ id="g6"><path
+ inkscape:connector-curvature="0"
+ d="M 2938.0555,633.9116 V 484.97095 h 44.8207 c 17.6217,0 26.4293,9.32884 26.4293,27.72849 v 50.95035 h 223.6567 c 65.32,0 97.9767,-34.70539 97.9767,-101.93432 V 406.296 h -321.6334 l 0.01,-33.63645 c 0,-18.30913 -8.8917,-27.72332 -26.4293,-27.72332 h -60.6639 v -91.04444 c 0,-91.04444 45.5233,-136.56988 137.5572,-136.56988 h 182.0953 c 106.8749,0 161.3114,55.41883 161.3114,165.26902 V 468.6374 c 0,109.84956 -54.4365,165.26903 -161.3114,165.26903 z m 187.3981,-288.97667 h 48.3449 c 32.5663,0 44.9564,-16.72026 44.9564,-47.91683 v -72.93772 c 0,-24.77063 -12.4225,-37.6154 -36.7049,-37.6154 h -24.942 c -21.0361,0 -31.6544,12.44836 -31.6544,37.16079 v 121.30852"
+ fill="#00000"
+ id="path4"
+ style="stroke-width:0.64666831" /></g></svg>
\ No newline at end of file
diff --git a/public/img/plug-in.svg b/public/img/plug-in.svg
new file mode 100644
index 0000000000000000000000000000000000000000..ac3a691652c898045db3105a83d701160647bc3f
--- /dev/null
+++ b/public/img/plug-in.svg
@@ -0,0 +1,107 @@
+<?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="59.269756"
+ height="59.267548"
+ viewBox="0 0 15.681789 15.681206"
+ version="1.1"
+ id="svg8"
+ sodipodi:docname="plug-in.svg"
+ inkscape:version="0.92.3 (2405546, 2018-03-11)">
+ <defs
+ id="defs2">
+ <linearGradient
+ inkscape:collect="always"
+ id="linearGradient2460">
+ <stop
+ style="stop-color:#666666;stop-opacity:1;"
+ offset="0"
+ id="stop2456" />
+ <stop
+ style="stop-color:#666666;stop-opacity:0.5"
+ offset="1"
+ id="stop2458" />
+ </linearGradient>
+ <inkscape:perspective
+ sodipodi:type="inkscape:persp3d"
+ inkscape:vp_x="0 : 13.229167 : 1"
+ inkscape:vp_y="0 : 1000 : 0"
+ inkscape:vp_z="26.458332 : 13.229167 : 1"
+ inkscape:persp3d-origin="13.229166 : 8.8194449 : 1"
+ id="perspective12" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient2460"
+ id="linearGradient2462"
+ x1="16.07939"
+ y1="50.177593"
+ x2="83.742043"
+ y2="83.034737"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.22994292,0,0,0.22994292,1.7319905,272.27393)" />
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="5.6"
+ inkscape:cx="-11.171026"
+ inkscape:cy="37.273375"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ units="px"
+ inkscape:snap-global="false"
+ inkscape:window-width="1853"
+ inkscape:window-height="1052"
+ inkscape:window-x="1987"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0" />
+ <metadata
+ id="metadata5">
+ <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:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-5.3882718,-275.93021)">
+ <rect
+ style="fill:none;fill-opacity:1;stroke:none;stroke-width:17.69223785;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="rect28"
+ width="23.859747"
+ height="23.859747"
+ x="1.2992932"
+ y="271.84094"
+ ry="3.9087646" />
+ <path
+ style="fill:none;fill-opacity:1;stroke:url(#linearGradient2462);stroke-width:2.69983554;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="m 13.017158,277.28013 c -0.0053,0 -0.0099,0.005 -0.0099,0.01 v 6.25921 H 6.7480696 c -0.00536,0 -0.00988,0.005 -0.00988,0.01 v 0.42396 c 0,0.005 0.00452,0.01 0.00988,0.01 h 6.2592084 v 6.2592 c 0,0.005 0.0045,0.009 0.0099,0.009 h 0.423958 c 0.0053,0 0.0099,-0.004 0.0099,-0.009 v -6.2592 h 6.259208 c 0.0053,0 0.0099,-0.005 0.0099,-0.01 v -0.42396 c 0,-0.005 -0.0045,-0.01 -0.0099,-0.01 h -6.259208 v -6.25921 c 0,-0.005 -0.0045,-0.01 -0.0099,-0.01 z"
+ id="rect845"
+ inkscape:connector-curvature="0" />
+ </g>
+</svg>
diff --git a/public/img/rainbow.svg b/public/img/rainbow.svg
index 3eaf8479206a75d97e2c6840a2c74acb84eb0e81..8b712130bbd4fc5bc029093c177a03148aad09fa 100644
--- a/public/img/rainbow.svg
+++ b/public/img/rainbow.svg
@@ -1,6 +1,4 @@
<?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#"
@@ -9,22 +7,47 @@
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
- width="45"
- height="20"
- viewBox="0 0 100 50"
+ id="svg841"
version="1.1"
- id="svg8"
- inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
- sodipodi:docname="rainbows.svg">
- <defs
- id="defs2" />
+ viewBox="0 0 25.675195 12.754608"
+ height="48.206394"
+ width="97.040092"
+ sodipodi:docname="rainbow.svg"
+ inkscape:version="0.92.3 (2405546, 2018-03-11)">
<sodipodi:namedview
- id="base"
pagecolor="#ffffff"
bordercolor="#666666"
- borderopacity="1.0" />
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1853"
+ inkscape:window-height="1052"
+ id="namedview9"
+ showgrid="false"
+ inkscape:zoom="4.5609485"
+ inkscape:cx="13.629792"
+ inkscape:cy="35.445092"
+ inkscape:window-x="1987"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="layer1"
+ units="px"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-page="true"
+ inkscape:pagecheckerboard="true"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0" />
+ <defs
+ id="defs835" />
<metadata
- id="metadata5">
+ id="metadata838">
<rdf:RDF>
<cc:Work
rdf:about="">
@@ -36,44 +59,27 @@
</rdf:RDF>
</metadata>
<g
- inkscape:label="Ebene 1"
- inkscape:groupmode="layer"
+ transform="translate(-32.702761,-97.665854)"
id="layer1">
- <circle
- style="fill:#ce2026;fill-opacity:1;stroke:none"
- id="path850"
- cx="50"
- cy="50"
- r="40" />
- <circle
- style="fill:#ffffff;fill-opacity:1;stroke:none"
- id="path851"
- cx="50"
- cy="50"
- r="32" />
- <circle
- style="fill:#ffd600;fill-opacity:1;stroke:none"
- id="path852"
- cx="50"
- cy="50"
- r="30" />
- <circle
- style="fill:#ffffff;fill-opacity:1;stroke:none"
- id="path853"
- cx="50"
- cy="50"
- r="22" />
- <circle
- style="fill:#00a888;fill-opacity:1;stroke:none"
- id="path853"
- cx="50"
- cy="50"
- r="20" />
- <circle
- style="fill:#ffffff;fill-opacity:1;stroke:none"
- id="path854"
- cx="50"
- cy="50"
- r="12" />
+ <g
+ id="g833"
+ transform="matrix(0.24698373,0,0,0.24698373,24.722423,81.456108)">
+ <path
+ inkscape:connector-curvature="0"
+ style="fill:none;fill-opacity:1;stroke:#ffd600;stroke-width:12.66499996;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="path1386"
+ d="M 55.098688,117.27232 A 29.190001,27.525 0 0 1 84.288689,89.747324 29.190001,27.525 0 0 1 113.47869,117.27232" />
+ <path
+ inkscape:connector-curvature="0"
+ style="fill:none;fill-opacity:1;stroke:#00a888;stroke-width:10.26500034;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="path1388"
+ d="m 70.870534,117.27232 a 13.418155,11.283 0 0 1 13.418155,-11.283 13.418155,11.283 0 0 1 13.418154,11.283" />
+ <path
+ sodipodi:nodetypes="cssc"
+ inkscape:connector-curvature="0"
+ style="fill:none;fill-opacity:1;stroke:#ce2026;stroke-width:12.86499977;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="path1390"
+ d="m 38.74369,117.27232 c 2e-6,-22.376072 16.377004,-40.955307 37.882185,-44.571872 2.49128,-0.418963 5.051381,-0.637124 7.662815,-0.637124 25.15381,1e-6 45.545,20.240756 45.545,45.208996" />
+ </g>
</g>
</svg>
diff --git a/public/img/story-plugin.svg b/public/img/story-plugin.svg
new file mode 100644
index 0000000000000000000000000000000000000000..74a9ef9b43f115091f3cc3dcd4f8ff7509c7a7de
--- /dev/null
+++ b/public/img/story-plugin.svg
@@ -0,0 +1,270 @@
+<?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="90.115059"
+ height="90.112923"
+ viewBox="0 0 23.842942 23.842378"
+ version="1.1"
+ id="svg8"
+ sodipodi:docname="story-plugin.svg"
+ inkscape:version="0.92.3 (2405546, 2018-03-11)"
+ inkscape:export-filename="/home/kim/plug-in.png"
+ inkscape:export-xdpi="96"
+ inkscape:export-ydpi="96">
+ <defs
+ id="defs2">
+ <linearGradient
+ inkscape:collect="always"
+ id="linearGradient2460">
+ <stop
+ style="stop-color:#666666;stop-opacity:1;"
+ offset="0"
+ id="stop2456" />
+ <stop
+ style="stop-color:#666666;stop-opacity:0.502"
+ offset="1"
+ id="stop2458" />
+ </linearGradient>
+ <inkscape:perspective
+ sodipodi:type="inkscape:persp3d"
+ inkscape:vp_x="0 : 13.229167 : 1"
+ inkscape:vp_y="0 : 1000 : 0"
+ inkscape:vp_z="26.458333 : 13.229167 : 1"
+ inkscape:persp3d-origin="13.229166 : 8.8194447 : 1"
+ id="perspective12" />
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient2460"
+ id="linearGradient2462-7"
+ x1="16.07939"
+ y1="50.177593"
+ x2="83.742043"
+ y2="83.034737"
+ gradientUnits="userSpaceOnUse"
+ gradientTransform="matrix(0.11556342,0,0,0.11556331,0.72497486,284.49515)" />
+ <clipPath
+ clipPathUnits="userSpaceOnUse"
+ id="clipPath957">
+ <rect
+ style="fill:#dce9ea;fill-opacity:1;stroke:none;stroke-width:19.61912155;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="rect959"
+ width="26.45834"
+ height="26.458347"
+ x="8.333335e-07"
+ y="270.54166"
+ ry="4.3344746" />
+ </clipPath>
+ <clipPath
+ clipPathUnits="userSpaceOnUse"
+ id="clipPath3235">
+ <rect
+ style="fill:#dce9ea;fill-opacity:1;stroke:none;stroke-width:7.84764338;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="rect3237"
+ width="10.583333"
+ height="10.583323"
+ x="14.552084"
+ y="-295.67706"
+ ry="1.7337872" />
+ </clipPath>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="5.6"
+ inkscape:cx="9.5354997"
+ inkscape:cy="35.92842"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ units="px"
+ inkscape:snap-global="true"
+ inkscape:window-width="1853"
+ inkscape:window-height="1052"
+ inkscape:window-x="1987"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="false"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="false"
+ inkscape:snap-nodes="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0">
+ <inkscape:grid
+ type="xygrid"
+ id="grid843"
+ originx="-1.2924751"
+ originy="-1.2930437" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata5">
+ <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:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-1.2924751,-271.86456)">
+ <g
+ transform="matrix(0.39999991,0,0,0.39999991,14.552083,163.64793)"
+ id="g850"
+ clip-path="url(#clipPath957)">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect819"
+ d="M 1.2715658e-6,270.54166 H 26.458333 v 26.45833 H 1.2715658e-6 Z"
+ style="opacity:0.95999995;fill:#f47216;fill-opacity:1;stroke:none;stroke-width:1.46499991;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ <g
+ transform="matrix(0.95357143,0,0,1,1.2284226,0)"
+ id="g917">
+ <rect
+ style="opacity:1;fill:#f8a368;fill-opacity:1;stroke:none;stroke-width:0.44336009;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect863"
+ width="26.458334"
+ height="2.6458333"
+ x="-6.357829e-07"
+ y="279.80206" />
+ <path
+ style="fill:none;stroke:#fce6d6;stroke-width:0.16500001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="M 0,282.40065 H 26.458333"
+ id="path897"
+ inkscape:connector-curvature="0" />
+ <path
+ style="fill:none;stroke:#fce6d6;stroke-width:0.16500001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="M 3.3333333e-7,279.88457 H 26.458333"
+ id="path897-7"
+ inkscape:connector-curvature="0" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ id="path1301"
+ transform="matrix(0.26458333,0,0,0.26458333,0,270.54165)"
+ d="M 100,57.419922 C 86.946765,61.046785 87.591949,68.148641 86.785156,71.607422 83.723157,88.480367 24.822266,82.5 24.822266,82.5 c 0,0 -27.5298596,13.314085 23.21289,13.035156 32.500003,-0.178545 44.531538,-8.07638 44.107422,-20.71289 C 91.912924,67.979769 92.869907,63.437677 100,60.763672 Z"
+ style="fill:#f8a062;fill-opacity:1;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <g
+ id="g1340">
+ <rect
+ style="opacity:1;fill:#fac199;fill-opacity:1;stroke:none;stroke-width:2.00996351;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="rect821"
+ width="10.583333"
+ height="26.45834"
+ x="1.3229166"
+ y="270.54166" />
+ <path
+ style="fill:#ffffff;stroke:#ffffff;stroke-width:0.565;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:2.26, 4.52;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 6.6145833,270.54165 v 26.45833"
+ id="path823"
+ inkscape:connector-curvature="0" />
+ <path
+ style="fill:none;stroke:#ffffff;stroke-width:0.465;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="m 1.3229166,270.54165 v 26.45833"
+ id="path825"
+ inkscape:connector-curvature="0" />
+ <path
+ style="fill:none;stroke:#ffffff;stroke-width:0.465;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="m 11.90625,270.54165 v 26.45833"
+ id="path825-3"
+ inkscape:connector-curvature="0" />
+ </g>
+ <path
+ id="path3837"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.07675535"
+ d="m 16.823632,279.31425 -1.378719,-0.22509 0.868871,-1.12869 c 0.450458,0.3927 0.506491,0.86417 0.509848,1.35378 m 0.379265,0.0826 c 0.0023,-0.0491 0.01019,-0.12771 0.01019,-0.18277 0,-0.55849 -0.180759,-1.10125 -0.67113,-1.55238 l 0.510711,-0.61155 0.790486,2.41156 z m 3.03414,-2.40013 -0.04385,-0.13424 -2.815483,-0.003 0.748942,2.27049 0.03234,-0.23686 h -0.08616 l 0.01075,-0.15075 h 0.376869 l -0.01075,0.13999 h -0.09689 l -0.02159,0.25837 c 0,0 1.89509,-2.13264 1.905837,-2.14339 m 1.246986,2.1811 c -0.378116,-0.30029 -0.672377,-0.5866 -0.884607,-1.15939 -0.335035,0.30395 -0.52606,0.74347 -0.52606,1.19566 0,0.89822 0.732531,1.63076 1.630667,1.63076 0.898227,0 1.630763,-0.73254 1.630763,-1.63076 0,-0.89813 -0.732536,-1.63067 -1.630763,-1.63067 -0.286586,0 -0.579695,0.0828 -0.81591,0.22231 0.159938,0.50533 0.315465,0.766 0.807563,1.16216 0.119448,0.005 0.21031,0.10094 0.21031,0.21532 0,0.11858 -0.09671,0.21538 -0.215301,0.21538 -0.118683,0 -0.206662,-0.0968 -0.206662,-0.22077 m -4.718152,0.48288 c -0.1845,0.68736 -0.840567,1.18415 -1.566767,1.18415 -0.898231,0 -1.630765,-0.73254 -1.630765,-1.63076 0,-0.89813 0.732534,-1.63067 1.630765,-1.63067 0.28668,0 0.618359,0.0676 0.860332,0.20924 l -0.885087,1.17523 c -0.108322,0.002 -0.202537,0.0984 -0.202537,0.21532 0,0.11858 0.09671,0.21538 0.215393,0.21538 0.03283,0 0.06726,-0.009 0.09643,-0.0221 z m 4.005766,-2.23242 -0.577681,-1.59372 0.183063,-0.31223 -0.366029,-0.39833 h -0.78607 l -0.01075,0.22604 h 0.689072 l 0.139982,0.15074 -0.161472,0.2907 0.203112,0.71986 h -2.820861 l -0.04308,-0.13162 c 0.226622,-0.0295 0.617689,-0.16916 0.711044,-0.25032 0.09345,-0.0811 0.01171,-0.15573 -0.0947,-0.15919 -0.556765,-0.0239 -1.383901,-0.0703 -1.541057,-0.0709 -0.157062,-7.4e-4 -0.17318,0.0783 -0.06802,0.19333 0.10525,0.11503 0.197164,0.21866 0.595623,0.28043 l 0.10765,0.29071 -0.667486,0.82685 c -0.314602,-0.19092 -0.695115,-0.29033 -1.064883,-0.29033 -1.109213,0 -2.013869,0.90465 -2.013869,2.01389 0,1.1093 0.904656,2.01396 2.013869,2.01396 0.912618,0 1.715,-0.62932 1.95083,-1.49915 l 0.613277,0.11025 c 0.02628,0.0721 0.08749,0.1277 0.160609,0.17107 l -0.109375,0.51887 h -0.139976 l -0.01073,0.13998 0.441441,0.0216 v -0.15072 h -0.107651 l 0.133267,-0.51859 c 0.198414,-0.0325 0.302416,-0.20235 0.243315,-0.37093 l 2.003699,-2.2661 0.0897,0.24312 c -0.486244,0.38301 -0.777339,0.97305 -0.777339,1.58664 0,1.1093 0.904658,2.01396 2.01387,2.01396 1.109206,2e-5 2.01396,-0.90465 2.01396,-2.01395 0,-1.10922 -0.904754,-2.01386 -2.013964,-2.01386 -0.322565,0 -0.6529,0.0787 -0.932385,0.22805"
+ inkscape:connector-curvature="0" />
+ <g
+ inkscape:transform-center-x="0.5669643"
+ style="fill:#ffffff"
+ transform="matrix(0.11907476,-0.00929935,0.00929935,0.11907476,12.682977,255.82476)"
+ id="g1262">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 16.626748,260.48721 c 3.288242,0 5.94651,-2.64308 5.94651,-5.89809 0,-3.24909 -2.658268,-5.87587 -5.94651,-5.87587 -3.288241,0 -5.963179,2.62668 -5.963179,5.87587 0,3.2549 2.674938,5.89809 5.963179,5.89809 z"
+ id="path8"
+ style="fill:#ffffff;stroke-width:0.26458332" />
+ <path
+ inkscape:connector-curvature="0"
+ d="m 6.563824,261.46087 c 0.230653,-0.90667 -0.348853,-1.80834 -1.249865,-2.03625 0,0 -4.96120251,-1.17944 -4.96120251,-1.17944 -0.9291108,-0.21153 -1.84668579,0.32835 -2.05570659,1.23002 0,0 -4.1719501,17.06007 -4.1719501,17.06007 -0.2306532,0.90668 0.3322902,1.80835 1.2498653,2.03626 0,0 4.97787079,1.17944 4.97787079,1.17944 0.90098561,0.22791 1.83009651,-0.32835 2.04417081,-1.235 0,0 4.1669233,-17.05504 4.1669233,-17.05504 0,0 -1.06e-4,-6e-5 -1.06e-4,-6e-5 z"
+ id="path10"
+ style="fill:#ffffff;stroke-width:0.26458332" />
+ <path
+ inkscape:connector-curvature="0"
+ d="m 29.471977,322.12798 c 0,0.0335 -0.01656,0.0669 -0.01656,0.0833 0,0.75139 0.619151,1.3575 1.373823,1.3575 0.686911,0 1.267168,-0.52277 1.351491,-1.17944 0,0 10.000985,-53.5728 10.000985,-53.5728 0,0 0,-0.10541 0,-0.10541 0,-0.72861 -0.602588,-1.34112 -1.357262,-1.34112 -0.686911,0 -1.216713,0.52276 -1.35726,1.18515 0,0 -9.995164,53.57283 -9.995164,53.57283 0,0 -5.3e-5,-1e-5 -5.3e-5,-1e-5 z"
+ id="path12"
+ style="fill:#ffffff;stroke-width:0.26458332" />
+ <path
+ inkscape:connector-curvature="0"
+ d="m -3.7803262,318.61696 c -0.056221,0.27847 -0.073517,0.55626 -0.073517,0.83473 0,2.29267 1.869731,4.13438 4.18914792,4.13438 1.90362418,0 3.50228958,-1.25208 4.01478728,-2.95433 l 7.196402,-29.44019 6.859059,29.26821 c 0.43897,1.80834 2.094626,3.12737 4.042832,3.12737 2.326005,0 4.189148,-1.84182 4.189148,-4.13438 0,-0.31694 -0.03388,-0.61182 -0.0901,-0.90667 l -9.408582,-38.87788 0.788538,-3.42714 0.619151,2.69292 c 0.562954,1.75848 2.178975,1.93085 2.178975,1.93085 l 9.696979,2.43724 c 0.191733,0.0335 0.388514,0.0499 0.580231,0.0499 1.582156,0 2.866496,-1.25209 2.866496,-2.81544 0,-1.34112 -0.929111,-2.4707 -2.196253,-2.76568 l -8.395758,-2.08683 -2.302934,-9.25327 c -1.092728,-5.16361 -6.087003,-5.04111 -6.087003,-5.04111 -4.853781,-0.1225 -6.0706,4.92443 -6.0706,4.92443 l -12.5973405,52.30279 z"
+ id="path14"
+ style="fill:#ffffff;stroke-width:0.26458332" />
+ </g>
+ </g>
+ <g
+ id="g3233">
+ <rect
+ transform="scale(1,-1)"
+ ry="1.7337872"
+ y="-295.70694"
+ x="1.2924751"
+ height="10.583323"
+ width="10.583333"
+ id="rect28-62"
+ style="fill:#dce9ea;fill-opacity:1;stroke:none;stroke-width:7.84764338;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="rect845-9"
+ d="m 6.396611,287.01114 c -0.00271,0 -0.0049,0.003 -0.0049,0.005 v 3.14572 H 3.2459917 c -0.00271,0 -0.0049,0.003 -0.0049,0.005 v 0.21306 c 0,0.003 0.00232,0.005 0.0049,0.005 h 3.1457177 v 3.14572 c 0,0.003 0.00232,0.005 0.0049,0.005 h 0.2130707 c 0.00271,0 0.0049,-0.003 0.0049,-0.005 v -3.14572 h 3.1457178 c 0.00271,0 0.0049,-0.003 0.0049,-0.005 v -0.21306 c 0,-0.003 -0.00232,-0.005 -0.0049,-0.005 H 6.6145833 v -3.14572 c 0,-0.003 -0.00219,-0.005 -0.0049,-0.005 z"
+ style="fill:none;fill-opacity:1;stroke:url(#linearGradient2462-7);stroke-width:1.35686743;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ </g>
+ <rect
+ style="fill:#f47216;fill-opacity:1;stroke:none;stroke-width:7.84764814;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="rect28"
+ width="10.583333"
+ height="10.583339"
+ x="1.3229166"
+ y="271.86456"
+ ry="1.7337894" />
+ <g
+ transform="matrix(0.0161898,0,0,-0.01618981,-44.588959,283.23739)"
+ id="g6"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ d="M 2938.0555,633.9116 V 484.97095 h 44.8207 c 17.6217,0 26.4293,9.32884 26.4293,27.72849 v 50.95035 h 223.6567 c 65.32,0 97.9767,-34.70539 97.9767,-101.93432 V 406.296 h -321.6334 l 0.01,-33.63645 c 0,-18.30913 -8.8917,-27.72332 -26.4293,-27.72332 h -60.6639 v -91.04444 c 0,-91.04444 45.5233,-136.56988 137.5572,-136.56988 h 182.0953 c 106.8749,0 161.3114,55.41883 161.3114,165.26902 V 468.6374 c 0,109.84956 -54.4365,165.26903 -161.3114,165.26903 z m 187.3981,-288.97667 h 48.3449 c 32.5663,0 44.9564,-16.72026 44.9564,-47.91683 v -72.93772 c 0,-24.77063 -12.4225,-37.6154 -36.7049,-37.6154 h -24.942 c -21.0361,0 -31.6544,12.44836 -31.6544,37.16079 v 121.30852"
+ id="path4"
+ style="fill:#ffffff;fill-opacity:1;stroke-width:0.64666831" />
+ </g>
+ <rect
+ style="fill:none;fill-opacity:1;stroke:#dce9ea;stroke-width:0.80000001;stroke-miterlimit:4;stroke-dasharray:2.39999999, 2.39999999;stroke-dashoffset:7.19199991;stroke-opacity:1;paint-order:normal"
+ id="rect28-62-3"
+ width="10.583333"
+ height="10.583323"
+ x="14.552084"
+ y="-295.67706"
+ ry="1.7337872"
+ transform="scale(1,-1)"
+ clip-path="url(#clipPath3235)" />
+ </g>
+</svg>
diff --git a/resources/lang/de/index.php b/resources/lang/de/index.php
index 987b9e1578cb8cfa2ef4f0403d9b2f349898bea6..f52cb00663c9c147e333caed30c394f2ef667441 100644
--- a/resources/lang/de/index.php
+++ b/resources/lang/de/index.php
@@ -15,7 +15,7 @@ return [
'partnertitle' => 'MetaGer unterstützen, ohne Mehrkosten für Sie',
'mapstitle' => 'Der MetaGer Kartenservice',
- 'plugin' => 'MetaGer-Plugin hinzufügen',
+ 'plugin' => 'MetaGer installieren',
'plugin-title' => 'MetaGer zu Ihrem Browser hinzufügen',
'options.head' => 'Filter verwalten',
diff --git a/resources/lang/de/mg-story.php b/resources/lang/de/mg-story.php
new file mode 100644
index 0000000000000000000000000000000000000000..b9a1aa3c54885c180c47dbaa361b237e556c8a93
--- /dev/null
+++ b/resources/lang/de/mg-story.php
@@ -0,0 +1,34 @@
+<?php
+
+return [
+ 'four-reasons' => 'Warum MetaGer?',
+ 'privacy.image.alt' => 'Sicherheitsschloss',
+ 'privacy.title' => 'Garantierte Privatsphäre',
+ 'ngo.title' => 'Gemeinnütziger Verein',
+ 'ngo.image.alt' => 'Herz',
+ 'diversity.title' => 'Vielfältig & Frei',
+ 'diversity.image.alt' => 'Regenbogen',
+ 'eco.title' => '100% Ökostrom',
+ 'eco.image.alt' => 'grünes Blatt',
+ 'btn-about-us' => 'Ãœber uns',
+ 'btn-data-protection' => 'Datenschutzerklärung',
+ 'privacy.p' => 'Mit uns behalten Sie die volle Kontrolle über Ihre Daten. Mit der Anonym-Öffnen-Funktion bleiben Sie auch beim Weitersurfen geschützt. <br> Wir tracken nicht. Wir speichern nicht.',
+ 'btn-SUMA-EV' => 'Der SUMA-EV',
+ 'btn-donate' => 'Spendenformular',
+ 'btn-member' => 'Aufnahmeantrag',
+ 'btn-member-advantage' => 'Mitgliedschaft',
+ 'ngo.p' => 'Metager wird getragen vom gemeinnützigen SUMA-EV, Verein für freien Wissenszugang. Unterstützen Sie uns, indem Sie spenden oder Mitglied werden. Mitglieder suchen auf Metager werbefrei.',
+ 'btn-mg-code' => 'Metager-Quellcode',
+ 'btn-mg-algorithm' => 'Unser Algorithmus',
+ 'diversity.p' => 'Metager schützt gegen Zensur, indem es Ergebnisse vieler Suchmaschinen kombiniert. Unsere Algorithmen sind transparent und für jeden einsehbar.<br>Der Quellcode ist frei und Open Source.',
+
+ 'btn-more' => 'Mehr dazu',
+ 'eco.p' => 'Wir achten auf die Nachhaltigkeit und den Ressourcenverbrauch unserer Dienste. Wir verwenden nur Strom aus regenerativen Energiequellen.<br>Vom Server bis zur Kaffeemaschine.',
+ 'plugin.title' => 'Jetzt MetaGer installieren',
+ 'plugin.btn-add' => 'MetaGer-Plugin hinzufügen',
+ 'plugin.btn-app' => 'MetaGer-App',
+ 'plugin.image.alt' => 'Metager-Apps',
+ 'plugin.p' => 'Mit unserem Plugin können Sie MetaGer als Standardsuchmaschine festlegen. Und mit der App nutzen Sie MetaGer ganz bequem auf Ihrem Smartphone.',
+ 'btn-about-us' => 'Ãœber uns',
+
+];
diff --git a/resources/lang/en/index.php b/resources/lang/en/index.php
index f2ae4e9372eb17f890a7debff753f7f47516dc74..d1fbd753c6462ee0f82196eaf1372f4af837f17a 100644
--- a/resources/lang/en/index.php
+++ b/resources/lang/en/index.php
@@ -15,7 +15,7 @@ return [
"partnertitle" => "Support MetaGer without any costs to you",
"mapstitle" => "MetaGer Maps Service",
- "plugin" => "Add MetaGer-Plugin",
+ "plugin" => "Install MetaGer",
"plugin-title" => "Add MetaGer to your browser",
'options.head' => 'Customize filters',
diff --git a/resources/lang/en/mg-story.php b/resources/lang/en/mg-story.php
new file mode 100644
index 0000000000000000000000000000000000000000..e9c97c82c683c7e9021bf767cac279f7be9dacc6
--- /dev/null
+++ b/resources/lang/en/mg-story.php
@@ -0,0 +1,33 @@
+<?php
+
+return [
+ 'four-reasons' => 'Four reasons to use MetaGer',
+ 'privacy.image.alt' => 'lock',
+ 'privacy.title' => 'Guaranteed Privacy',
+ 'ngo.title' => 'Run by a Nonprofit Organization',
+ 'ngo.image.alt' => 'Heart',
+ 'diversity.title' => 'Diverse & Free',
+ 'diversity.image.alt' => 'Rainbow',
+ 'eco.title' => '100% Renewable Energy',
+ 'eco.image.alt' => 'green leaf',
+ 'btn-about-us' => 'About Us',
+ 'btn-data-protection' => 'Privacy Policy',
+ 'privacy.p' => 'By using MetaGer you retain full control over your data. Our anonymizing proxy, keeps you protected even when you continue surfing. We don\'t track.',
+ 'btn-SUMA-EV' => 'SUMA-EV',
+ 'btn-donate' => 'Donation Form',
+ 'btn-member' => 'Member Form',
+ 'btn-member-advantage' => 'Membership',
+ 'ngo.p' => 'MetaGer is developed and run by our nonprofit organization, SUMA-EV–Association for Free Access to Knowledge. Strengthen us by becoming a member or by donating to SUMA-EV. Members search ad free!',
+ 'btn-mg-code' => 'Metager Source Code',
+ 'btn-mg-algorithm' => 'Our Algorithm',
+ 'diversity.p' => 'MetaGer protects against censorship by combining the results of multiple search engines. Our algorithms are transparent and available for everyone to read. Our source code is free.',
+ 'btn-more' => 'More',
+ 'eco.p' => 'Sustainability and efficient use of resources are important to us. All of our services are run using renewable energy. From the server to the coffee machine.',
+ 'plugin.title' => 'Install MetaGer Now',
+ 'plugin.btn-add' => 'Add MetaGer Plugin',
+ 'plugin.btn-app' => 'MetaGer App',
+ 'plugin.image.alt' => 'Metager Apps',
+ 'plugin.p' => 'Use our plugin to install MetaGer as your search engine. You can comfortably use the MetaGer app on your smartphone.',
+ 'btn-about-us' => 'About Us',
+
+];
diff --git a/resources/lang/es/index.php b/resources/lang/es/index.php
index f20ef3180fa14d6e2f78726cfc6d70ac698d3d0a..4724982d26a11a939363b9bd0c7996168d9701ee 100644
--- a/resources/lang/es/index.php
+++ b/resources/lang/es/index.php
@@ -11,7 +11,7 @@ return [
"design" => "Escoger un diseño personalizado",
"conveyor" => "Comprar en tiendas que apoyan MetaGer ",
"partnertitle" => "Apoyar MetaGer, sin costos para usted",
- "plugin" => "Añadir MetaGer-Plugin",
+ "plugin" => "Instalar MetaGer",
"plugin-title" => "Añadir MetaGer a su navegador",
'about.1.1' => "Privacidad garantizada",
'about.1.2' => 'Con nosotros tiene control total sobre sus datos. No rastreamos y nuestro código fuente es gratuito.',
diff --git a/resources/lang/es/mg-story.php b/resources/lang/es/mg-story.php
new file mode 100644
index 0000000000000000000000000000000000000000..fcf6f99c0654d2908cab204a9c8166802fbbbc7d
--- /dev/null
+++ b/resources/lang/es/mg-story.php
@@ -0,0 +1,34 @@
+<?php
+
+return [
+ 'four-reasons' => 'Cuatro razones para usar MetaGer',
+ 'privacy.image.alt' => 'cerradura de seguridad',
+ 'privacy.title' => 'Privacidad garantizada',
+ 'ngo.title' => 'Organización sin ánimo de lucro',
+ 'ngo.image.alt' => 'corazón',
+ 'diversity.title' => 'Diversos y libres',
+ 'diversity.image.alt' => 'Arco iris',
+ 'eco.title' => '100% electricidad verde',
+ 'eco.image.alt' => 'hoja verde',
+ 'btn-about-us' => 'sobre nosotros',
+ 'btn-data-protection' => 'Protección de Datos',
+ 'privacy.p' => 'Con nosotros, usted conserva el control total sobre sus datos. Con la función de apertura anónima, permanece protegido incluso cuando continúa navegando. <br> No rastreamos.',
+ 'btn-SUMA-EV' => 'El SUMA-EV',
+ 'btn-donate' => 'Formulario de donación',
+ 'btn-member' => 'Solicitud de membresÃa',
+ 'btn-member-advantage' => 'membresÃa',
+ 'ngo.p' => 'Metager cuenta con el apoyo de la asociación sin fines de lucro SUMA-EV, asociación de libre acceso al conocimiento. Apóyenos donando o convirtiéndose en miembro. Los miembros buscan sin publicidad en Metager.',
+ 'btn-mg-code' => 'Código fuente de Metager',
+ 'btn-mg-algorithm' => 'Nuestro algoritmo',
+ 'diversity.p' => 'Metager protege contra la censura combinando resultados de muchos motores de búsqueda. Nuestros algoritmos son transparentes y todos pueden verlos. <br> El código fuente es gratuito y de código abierto.',
+
+ 'btn-more' => 'Más sobre esto',
+ 'eco.p' => 'Prestamos atención a la sostenibilidad y el consumo de recursos de nuestros servicios. Solo utilizamos electricidad de fuentes renovables. <br> Del servidor a la cafetera.',
+ 'plugin.title' => 'Instale MetaGer ahora',
+ 'plugin.btn-add' => 'Agregar el complemento MetaGer',
+ 'plugin.btn-app' => 'Aplicación MetaGer',
+ 'plugin.image.alt' => 'Aplicaciones de Metager',
+ 'plugin.p' => 'Con nuestro complemento puede configurar MetaGer como el motor de búsqueda predeterminado. Y con la aplicación puede usar MetaGer cómodamente en su teléfono inteligente.',
+ 'btn-about-us' => 'sobre nosotros',
+
+];
diff --git a/resources/less/metager/metager.less b/resources/less/metager/metager.less
index 64bb752a15f4b8634b01d1e21b2de5cd3ede4fe5..800bae0e0ec47eb39801d23459311cda66b2cd7d 100644
--- a/resources/less/metager/metager.less
+++ b/resources/less/metager/metager.less
@@ -13,4 +13,4 @@
@import "./parts/searchbar.less";
@import "./parts/settings.less";
@import "./parts/sidebar.less";
-@import "./parts/bitpay.less";
+@import "./parts/bitpay.less";
\ No newline at end of file
diff --git a/resources/less/metager/parts/searchbar.less b/resources/less/metager/parts/searchbar.less
index 957c32659d0c48d2e19148e096f9c2d69bc9c422..bbdca72da14319b6ac36a351fa8a0e42ea09967a 100644
--- a/resources/less/metager/parts/searchbar.less
+++ b/resources/less/metager/parts/searchbar.less
@@ -1,4 +1,5 @@
-@searchbar-border-color: #a2a2a2;
+@searchbar-border-color: #585858;
+@searchbar-border-color-light: #777777;
@searchbar-background-color: white;
.searchbar {
display: -webkit-box;
@@ -34,6 +35,7 @@
color: #333;
.search-input-submit {
width: 100%;
+ width: calc(100% - 16px);
max-width: 600px;
background-color: @searchbar-background-color;
-webkit-box-flex: 1;
@@ -49,8 +51,8 @@
justify-content: center;
align-items: center;
> a {
- padding: 5px 16px 0px 16px;
- color: #777;
+ padding: 0px 16px 0px 16px;
+ color: #585858;
&.authorized {
color:green;
}
@@ -67,13 +69,6 @@
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
- &:focus {
- outline-color: @metager-orange;
- -webkit-box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);
- box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);
- border-color: rgba(255, 128, 0, 1);
- border-radius: 4px;
- }
}
#search-delete-btn {
position: absolute;
@@ -99,6 +94,7 @@
border: 0;
background-color: transparent;
padding: 0;
+ color: #585858;
}
}
}
@@ -125,11 +121,15 @@
}
.search-input-submit {
border-radius: 5px;
+ margin: 0 8px;
@media (max-width: @screen-mobile) {
max-width: initial;
}
- >:not(:first-child) {
- border-left: 1px solid @searchbar-border-color;
+ >#search-key {
+ border-right: 1px solid @searchbar-border-color-light;
+ }
+ >#submit-inputgroup {
+ border-left: 1px solid @searchbar-border-color-light;
}
}
@media (max-width: @screen-mobile) {
@@ -154,6 +154,9 @@
}
.resultpage-searchbar {
+ #search-key > a {
+ padding: 5px 16px 0px 16px!important;
+ }
.search-input-submit {
.search-input input {
padding-right: 35px; // Makes it so the overlayed delete button does not hide the text belowF
diff --git a/resources/less/metager/parts/sidebar.less b/resources/less/metager/parts/sidebar.less
index d417af9b8492275bc8a3607a0fbe56d04ca36ea6..588398462fe30648f5ab2d95e05e089ebcf0e506 100644
--- a/resources/less/metager/parts/sidebar.less
+++ b/resources/less/metager/parts/sidebar.less
@@ -197,7 +197,7 @@
line-height: 23px;
border-radius: 5px;
color: grey;
- background-color: @background-color;
+ background-color: transparent;
&:after {
content: "≡";
}
diff --git a/resources/less/metager/startpage-only.less b/resources/less/metager/startpage-only.less
new file mode 100644
index 0000000000000000000000000000000000000000..a9ed4b024511736418e1213071b54b5f172ee4cb
--- /dev/null
+++ b/resources/less/metager/startpage-only.less
@@ -0,0 +1,480 @@
+@clippathHeight: 30px;
+@scrollLinkHeight: 40px;
+@scrollLinkHeightMedium: 50px;
+@scrollLinkHeightMax: 70px;
+:root { // the default is for screensizes bigger than 12000px
+ --screen-mobile: 550px;
+ --screen-extrasmall: 760px;
+ --screen-small: 1000px;
+ --screen-medium: 1200px;
+ }
+
+html {
+ display: block;
+ height: 100%;
+ &>body {
+ display: block;
+ height: 100%;
+ &>div.wrapper {
+ display: block;
+ height: 100%;
+ }
+ }
+}
+
+.wrapper {
+ height: 100%;
+ margin: 0;
+ padding: 0px;
+}
+
+
+#search-wrapper {
+ min-height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ &>#search-block {
+ margin-top: -10%;
+ }
+
+}
+
+#main-content {
+ justify-content: start!important;
+ width: 100%!important;
+ max-width: 100%!important;
+ overflow-y: scroll;
+ height: 100%;
+ scroll-behavior: smooth;
+}
+
+#plugin-btn-div {
+ margin-top: 20px!important;
+}
+
+#plugin-btn {
+ display: flex;
+ align-items: center;
+ > img { // sets the size for the plugin button
+ max-width: 15px;
+ max-height: 15px;
+ margin-right: 8px;
+ }
+}
+
+
+#scroll-links { // creates a grid for the story-icons
+ min-width: 100%;
+ min-height: @scrollLinkHeight;
+ margin-top: -@scrollLinkHeight;
+ display: flex;
+ text-align: center;
+ border-top:1px solid lightgrey;
+ position: sticky;
+ top: 0;
+ z-index: 19;
+
+ &>:nth-child(1) {
+ background-color: #EEEEEE;
+ }
+ &>:nth-child(2) {
+ background-color: #ffffff;
+ color: #AD1A00
+ }
+ &>:nth-child(3) {
+ background-color: #edfdff;
+ color: #0C4690;
+ }
+ &>:nth-child(4) {
+ background-color: #e3ffe9;
+ color: #0c621A;
+ }
+
+ &>a {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: inherit;
+ padding: 8px;
+ width: 25%;
+ &#story-plugin-link {
+ text-align: center;
+ align-self: center;
+ padding: 4px;
+ max-width: 250px;
+ align-self: center;
+ &>i {
+ font-style: normal;
+ display: inline-block;
+ padding: 8px 0;
+ transform: rotate(-90deg);
+ }
+ }
+ &>img {
+ width: 20px;
+ height: 20px;
+ min-width: 20px;
+ min-height: 20px;
+ margin-right: 8px;
+ object-fit: contain;
+ }
+ &>span {
+ display: block;
+ }
+ }
+}
+
+.four-reasons ~ a {
+ grid-row-start: 3;
+}
+
+
+footer {
+ display: none;
+ text-align: center;
+ position: absolute;
+ bottom: 0px;
+ left: auto;
+ right: auto;
+ background-color: transparent;
+}
+
+#story-container > section { // creates the grid for the story sections
+ display: grid;
+ grid-template-columns: 25% 75% ;
+ grid-template-rows: auto;
+ grid-template-areas:
+ ". ."
+ "story-icon heading"
+ ". paragraph"
+ ". story-links"
+ ". .";
+
+ position: relative;
+ align-items:center;
+ min-height: 70vh;
+ &:not(:nth-child(1)){
+ padding-bottom: @clippathHeight;
+ padding-top: @clippathHeight;
+ margin-top: -@clippathHeight;
+ }
+}
+
+#story-container > section > h1 { //sets the heading for all sections
+ grid-area: heading;
+ font-size: 80px;
+ margin: 0;
+}
+
+#story-container > section > p { // sets all paragraphs for all sections
+ grid-area: paragraph;
+ font-size: 30px;
+ color: #474747;
+ max-width: 1100px;
+ padding-right: 50px;
+}
+#story-container > section .story-icon { // sets all icons for all sections
+ grid-area: story-icon;
+ padding: 16px;
+ text-align: center;
+}
+
+.story-icon img { // defines the story-icons in the sections
+ height: 150px;
+ max-height: 300px;
+ max-width: 300px;
+ width:150px;
+
+ object-fit: contain;
+}
+
+// following lines set the background and heading color of each section
+#story-privacy {
+ margin-bottom: 0;
+ background-color: #EEEEEE;
+}
+
+#story-ngo {
+ grid-area: "icn-ngo";
+ background-color: #ffffff;
+ clip-path: polygon(0 0, 40% 0, 50% @clippathHeight, 60% 0, 100% 0, 100% 100%, 0 100%);
+}
+
+#story-ngo > h1 {
+ color:#AD1A00;
+}
+
+#story-diversity {
+ grid-area: "icn-diversity";
+ background-color: #edfdff;
+ clip-path: polygon(0 0, 40% 0, 50% @clippathHeight, 60% 0, 100% 0, 100% 100%, 0 100%);
+}
+
+#story-diversity > h1 {
+ color: #0c4690;
+}
+
+#story-eco {
+ grid-area: "icn-eco";
+ background-color: #e3ffe9;
+ clip-path: polygon(0 0, 40% 0, 50% @clippathHeight, 60% 0, 100% 0, 100% 100%, 0 100%);
+}
+
+#story-eco > h1 {
+ color:#0c621a;
+}
+#story-container #story-plugin > h1 {
+ font-size:60px;
+}
+#story-container #story-plugin {
+ min-height: 60vh;
+ background-color: white;
+ clip-path: polygon(0 0, 40% 0, 50% @clippathHeight, 60% 0, 100% 0, 100% 100%, 0 100%);
+}
+
+.story-links {
+ grid-area: story-links;
+ display: flex;
+ flex-wrap: wrap;
+ padding: 0px;
+ list-style: none;
+ gap: 2em;
+ &>li {
+ min-width: 150px;
+ &>a {
+ display: block;
+ text-align: center;
+ }
+ }
+}
+a.story-button { // sets the story-button for all sections
+ padding: 12px;
+ border-radius: 10px;
+ font-size: 18px;
+}
+// following lines set the Button color for each section
+#story-privacy .story-button {
+ background-color:#535353;
+ color:#ffffff;
+}
+#story-ngo .story-button {
+ background-color:#AD1A00;
+ color:#ffffff;
+}
+#story-diversity .story-button {
+ background-color: #0c4690;
+ color:#ffffff;
+}
+#story-eco .story-button {
+ background-color:#0c621A;
+ color:#ffffff;
+}
+#story-plugin .story-button {
+ background-color: #535353;
+ color: #ffffff;
+}
+
+@media screen and (max-width: 1000px) { // changes the layout for screen sizes between 760-1000px
+
+ #scroll-links {
+ min-height: @scrollLinkHeightMedium;
+ margin-top: -@scrollLinkHeightMedium;
+ }
+
+ div#story-container h1{
+ font-size: 50px;
+ padding: 0 16px;
+ }
+ div#story-container p{
+ font-size: 25px;
+ padding-left: 16px;
+ padding-right: 10vw;
+ }
+ #story-container > section {
+ grid-template-columns: 132px auto;
+ grid-template-areas:
+ ". ."
+ "story-icon heading"
+ "paragraph paragraph"
+ "story-links story-links"
+ ". .";
+ min-height: 60vh;
+ }
+
+ .story-icon img {
+ height: 100px;
+ width: 100px;
+ }
+
+ #story-container > section .story-icon {
+ text-align: left;
+ }
+ #plugin > a {
+ flex-direction: column;
+ }
+ .story-links {
+ grid-area: story-links;
+ display: flex;
+ padding: 16px;
+ list-style: none;
+ gap: 1em;
+ font-size: 10px;
+ }
+ #story-container #story-plugin > h1 {
+ font-size:50px;
+ }
+ #story-container #story-plugin {
+ min-height: 50vh;
+ }
+
+ #story-ngo {
+ clip-path: polygon(0 0, 30% 0, 50% @clippathHeight, 70% 0, 100% 0, 100% 100%, 0 100%);
+ }
+
+ #story-diversity {
+ clip-path: polygon(0 0, 30% 0, 50% @clippathHeight, 70% 0, 100% 0, 100% 100%, 0 100%);
+ }
+
+ #story-eco {
+ clip-path: polygon(0 0, 30% 0, 50% @clippathHeight, 70% 0, 100% 0, 100% 100%, 0 100%);
+ }
+ #story-container #story-plugin {
+ clip-path: polygon(0 0, 30% 0, 50% @clippathHeight, 70% 0, 100% 0, 100% 100%, 0 100%);
+ }
+}
+
+@media screen and (min-width: 1000px) and (max-width:1200px) { // changes the layout for screen sizes between 1000px and 12000px
+ div#story-container h1{
+ font-size: 65px;
+ }
+ div#story-container p{
+ font-size: 25px;
+ padding-left: 8px;
+ padding-right: 10vw;
+ }
+ .story-links {
+ grid-area: story-links;
+ display: flex;
+ padding: 8px;
+ list-style: none;
+ gap: 1em;
+ }
+ #story-container #story-plugin > h1 {
+ font-size:65px;
+ }
+}
+@media screen and (max-width: 550px) { // changes the layout for screen sizes smaller than 550px
+ #scroll-links {
+ min-height: @scrollLinkHeightMax;
+ margin-top: -@scrollLinkHeightMax;
+ &>a {
+ flex-direction: column;
+ font-size: .8em;
+ &>img {
+ margin-right: 0;
+ }
+ &>div {
+ flex-grow: 1;
+ display: flex;
+ align-items: center;
+ }
+ }
+ }
+
+ div#story-container h1{
+ font-size: 25px;
+ }
+ div#story-container p{
+ font-size: 20px;
+ padding-left: 8px;
+ padding-right: 10vw;
+ }
+ #story-container > section {
+ grid-template-columns: 66px auto;
+ grid-template-areas:
+ ". ."
+ "story-icon heading"
+ "paragraph paragraph"
+ "story-links story-links"
+ ". .";
+ min-height: 80vh;
+ }
+
+ #story-container > section .story-icon {
+ padding: 8px;
+ }
+
+ .story-icon img {
+ height: 50px;
+ width: 50px;
+ }
+
+ .story-links {
+ grid-area: story-links;
+ display: flex;
+ align-items: stretch;
+ padding: 8px;
+ list-style: none;
+ gap: 20px;
+ font-size: 5px;
+ }
+ a.story-button {
+ padding: 8px;
+ border-radius: 6px;
+ font-size: 18px;
+ }
+ #story-container #story-plugin > h1 {
+ font-size:25px;
+ }
+ #story-container #story-plugin {
+ min-height: 70vh;
+ }
+}
+@media screen and ( min-width: 551px) and (max-width: 760px) { // changes the layout for screen sizes between 551px and 760px
+ div#story-container h1{
+ font-size: 40px;
+ }
+ div#story-container p{
+ font-size: 30px;
+ padding-left: 16px;
+ padding-right: 10vw;
+ }
+ #story-container > section {
+ grid-template-columns: 112px auto;
+ grid-template-areas:
+ ". ."
+ "story-icon heading"
+ "paragraph paragraph"
+ "story-links story-links"
+ ". .";
+ min-height: 80vh;
+ }
+
+ .story-icon img {
+ height: 80px;
+ width: 80px;
+ }
+
+ .story-links {
+ grid-area: story-links;
+ display: flex;
+ align-items: stretch;
+ padding: 16px;
+ list-style: none;
+ gap: 20px;
+ font-size: 5px;
+ }
+ a.story-button {
+ padding: 8px;
+ border-radius: 6px;
+ font-size: 18px;
+ }
+ #story-container #story-plugin > h1 {
+ font-size:35px;
+ }
+
+ #story-container #story-plugin {
+ min-height: 80vh;
+ }
+}
\ No newline at end of file
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index fe90db69edee374bcda816a9d8f2c9efd9252b8e..1f22f422f8aeaff9d8e1ecef430ac892e6a2bb04 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -1,51 +1,92 @@
-@extends('layouts.staticPages', ['page' => 'startpage'])
+@extends('layouts.staticPages', ['page' => 'startpage', 'css' => mix('css/themes/startpage-only.css')])
@section('title', $title )
@section('content')
- <h1 id="startpage-logo">
- <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">
- <img src="/img/metager.svg" alt="MetaGer" />
- </a>
- </h1>
- @include('parts.searchbar', ['class' => 'startpage-searchbar'])
- @if(Request::filled('key'))
- <input type="hidden" name="key" value="{{ Request::input('key','') }}" form="searchForm">
- @endif
- <div id="plugin-btn-div">
- <a id="plugin-btn" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/plugin") }}" title="{{ trans('index.plugin-title') }}"><i class="fa fa-plug" aria-hidden="true"></i> {{ trans('index.plugin') }}</a>
- </div>
- <div id="about-us">
- <div class="m-row">
- <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "about") }}">
- <img alt="lock" src="/img/metager-schloss.svg">
- <span>@lang('index.about.1.1')</span>
- <div class="teaser">@lang('index.about.1.2')</div>
- </a>
- @if(LaravelLocalization::getCurrentLocale() === "de")
- <a href="https://suma-ev.de" target="_blank">
- @else
- <a href="https://suma-ev.de/" target="_blank">
- @endif
- <img alt="rainbow" src="/img/rainbow.svg">
- <span>@lang('index.about.2.1')</span>
- <div class="teaser">@lang('index.about.2.2')</div>
- </a>
- </div>
- <div class="m-row">
- <a href="https://www.hetzner.de/unternehmen/umweltschutz/" target="_blank">
- <i class="fas fa-leaf" id="green-leaf"></i>
- <span>@lang('index.about.3.1')</span>
- <div class="teaser">@lang('index.about.3.2')</div>
- </a>
- <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "spende") }}">
- <i class="fas fa-heart" id="gradient"></i>
- <span>@lang('index.about.4.1')</span>
- <div class="teaser">@lang('index.about.4.2')</div>
- </a>
- </div>
- </div>
- <a id="scroll-helper" href="#about-us">
- <i class="fas fa-angle-double-down"></i>
- </a>
+ <div id="search-wrapper">
+ <div id="search-block">
+ <h1 id="startpage-logo">
+ <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">
+ <img src="/img/metager.svg" alt="MetaGer" />
+ </a>
+ </h1>
+ @include('parts.searchbar', ['class' => 'startpage-searchbar'])
+ @if(Request::filled('key'))
+ <input type="hidden" name="key" value="{{ Request::input('key','') }}" form="searchForm">
+ @endif
+ <div id="plugin-btn-div">
+ <a id="plugin-btn" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/plugin") }}" title="{{ trans('index.plugin-title') }}"><img src="/img/plug-in.svg" alt="Plus-Zeichen"> <div>{{ trans('index.plugin') }}</div></a>
+ </div>
+ </div>
+ </div>
+ <div id="scroll-links">
+ <a href="#story-privacy" title="{{ trans('mg-story.privacy.title') }}"><img src="/img/lock.svg" alt="{{ trans('mg-story.privacy.image.alt') }}"> <div>@lang("mg-story.privacy.title")</div></a>
+ <a href="#story-ngo" title="{{ trans('mg-story.ngo.title') }}"><img src="/img/heart.svg" alt="{{ trans('mg-story.ngo.image.alt') }}"> <div>@lang("mg-story.ngo.title")</div></a>
+ <a href="#story-diversity" title="{{ trans('mg-story.diversity.title') }}"><img src="/img/rainbow.svg" alt="{{ trans('mg-story.diversity.image.alt') }}"> <div>@lang("mg-story.diversity.title")</div></a>
+ <a href="#story-eco" title="{{ trans('mg-story.eco.title') }}"><img src="/img/leaf.svg" alt="{{ trans('mg-story.eco.image.alt') }}"> <div>@lang("mg-story.eco.title")</div></a>
+ </div>
+ <div id="story-container">
+ <section id="story-privacy">
+ <h1>{{ trans('mg-story.privacy.title') }}</h1>
+ <ul class="story-links">
+ <li><a class="story-button" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "about") }}">{{ trans('mg-story.btn-about-us') }}</a></li>
+ <li><a class="story-button" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "datenschutz") }}">{{ trans('mg-story.btn-data-protection') }}</a></li>
+ </ul>
+ <figure class="story-icon">
+ <img src="/img/lock.svg" alt="{{ trans('mg-story.privacy.image.alt') }}">
+ </figure>
+ <p>{!! trans('mg-story.privacy.p') !!}</p>
+ </section>
+ <section id="story-ngo">
+ <h1>{{ trans('mg-story.ngo.title') }}</h1>
+
+ <ul class="story-links">
+ <li><a class="story-button" href="https://suma-ev.de/" target="_blank">{{ trans('mg-story.btn-SUMA-EV') }}</a></li>
+ <li><a class="story-button" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "spende") }}">{{ trans('mg-story.btn-donate') }}</a></li>
+ <li><a class="story-button" href="https://metager.de/beitritt" target="_blank">{{ trans('mg-story.btn-member') }}</a></li>
+ <li><a class="story-button" href="https://suma-ev.de/mitglieder/" target="_blank"> {{ trans('mg-story.btn-member-advantage') }}</a></li> </ul>
+ <figure class="story-icon">
+ <img src="/img/heart.svg" alt="{{ trans('mg-story.ngo.image.alt') }}">
+ </figure>
+ <p>{!!trans('mg-story.ngo.p') !!}</p>
+ </section>
+ <section id="story-diversity">
+ <h1>{{ trans('mg-story.diversity.title') }}</h1>
+ <ul class="story-links">
+ <li><a class="story-button" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "about") }}">{{ trans('mg-story.btn-about-us') }}</a></li>
+ <li><a class="story-button" href="https://gitlab.metager.de/open-source/MetaGer" target="_blank"><nobr>{{ trans('mg-story.btn-mg-code') }}</nobr></a></li>
+ <!--<li><a class="story-button" href="https://metager.de/about">{{ trans('mg-story.btn-mg-algorithm') }}</a></li>-->
+ </ul>
+ <figure class="story-icon">
+ <img src="/img/rainbow.svg" alt="{{ trans('mg-story.diversity.image.alt') }}">
+ </figure>
+ <p>{!! trans('mg-story.diversity.p') !!}</p>
+ </section>
+
+ <section id="story-eco">
+ <h1>{{ trans('mg-story.eco.title') }}</h1>
+ <ul class="story-links">
+ <li><a class="story-button" href="https://www.hetzner.de/unternehmen/umweltschutz/" target="_blank">{{ trans('mg-story.btn-more') }}</a></li>
+ </ul>
+ <figure class="story-icon">
+ <img src="/img/leaf.svg" alt="{{ trans('mg-story.eco.image.alt') }}">
+ </figure>
+ <p>{!! trans('mg-story.eco.p')!!}</p>
+ </section>
+ <section id="story-plugin">
+ <h1>{{ trans('mg-story.plugin.title') }}</h1>
+ <ul class="story-links">
+ <li><a class="story-button" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/plugin") }}">{{ trans('mg-story.plugin.btn-add') }}</a></li>
+ <li><a class="story-button" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/app") }}">{{ trans('mg-story.plugin.btn-app') }}</a></li>
+ </ul>
+ <figure class="story-icon">
+ <picture>
+ <source media="(max-width: 760px)" srcset="/img/App.svg">
+ <img src="/img/story-plugin.svg" alt="{{ trans('mg-story.plugin.image.alt') }}">
+ </picture>
+
+ </figure>
+ <p>{{ trans('mg-story.plugin.p') }}</p>
+ </section>
+ </div>
@endsection
diff --git a/resources/views/layouts/staticPages.blade.php b/resources/views/layouts/staticPages.blade.php
index 9378e209571412a182a834e7ab5d6f65dc4cb73c..9dabcd6e0a620c72eed2e2a548c3ca0eeb17eda2 100644
--- a/resources/views/layouts/staticPages.blade.php
+++ b/resources/views/layouts/staticPages.blade.php
@@ -37,10 +37,10 @@
@if (isset($css))
@if(is_array($css))
@foreach($css as $el)
- <link href="/css/{{ $el }}" rel="stylesheet" />
+ <link href="{{ $el }}" rel="stylesheet" />
@endforeach
@else
- <link href="/css/{{ $css }}" rel="stylesheet" />
+ <link href="{{ $css }}" rel="stylesheet" />
@endif
@endif
</head>
diff --git a/tests/Browser/Pages/HomePage.php b/tests/Browser/Pages/HomePage.php
index 3ceecbff78ddc96186640287b178bc26aa3ac79d..6a5619bc2fca7c50d2857aaa121b6bd710b53a31 100644
--- a/tests/Browser/Pages/HomePage.php
+++ b/tests/Browser/Pages/HomePage.php
@@ -28,21 +28,24 @@ class HomePage extends Page
$browser->assertPathIs($this->url())
->waitForText("Garantierte Privatsphäre", 1)
->assertTitle('MetaGer - Mehr als eine Suchmaschine')
+ ->assertSee("Gemeinnütziger Verein")
->assertSee("Vielfältig & Frei")
->assertSee("100% Ökostrom")
- ->assertSee("Gemeinnütziger Verein")
+ ->assertSee("Jetzt MetaGer installieren")
->switchLanguage("English")
->waitForText("Guaranteed Privacy", 1)
->assertTitle('MetaGer: Privacy Protected Search & Find')
- ->assertSee("Diverse & free")
- ->assertSee("100 % renewable energy")
- ->assertSee("Nonprofit organization")
+ ->assertSee("Run by a Nonprofit Organization")
+ ->assertSee("Diverse & Free")
+ ->assertSee("100% Renewable Energy")
+ ->assertSee("Install MetaGer Now")
->switchLanguage("Español")
->waitForText("Privacidad garantizada", 1)
->assertTitle('MetaGer: Buscar & encontrar seguro, proteger la privacidad')
- ->assertSee("Diversa y libre")
- ->assertSee("EnergÃa 100% renovable")
->assertSee("Organización sin ánimo de lucro")
+ ->assertSee("Diversos y libres")
+ ->assertSee("100% electricidad verde")
+ ->assertSee("Instale MetaGer ahora")
->switchLanguage("Deutsch");
}
diff --git a/webpack.mix.js b/webpack.mix.js
index 91565c2e243bffdfc366fe10fe028ee96cc9c072..ae190758299882e268a1f051b59b6e927277673c 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -22,6 +22,9 @@ mix
.less("resources/less/metager/metager.less", "public/css/themes/metager.css", {
strictMath: true
})
+ .less("resources/less/metager/startpage-only.less", "public/css/themes/startpage-only.css", {
+ strictMath: true
+ })
.less("resources/less/metager/metager-dark.less", "public/css/themes/metager-dark.css", {
strictMath: true
})