Commit f97d904f authored by Kim Höfer's avatar Kim Höfer
Browse files

add icons to help page, change text & backgr color

parent 206d5188
<?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="20.552494"
height="70.408394"
viewBox="0 0 5.4378473 18.628888"
version="1.1"
id="svg5"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
sodipodi:docname="bangs-icon-help.svg">
<metadata
id="metadata9">
<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>
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#999999"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="true"
inkscape:zoom="5.7941349"
inkscape:cx="-36.789751"
inkscape:cy="45.304182"
inkscape:window-width="1920"
inkscape:window-height="1043"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
units="px"
inkscape:snap-global="true"
inkscape:snap-bbox="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0">
<inkscape:grid
type="xygrid"
id="grid13"
originx="-10.510243"
originy="-1.3471543" />
</sodipodi:namedview>
<defs
id="defs2" />
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-10.510243,-6.4822918)">
<ellipse
style="fill:#000000;fill-opacity:1;stroke-width:0.264999"
id="path141-4"
cx="13.229167"
cy="22.772942"
rx="2.5128586"
ry="2.3382375" />
<path
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.26458299px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 10.510243,6.6145834 5.291667,-1e-7 L 14.478993,19.84375 H 11.83316"
id="path1564"
sodipodi:nodetypes="cccc"
inkscape:connector-curvature="0" />
</g>
</svg>
......@@ -24,7 +24,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
......@@ -49,12 +49,12 @@
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="1.1009789"
inkscape:cx="243.87387"
inkscape:cy="-51.967711"
inkscape:window-width="1848"
inkscape:window-height="1016"
inkscape:window-x="1992"
inkscape:window-y="27"
inkscape:cx="71.031796"
inkscape:cy="-35.887072"
inkscape:window-width="1920"
inkscape:window-height="1043"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<inkscape:grid
......@@ -89,6 +89,13 @@
inkscape:groupmode="layer"
id="layer1"
transform="translate(0.57364502,-99.968011)">
<rect
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:4.365;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
id="rect22"
width="185.20833"
height="52.916664"
x="-2.6458333"
y="97.895821" />
<rect
style="fill:none;stroke:#000000;stroke-width:1.14728999"
id="rect1686"
......
......@@ -2,27 +2,84 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="149.11154mm"
height="32.830128mm"
viewBox="0 0 149.11154 32.830128"
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="81.454002"
height="20.236609"
viewBox="0 0 21.551372 5.3542697"
version="1.1"
id="svg14"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
sodipodi:docname="searchfield-icon-help.svg"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
<metadata
id="metadata13">
<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>
<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="namedview11"
showgrid="true"
units="px"
inkscape:zoom="7.8668172"
inkscape:cx="-3.790382"
inkscape:cy="9.7824632"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg14"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0">
<inkscape:grid
type="xygrid"
id="grid15"
originx="-2.4534811"
originy="-10.552033" />
</sodipodi:namedview>
<defs
id="defs11" />
<rect
style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.51699586;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0"
id="rect17"
width="21.166668"
height="4.9695654"
x="0.19235209"
y="0.19235209" />
<g
id="layer1"
transform="translate(26.863137,-89.418271)">
transform="matrix(0.13913044,0,0,0.13913044,4.1401895,-12.047504)">
<rect
style="fill:none;stroke:#000000;stroke-width:0.809607;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
style="fill:none;stroke:#000000;stroke-width:0.80960703;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect42"
width="111.15106"
height="31.776068"
x="-26.458334"
y="89.932266" />
<rect
style="fill:none;stroke:#000000;stroke-width:1.08013;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
style="fill:none;stroke:#000000;stroke-width:1.08012998;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect1519"
width="37.041668"
height="31.749998"
......@@ -35,13 +92,13 @@
id="g2304"
transform="matrix(0.10921535,0.03001484,-0.03001484,0.10921535,4.9673534,-3.6991722)">
<circle
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:17.425;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:17.42499924;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path2298"
cx="77.631805"
cy="109.23066"
r="65.003975" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:15.4143;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:15.41429996;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect2300"
width="18.880049"
height="104.90914"
......
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="86.260094"
height="85.057335"
viewBox="0 0 22.822983 22.504754"
version="1.1"
id="svg829"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs826" />
<g
id="layer1"
transform="translate(-0.65633723,-2.6458334)">
<g
id="layer1-6"
transform="translate(-1.1613378,0.90313001)">
<g
id="g2304"
transform="matrix(0.10921535,0.03001484,-0.03001484,0.10921535,4.9673534,-3.6991722)">
<circle
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:17.425;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path2298"
cx="77.631805"
cy="109.23066"
r="65.003975" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:15.4143;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect2300"
width="18.880049"
height="104.90914"
x="-75.480446"
y="179.48938"
transform="matrix(0.44288089,-0.89658046,0.89380692,0.448452,0,0)" />
</g>
</g>
<path
style="fill:none;stroke:#000000;stroke-width:1.165;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 19.84375,2.6458334 V 7.9375 5.2916667 h -2.645833 5.291667"
id="path995" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="40.711807"
height="45.999996"
viewBox="0 0 10.771665 12.170832"
version="1.1"
id="svg5"
inkscape:version="1.1 (c68e22c387, 2021-05-23)"
sodipodi:docname="URL-icon-hilfe-durchgestrichen.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#999999"
borderopacity="1"
inkscape:pageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="true"
units="px"
inkscape:snap-global="true"
inkscape:zoom="11.693048"
inkscape:cx="28.692261"
inkscape:cy="21.380224"
inkscape:window-width="1368"
inkscape:window-height="850"
inkscape:window-x="-6"
inkscape:window-y="-6"
inkscape:window-maximized="1"
inkscape:current-layer="rect11612"
showguides="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0">
<inkscape:grid
type="xygrid"
id="grid9"
originx="-2.5897924"
originy="-2.5135414" />
</sodipodi:namedview>
<defs
id="defs2" />
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-2.5897933,-2.5135418)">
<g
id="rect11612"
transform="rotate(70.376371)">
<path
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 3.8250262,-2.8496647 2.221442,-6.230402 3.3807375,-1.6035843 8.7225623,3.1100191 L 15.03975,1.1489309 11.550725,-0.09507657 11.106436,1.1510038 8.7031331,0.01321094 8.8093477,-1.0725111 8.3109155,-1.2502265 3.8250262,-2.8496647"
id="path13212"
sodipodi:nodetypes="ccccccccccc" />
<g
id="g12875">
<path
style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 10.583333,2.6458333 c 0,0 0.379222,1.2974903 0.337086,2.4351548 1.432615,-0.042136 2.308748,0.2106785 2.308748,0.2106785"
id="path79"
sodipodi:nodetypes="ccc"
transform="rotate(-70.376371)" />
<g
id="g9176"
transform="rotate(-70.376371,-2.3965864,-0.78176343)">
<g
id="rect1274">
<path
style="color:#000000;fill:#000000;stroke-width:0.0878021;-inkscape-stroke:none"
d="M 0.69464284,9.6756744 H 6.5432596 c 0.2155516,0 0.3890823,0.1735308 0.3890823,0.3890826 v 2.275797 c 0,0.215551 -0.1735307,0.389082 -0.3890823,0.389082 H 0.69464284 c -0.21555163,0 -0.38908237,-0.173531 -0.38908237,-0.389082 v -2.275797 c 0,-0.2155518 0.17353074,-0.3890826 0.38908237,-0.3890826 z"
id="path11277" />
<path
style="color:#000000;fill:#000000;-inkscape-stroke:none"
d="m 0.6953125,9.6308594 c -0.23911321,0 -0.43359375,0.1944805 -0.43359375,0.4335936 v 2.275391 c 0,0.239113 0.19448054,0.433594 0.43359375,0.433594 h 5.8476562 c 0.2391133,0 0.4335938,-0.194481 0.4335938,-0.433594 v -2.275391 c 0,-0.2391131 -0.1944805,-0.4335936 -0.4335938,-0.4335936 z m 0,0.087891 h 5.8476562 c 0.1919897,0 0.3457032,0.1537135 0.3457032,0.3457026 v 2.275391 c 0,0.191989 -0.1537135,0.345703 -0.3457032,0.345703 H 0.6953125 c -0.19198963,0 -0.34570312,-0.153714 -0.34570312,-0.345703 v -2.275391 c 0,-0.1919891 0.15371349,-0.3457026 0.34570312,-0.3457026 z"
id="path11279" />
</g>
<g
aria-label="URL"
id="text7394"
style="font-size:3.05476px;line-height:1.25;fill:#ffffff;stroke-width:0.0763694">
<path
d="M 0.72975678,10.067562 H 1.0325479 v 1.352865 q 0,0.357979 0.1297677,0.516087 0.1297676,0.156616 0.4206261,0.156616 0.2893669,0 0.4191345,-0.156616 0.1297677,-0.158108 0.1297677,-0.516087 V 10.067562 H 2.434635 v 1.390154 q 0,0.435542 -0.2162794,0.657788 -0.2147878,0.222246 -0.6354139,0.222246 -0.4221177,0 -0.63839711,-0.222246 -0.21478781,-0.222246 -0.21478781,-0.657788 z"
id="path11283" />
<path
d="m 4.0559848,11.250386 q 0.096953,0.03281 0.1879393,0.140209 0.092478,0.107394 0.1849562,0.295333 l 0.3057743,0.608566 H 4.4109813 L 4.1260892,11.723218 Q 4.0157121,11.49948 3.9113014,11.426393 3.8083822,11.353305 3.6293924,11.353305 H 3.3012443 v 0.941189 H 2.9999447 v -2.226932 h 0.6801614 q 0.381845,0 0.5697844,0.159599 0.1879393,0.159599 0.1879393,0.481781 0,0.210313 -0.098444,0.34903 -0.096953,0.138717 -0.283401,0.192414 z M 3.3012443,10.315164 v 0.790539 h 0.3788618 q 0.217771,0 0.3281481,-0.09994 0.1118686,-0.101428 0.1118686,-0.296825 0,-0.195397 -0.1118686,-0.293842 -0.1103771,-0.09994 -0.3281481,-0.09994 z"
id="path11285" />
<path
d="m 5.1224659,10.067562 h 0.3012996 v 1.973363 h 1.0843801 v 0.253569 H 5.1224659 Z"
id="path11287" />
</g>
</g>
<path
style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 3.96875,7.415162 V 2.6458333 h 6.614583 l 2.645834,2.6458333 V 14.552083 H 3.96875 v -1.322916 -1.744274"
id="path9404"
sodipodi:nodetypes="cccccccc"
transform="rotate(-70.376371)" />
<path
style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 11.179613,1.1399818 10.641222,-6.0551675"
id="path12060"
sodipodi:nodetypes="cc" />
</g>
</g>
</g>
</svg>
......@@ -58,8 +58,9 @@
border: solid #5b5b5b8f 2px;
border-radius: 5px;
position: relative;
color:black;
color: @text-color;
flex-shrink: 0;
background-color: @card-background-color;
}
.help-topic > p {
......@@ -109,4 +110,25 @@ background-position: 35% 20%;
background-size: 50px;
background-repeat: no-repeat;
background-position: top 30% right 20%;
}
#help-topic-url {
background-image: url("/img/url-icon-help.svg");
background-size: 45px;
background-repeat: no-repeat;
background-position: 35% 20%;
}
#help-topic-bangs {
background-image: url("/img/bangs-icon-help.svg");
background-size: 20px;
background-repeat: no-repeat;
background-position: 55% 35%;
}
#help-topic-searchinsearch {
background-image: url("/img/searchinsearch-icon-help.svg");
background-size: 55px;
background-repeat: no-repeat;
background-position: 35% 15%;
}
\ No newline at end of file
......@@ -31,13 +31,13 @@
<a id=help-topic-capitalization href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/hilfe/funktionen#capitalizationrules") }}" class="help-topic">
<p>{!! trans('help/help.tableofcontents.2.3') !!}<br></p>
</a>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/hilfe/funktionen#urls") }}" class="help-topic">
<a id=help-topic-url href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/hilfe/funktionen#urls") }}" class="help-topic">
<p>{!! trans('help/help.tableofcontents.2.4') !!}</p>
</a>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/hilfe/funktionen#bangs") }}" class="help-topic">
<a id=help-topic-bangs href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/hilfe/funktionen#bangs") }}" class="help-topic">
<p>{!! trans('help/help.tableofcontents.2.5') !!}<br></p>
</a>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/hilfe/funktionen#searchinsearch") }}" class="help-topic">
<a id=help-topic-searchinsearch href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/hilfe/funktionen#searchinsearch") }}" class="help-topic">
<p>{!! trans('help/help.tableofcontents.2.6') !!}<br></p>
</a>
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/hilfe/funktionen#selist") }}" class="help-topic">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment