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/circle.svg b/public/img/circle.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f358f95db432beacb80d61dca97ffd2407c37e1d
--- /dev/null
+++ b/public/img/circle.svg
@@ -0,0 +1,45 @@
+<?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 220.37333 532.56525"
+ version="1.1"
+ height="100"
+ width="100"
+ sodipodi:docname="schloss-circle (Kopie).svg"
+ inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="835"
+ inkscape:window-height="480"
+ id="namedview9"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="50"
+ inkscape:cy="50"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="svg10" /><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 /></cc:Work></rdf:RDF></metadata><circle
+ style="fill:#dce9ea;fill-opacity:1;stroke:none;stroke-width:206.61856079;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ id="path829"
+ cx="110.18674"
+ cy="266.28262"
+ r="261.09451" /></svg>
\ No newline at end of file
diff --git a/public/img/heart.svg b/public/img/heart.svg
new file mode 100644
index 0000000000000000000000000000000000000000..976e870c2e454e5fffecca462c9760bb0379a65a
--- /dev/null
+++ b/public/img/heart.svg
@@ -0,0 +1,72 @@
+<?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="100"
+ height="100"
+ version="1.1"
+ viewBox="0 0 220.37333 532.56525"
+ xml:space="preserve"
+ id="svg10"
+ sodipodi:docname="heart1.svg"
+ inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"><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="1920"
+ inkscape:window-height="1043"
+ id="namedview12"
+ showgrid="true"
+ inkscape:zoom="4.1904558"
+ inkscape:cx="-44.522884"
+ inkscape:cy="46.562439"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="g8"
+ inkscape:snap-global="false"><inkscape:grid
+ type="xygrid"
+ id="grid814" /></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 /></cc:Work></rdf:RDF></metadata><g
+ transform="matrix(6.4131855,0,0,-6.4131855,-1916.4883,528.78427)"
+ 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..5a5409f9e9bf06f295a59df6df0b97e1969ee784
--- /dev/null
+++ b/public/img/leaf.svg
@@ -0,0 +1,60 @@
+<?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="100"
+ height="100"
+ version="1.1"
+ viewBox="0 0 220.37333 532.56525"
+ xml:space="preserve"
+ id="svg10"
+ sodipodi:docname="leaf-circle (Kopie).svg"
+ inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"><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="1920"
+ inkscape:window-height="1043"
+ id="namedview12"
+ showgrid="true"
+ inkscape:zoom="4.1904558"
+ inkscape:cx="-54.062277"
+ inkscape:cy="47.529687"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="g8"
+ inkscape:snap-global="false"><inkscape:grid
+ type="xygrid"
+ id="grid814" /></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 /></cc:Work></rdf:RDF></metadata><g
+ transform="matrix(6.4131855,0,0,-6.4131855,-1916.4883,528.78427)"
+ 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..42d095301c4288d665e023bcac7a7c0affcac05e
--- /dev/null
+++ b/public/img/lock.svg
@@ -0,0 +1,47 @@
+<?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 220.37333 532.56525"
+ version="1.1"
+ height="100"
+ width="100"
+ sodipodi:docname="schloss-circle (Kopie).svg"
+ inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="835"
+ inkscape:window-height="480"
+ id="namedview9"
+ showgrid="false"
+ inkscape:zoom="2.36"
+ inkscape:cx="50"
+ inkscape:cy="50"
+ inkscape:window-x="657"
+ inkscape:window-y="142"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="svg10" /><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 /></cc:Work></rdf:RDF></metadata><g
+ transform="matrix(0.73467465,0,0,-0.73467465,-2213.372,542.23873)"
+ 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..e9e0d2453a5697a517de8d0625dc30357124c4cc
--- /dev/null
+++ b/public/img/plug-in.svg
@@ -0,0 +1,103 @@
+<?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="100"
+ height="100"
+ viewBox="0 0 26.458333 26.458334"
+ version="1.1"
+ id="svg8"
+ sodipodi:docname="plug-in.svg"
+ inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
+ <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.458333 : 13.229167 : 1"
+ inkscape:persp3d-origin="13.229166 : 8.8194447 : 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="5.377873"
+ inkscape:cy="55.512301"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ units="px"
+ inkscape:snap-global="false"
+ inkscape:window-width="1920"
+ inkscape:window-height="1043"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1" />
+ <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)">
+ <rect
+ style="fill:#dce9ea;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..e26a33040927533b675169ce642bc2a54868a035 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,42 @@
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 26.458337 26.458333"
+ height="100"
+ width="100"
+ sodipodi:docname="regenbogen.svg"
+ inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
<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="1848"
+ inkscape:window-height="1016"
+ id="namedview9"
+ showgrid="false"
+ inkscape:zoom="9.1218969"
+ inkscape:cx="67.30092"
+ inkscape:cy="61.688054"
+ inkscape:window-x="1992"
+ inkscape:window-y="27"
+ 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" />
+ <defs
+ id="defs835" />
<metadata
- id="metadata5">
+ id="metadata838">
<rdf:RDF>
<cc:Work
rdf:about="">
@@ -36,44 +54,27 @@
</rdf:RDF>
</metadata>
<g
- inkscape:label="Ebene 1"
- inkscape:groupmode="layer"
+ transform="translate(-32.311191,-90.813991)"
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..7fab3f4c937d8d4dd4ff8d15b048fae7f6a165fe
--- /dev/null
+++ b/public/img/story-plugin.svg
@@ -0,0 +1,265 @@
+<?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="100"
+ height="100"
+ viewBox="0 0 26.458333 26.458334"
+ version="1.1"
+ id="svg8"
+ sodipodi:docname="story-plugin.svg"
+ inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+ 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="48.848772"
+ inkscape:cy="45.250218"
+ inkscape:document-units="mm"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ units="px"
+ inkscape:snap-global="true"
+ inkscape:window-width="1920"
+ inkscape:window-height="1043"
+ inkscape:window-x="0"
+ 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">
+ <inkscape:grid
+ type="xygrid"
+ id="grid843" />
+ </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(0,-270.54165)">
+ <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"
+ fill="#00000"
+ id="path4"
+ style="stroke-width:0.64666831;fill:#ffffff;fill-opacity:1" />
+ </g>
+ <rect
+ style="fill:none;fill-opacity:1;stroke:#dce9ea;stroke-width:0.8;stroke-miterlimit:4;stroke-dasharray:2.39999999,2.39999999;stroke-opacity:1;paint-order:normal;stroke-dashoffset:7.19199997"
+ 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/mg-story.php b/resources/lang/de/mg-story.php
new file mode 100644
index 0000000000000000000000000000000000000000..fc6c0dded4ab64cdf265489193c628a9b6cab3e1
--- /dev/null
+++ b/resources/lang/de/mg-story.php
@@ -0,0 +1,34 @@
+<?php
+
+return [
+ 'four-reasons' => '4 Gründe MetaGer zu nutzen',
+ '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' => 'Unsere 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' => 'Mitgliedsantrag',
+ 'btn-member-advantage' => 'Weitere Mitgliedsvorteile',
+ '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 kombiert. 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 Resourcenverbrauch 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/mg-story.php b/resources/lang/en/mg-story.php
new file mode 100644
index 0000000000000000000000000000000000000000..e2efb06971aba583dd05f900d588a3954e1007f5
--- /dev/null
+++ b/resources/lang/en/mg-story.php
@@ -0,0 +1,33 @@
+<?php
+
+return [
+ 'four-reasons' => '4 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' => 'Our Privacy Policy',
+ 'privacy.p' => 'With us you have full control over your data. We don\'t track. We don\'t save. Stay protected with our anonymous proxy.',
+ 'btn-SUMA-EV' => 'SUMA-EV',
+ 'btn-donate'=> 'Donation Form',
+ 'btn-member' => 'Member Form',
+ 'btn-member-advantage' => 'More Member Advantages',
+ '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 efficent 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/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/startpage-only.less b/resources/less/metager/startpage-only.less
new file mode 100644
index 0000000000000000000000000000000000000000..17e98dbc1d5800bc5add2a7c25fadf69a0c47104
--- /dev/null
+++ b/resources/less/metager/startpage-only.less
@@ -0,0 +1,367 @@
+:root { // the default is for screensizes bigger than 12000px
+ --screen-mobile: 550px;
+ --screen-extrasmall: 760px;
+ --screen-small: 1000px;
+ --screen-medium: 1200px;
+ }
+
+.wrapper {
+ min-height: 100vh;
+ margin-bottom: -50px;
+ padding: 0px;
+}
+
+#search-block {
+ min-height: 100vh;
+ padding-top: 22vh;
+}
+
+#main-content {
+ justify-content: start!important;
+ width: 100%!important;
+ max-width: 100%!important;
+}
+
+#plugin-btn-div {
+ margin-top: 20px!important;
+}
+
+#plugin-btn > img { // sets the size for the plugin button
+ max-width: 25px;
+ max-height: 25px;
+}
+#center-scroll-link { // centers the scroll-link grid
+ display: flex;
+ justify-content: center;
+ margin-top:15vh;
+}
+#scroll-link { // creates a grid for the story-icons
+ display: grid;
+ border-width: 1px;
+ padding: 10px;
+ border-radius: 15px;
+ max-width: 300px;
+ justify-items: center;
+ grid-template-columns: 25% 25% 25% 25% ;
+ grid-template-rows: 1fr 20px 1fr;
+ grid-template-areas:
+ "scr-link scr-link scr-link scr-link"
+ ". . . ."
+ "icn-privacy icn-ngo icn-diversity icn-eco";
+
+ text-align: center;
+ width: 90%;
+ margin-left: 0px;
+ margin-right: 0px;
+ align-items: center;
+}
+
+.four-reasons ~ a {
+ grid-row-start: 3;
+}
+
+#scroll-link img, #scroll-link picture { //creates the circle around the story-icons
+ max-width: 40px;
+ max-height: 40px;
+ grid-row-start: 3;
+ background-image: url("/img/circle.svg");
+ background-position: center;
+ background-size: cover;
+ padding: 7px;
+ margin: -7px;
+}
+a.four-reasons { // sets the '4 reasons to use MetaGer' link
+ grid-area: scr-link;
+ color: black;
+ font-size: 18px;
+}
+
+footer {
+ text-align: center;
+ position: absolute;
+ bottom: 0px;
+ left: auto;
+ right: auto;
+}
+
+#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;
+}
+
+#story-container > section > h1 { //sets the heading for all sections
+ grid-area: heading;
+ font-size: 80px;
+}
+
+#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: 20px;
+ text-align: right;
+}
+
+.story-icon img { // defines the story-icons in the sections
+ height: 150px;
+ max-height: 300px;
+ max-width: 300px;
+ width:100%;
+
+ object-fit: contain;
+}
+
+// following lines set the background and heading color of each section
+#story-privacy {
+ background-color: #EEEEEE;
+}
+
+#story-ngo {
+ background-color: #ffffff;
+}
+
+#story-ngo > h1 {
+ color:#AD1A00;
+}
+
+#story-diversity {
+ background-color: #edfdff;
+}
+
+#story-diversity > h1 {
+ color:#1e5294;
+}
+
+#story-eco {
+ background-color: rgb(227, 255, 233);
+}
+
+#story-eco > h1 {
+ color:#1a922e;
+}
+#story-container #story-plugin > h1 {
+ font-size:60px;
+}
+#story-container #story-plugin {
+ min-height: 60vh;
+}
+
+.story-links {
+ grid-area: story-links;
+ display: flex;
+ padding: 0px;
+ list-style: none;
+ gap: 2em;
+}
+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: #1e4494;
+ color:#ffffff;
+}
+#story-eco .story-button {
+ background-color:#336633;
+ color:#ffffff;
+}
+#story-plugin .story-button {
+ background-color: #535353;
+ color: #ffffff;
+}
+html{
+ scroll-behavior: smooth;
+}
+@media screen and (max-width: 1000px) { // changes the layout for screen sizes between 760-1000px
+ div#story-container h1{
+ font-size: 50px;
+ }
+ div#story-container p{
+ font-size: 25px;
+ padding-left: 15px;
+ padding-right: 10vw;
+ }
+ #story-container > section {
+ grid-template-columns: 150px auto;
+ grid-template-areas:
+ ". ."
+ "story-icon heading"
+ "paragraph paragraph"
+ "story-links story-links"
+ ". .";
+ min-height: 60vh;
+ }
+
+ .story-icon img {
+ height: 150px;
+ width: 150px;
+ }
+
+ #story-container > section .story-icon {
+ padding: 0px;
+ }
+ .story-links {
+ grid-area: story-links;
+ display: flex;
+ padding: 15px;
+ list-style: none;
+ gap: 1em;
+ font-size: 10px;
+ }
+ #story-container #story-plugin > h1 {
+ font-size:50px;
+ }
+ #story-container #story-plugin {
+ min-height: 50vh;
+ }
+}
+
+@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: 15px;
+ padding-right: 10vw;
+ }
+ .story-links {
+ grid-area: story-links;
+ display: flex;
+ padding: 15px;
+ 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
+ div#story-container h1{
+ font-size: 25px;
+ }
+ div#story-container p{
+ font-size: 20px;
+ padding-left: 15px;
+ padding-right: 10vw;
+ }
+ #story-container > section {
+ grid-template-columns: 80px auto;
+ grid-template-areas:
+ ". ."
+ "story-icon heading"
+ "paragraph paragraph"
+ "story-links story-links"
+ ". .";
+ min-height: 80vh;
+ }
+
+ .story-icon img {
+ height: 80px;
+ width: 80px;
+ }
+
+ #story-container > section .story-icon {
+ padding: 0px;
+ }
+ .story-links {
+ grid-area: story-links;
+ display: flex;
+ align-items: stretch;
+ flex-direction: column;
+ padding: 15px;
+ 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;
+ }
+ #center-scroll-link{
+ margin-top:10vh;
+ }
+}
+@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: 15px;
+ padding-right: 10vw;
+ }
+ #story-container > section {
+ grid-template-columns: 80px auto;
+ grid-template-areas:
+ ". ."
+ "story-icon heading"
+ "paragraph paragraph"
+ "story-links story-links"
+ ". .";
+ min-height: 80vh;
+ }
+
+ .story-icon img {
+ height: 80px;
+ width: 80px;
+ }
+
+ #story-container > section .story-icon {
+ padding: 0px;
+ }
+ .story-links {
+ grid-area: story-links;
+ display: flex;
+ align-items: stretch;
+ flex-direction: column;
+ padding: 15px;
+ 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 25d8debd4120c1a5baa6f955d5bbac3ed4fc9c33..0960b7c119c86ec8a5e783fc74746a36ebbda1b6 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -1,48 +1,90 @@
-@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">
+ <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'])
<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>
+ <a id="plugin-btn" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/plugin") }}" title="{{ trans('index.plugin-title') }}"><img src="/img/plug-in.svg" alt="Plus-Zeichen"> {{ 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="center-scroll-link">
+ <div id="scroll-link">
+ <a href="#story-privacy" class="four-reasons">{{ trans('mg-story.four-reasons') }}</a>
+ <a href="#story-privacy" title="{{ trans('mg-story.privacy.title') }}"><img src="/img/lock.svg" alt="{{ trans('mg-story.privacy.image.alt') }}"></a>
+ <a href="#story-ngo" title="{{ trans('mg-story.ngo.title') }}"><img src="/img/heart.svg" alt="{{ trans('mg-story.ngo.image.alt') }}"></a>
+ <a href="#story-diversity" title="{{ trans('mg-story.diversity.title') }}"><img src="/img/rainbow.svg" alt="{{ trans('mg-story.diversity.image.alt') }}"></a>
+ <a href="#story-eco"title="{{ trans('mg-story.eco.title') }}"><img src="/img/leaf.svg" alt="{{ trans('mg-story.eco.image.alt') }}"></a>
+ </div>
+ </div>
+ </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">{{ trans('mg-story.btn-mg-code') }}</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 445b92e726627562d8fa4526f021d1e21d9edfb8..887bf1f577bba9c7e6258b98b5297d53ba15d9ef 100644
--- a/resources/views/layouts/staticPages.blade.php
+++ b/resources/views/layouts/staticPages.blade.php
@@ -33,10 +33,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/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
})