Skip to content
Snippets Groups Projects
Commit 2b2d3eea authored by Kim Höfer's avatar Kim Höfer
Browse files

Merge branch '989-new-startpage-design' into 994-remove-bootsrap

parents 0985e888 b8cf1307
No related branches found
No related tags found
4 merge requests!1739Development,!1717Resolve "Major Startpage Redesign",!1681Draft: Resolve "Major Startpage Redesign",!1639WIP: Resolve "Remove Bootstrap"
<?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>
<?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
<?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
<?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
<?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
<?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>
<?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>
<?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>
<?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',
];
<?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',
];
......@@ -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
: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
@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
......@@ -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>
......
......@@ -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
})
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment