gabriel/computerschaf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

New icons

Browse source
This commit is contained in:
Gabriel Huber 2023-02-22 15:07:16 +01:00
parent 3664c446b5
commit acc8e9cd49
19 changed files with 285 additions and 370 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
static/img/fotos/datentraeger.jpeg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.6 MiB

BIN
static/img/fotos/laptop_matte.jpeg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.1 MiB

19
static/img/icons/computer.svg Normal file
View file

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 52.7 52.7" style="enable-background:new 0 0 52.7 52.7;" xml:space="preserve">
<style type="text/css">
.st0{fill:#65bb50;}
.st1{fill:#FFFFFF;}
.st2{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<circle class="st0" cx="172" cy="144" r="26.4"/>
<rect x="161" y="125.1" style="fill:none;" width="22.3" height="45.3"/>
<text transform="matrix(1 0 0 1 160.9521 160.4482)" class="st1" style="font-family:'Roboto-Regular'; font-size:47.1027px;">?</text>
<circle class="st0" cx="26.4" cy="26.4" r="26.4"/>
<path class="st1" d="M40.8,38.6h-29c-2.7,0-4.8-2.2-4.8-4.8v0h38.7v0C45.6,36.5,43.4,38.6,40.8,38.6z"/>
<path class="st2" d="M42.2,34.4H10.3V14.9c0-1.2,1-2.2,2.2-2.2H40c1.2,0,2.2,1,2.2,2.2V34.4z"/>
<circle class="st1" cx="26.7" cy="15.7" r="1"/>
<path class="st0" d="M31.5,36.7h-9.8c-0.4,0-0.7-0.3-0.7-0.7l0,0c0-0.4,0.3-0.7,0.7-0.7h9.8c0.4,0,0.7,0.3,0.7,0.7l0,0
C32.1,36.4,31.8,36.7,31.5,36.7z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

83
static/img/icons/daten.svg
View file

@ -1,83 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg8"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="daten.svg"
inkscape:export-filename="hilfe.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
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"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.7"
inkscape:cx="76.428571"
inkscape:cy="437.85714"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="1444"
inkscape:window-height="1236"
inkscape:window-x="420"
inkscape:window-y="94"
inkscape:window-maximized="0"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<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" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-26.066785)">
<circle
style="fill:#65bb50;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"
id="path232"
cx="256"
cy="282.06677"
r="212.73335" />
<rect
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:12.6657;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="rect20270"
width="178.58345"
height="241.77255"
x="166.70828"
y="168.36203"
ry="33.402489" />
<circle
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:11.5911;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path21778"
cx="255.30829"
cy="268.96756"
r="67.738556" />
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 2.6 KiB

17
static/img/icons/facebook.svg Normal file
View file

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{fill:#FFFFFF;}
</style>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-277.375" y1="406.6018" x2="-277.375" y2="407.5726" gradientTransform="matrix(40 0 0 -39.7778 11115.001 16212.334)">
<stop offset="0" style="stop-color:#0062E0"/>
<stop offset="1" style="stop-color:#19AFFF"/>
</linearGradient>
<path class="st0" d="M16.7,39.8C7.2,38.1,0,29.9,0,20C0,9,9,0,20,0s20,9,20,20c0,9.9-7.2,18.1-16.7,19.8l-1.1-0.9h-4.4L16.7,39.8z"
/>
<path class="st1" d="M27.8,25.6l0.9-5.6h-5.3v-3.9c0-1.6,0.6-2.8,3-2.8h2.6V8.2c-1.4-0.2-3-0.4-4.4-0.4c-4.6,0-7.8,2.8-7.8,7.8V20
h-5v5.6h5v14.1c1.1,0.2,2.2,0.3,3.3,0.3c1.1,0,2.2-0.1,3.3-0.3V25.6H27.8z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
static/img/icons/fb.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.7 KiB

37
static/img/icons/harddrive.svg Normal file
View file

@ -0,0 +1,37 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 52.7 52.7" style="enable-background:new 0 0 52.7 52.7;" xml:space="preserve">
<style type="text/css">
.st0{fill:#65bb50;}
.st1{fill:#FFFFFF;}
.st2{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:0.9886;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<circle class="st0" cx="26.4" cy="26.4" r="26.4"/>
<g>
<path class="st1" d="M35.8,10.6c1.3,0,2.4,1.1,2.4,2.4v26.7c0,1.3-1.1,2.4-2.4,2.4H15.5c-1.3,0-2.4-1.1-2.4-2.4V13
c0-1.3,1.1-2.4,2.4-2.4H35.8 M35.8,9.6H15.5c-1.9,0-3.4,1.5-3.4,3.4v26.7c0,1.9,1.5,3.4,3.4,3.4h20.3c1.9,0,3.4-1.5,3.4-3.4V13
C39.3,11.1,37.7,9.6,35.8,9.6L35.8,9.6z"/>
</g>
<g>
<circle class="st1" cx="35.2" cy="39.1" r="1.3"/>
</g>
<g>
<circle class="st1" cx="16.2" cy="13.6" r="1.3"/>
</g>
<g>
<circle class="st1" cx="35.2" cy="13.6" r="1.3"/>
</g>
<path class="st2" d="M23.3,36.9L23.3,36.9l5.1-9.3L18.8,32l0,0c-0.3,0.2-0.7,0.4-0.9,0.6c-1.4,1.3-1.5,3.6-0.2,5
c1.3,1.4,3.6,1.5,5,0.2C22.9,37.5,23.2,37.2,23.3,36.9z"/>
<g>
<circle class="st1" cx="20.3" cy="35.1" r="1.8"/>
</g>
<path class="st3" d="M17.5,32.6L15,30.2v6.8c0,1.8,1.5,3.3,3.3,3.3h7.4L23,37.8"/>
<path class="st4" d="M20.3,31.1c-2.4-1.6-4-4.2-4.3-7.2c-0.5-5.4,3.5-10.1,8.8-10.6s10.1,3.5,10.6,8.8c0.5,5.4-3.5,10.1-8.8,10.6
c-0.3,0-0.7,0-1,0"/>
<circle class="st1" cx="25.7" cy="23" r="3.7"/>
<polygon class="st1" points="15.1,30.9 17.3,32.5 16.9,34.4 17.6,37.4 19.6,38.6 22.9,37.7 25.7,40.4 16.9,40.4 15,37.1 "/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

77
static/img/icons/hilfe.svg
View file

@ -1,77 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg8"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="hilfe.svg"
inkscape:export-filename="hilfe.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
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"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.7"
inkscape:cx="197.85714"
inkscape:cy="416.42857"
inkscape:document-units="px"
inkscape:current-layer="text3128"
showgrid="false"
units="px"
inkscape:window-width="1444"
inkscape:window-height="1236"
inkscape:window-x="503"
inkscape:window-y="85"
inkscape:window-maximized="0"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<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" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-26.066785)">
<circle
style="fill:#65bb50;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"
id="path232"
cx="256"
cy="282.06677"
r="212.73335" />
<g
aria-label="?"
id="text3128"
style="font-size:430.296px;line-height:1.25;font-family:'Noto Sans';-inkscape-font-specification:'Noto Sans, Normal';letter-spacing:0px;word-spacing:0px;fill:#ffffff;stroke-width:2.24113">
<path
d="m 225.87929,336.71438 q 0,-16.35124 3.01207,-27.96924 3.44237,-12.04828 11.18769,-22.80568 8.17563,-10.7574 21.9451,-22.3754 16.78154,-14.19976 25.81776,-23.66627 9.46651,-9.46652 13.33917,-18.50273 3.87267,-9.03622 3.87267,-21.9451 0,-20.65421 -13.33918,-31.8419 -13.33917,-11.1877 -38.72664,-11.1877 -21.0845,0 -37.43575,5.59385 -16.35124,5.16355 -31.4116,12.47858 L 170.8014,144.37208 q 17.21184,-9.03622 37.86605,-15.06036 21.0845,-6.02415 46.90226,-6.02415 40.87812,0 63.25351,20.22391 22.37539,20.22392 22.37539,55.07789 0,19.36332 -6.45444,33.13279 -6.02414,13.33918 -17.64213,24.95717 -11.1877,11.18769 -26.67836,24.09657 -14.19976,12.04829 -21.94509,21.08451 -7.31503,9.03621 -9.89681,18.07243 -2.58177,8.60592 -2.58177,21.0845 v 7.31503 h -30.12072 z m -9.89681,74.87151 q 0,-15.92096 7.31503,-22.3754 7.74533,-6.45444 19.36332,-6.45444 10.7574,0 18.50273,6.45444 7.74533,6.45444 7.74533,22.3754 0,15.49065 -7.74533,22.37539 -7.74533,6.88473 -18.50273,6.88473 -11.61799,0 -19.36332,-6.88473 -7.31503,-6.88474 -7.31503,-22.37539 z"
id="path291" />
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 3.3 KiB

1
static/img/icons/instagram.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 8.7 KiB

101
static/img/icons/laptop.svg
View file

@ -1,101 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg8"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="laptop.svg"
inkscape:export-filename="hilfe.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
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"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.7"
inkscape:cx="0.71428571"
inkscape:cy="116.42857"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="1444"
inkscape:window-height="1236"
inkscape:window-x="420"
inkscape:window-y="94"
inkscape:window-maximized="0"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<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" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-26.066785)">
<circle
style="fill:#65bb50;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"
id="path232"
cx="256"
cy="282.06677"
r="212.73335" />
<rect
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:10.6183;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="rect24042"
width="243.80064"
height="172.04965"
x="134.09967"
y="168.2036"
ry="48.534157" />
<rect
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:10.6183;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="rect24770"
width="243.71727"
height="38.998165"
x="134.09967"
y="340.2533"
ry="18.706367" />
<rect
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:10.6183;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="rect25498"
width="40.006557"
height="18.331129"
x="235.95505"
y="340.2533"
ry="9.1655645" />
<rect
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="rect25500"
width="212.1414"
height="138.19952"
x="149.98248"
y="183.89127"
ry="35.894993" />
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 3.3 KiB

16
static/img/icons/mail.svg Normal file
View file

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 7.4 7.4" style="enable-background:new 0 0 7.4 7.4;" xml:space="preserve">
<style type="text/css">
.st0{fill:#85BE32;}
.st1{fill:none;stroke:#000000;stroke-width:0.3;stroke-miterlimit:10;}
</style>
<circle class="st0" cx="170.5" cy="142.5" r="26.4"/>
<rect x="159.4" y="123.6" style="fill:none;" width="22.3" height="45.3"/>
<text transform="matrix(1 0 0 1 159.4305 158.9266)" style="fill:#FFFFFF; font-family:'Roboto-Regular'; font-size:47.1027px;">?</text>
<path class="st1" d="M6.7,6H0.8C0.5,6,0.2,5.8,0.2,5.5V2c0-0.3,0.3-0.6,0.6-0.6h5.9C7,1.4,7.2,1.6,7.2,2v3.5C7.2,5.8,7,6,6.7,6z"/>
<path class="st1" d="M0.3,1.6l2.9,2.7c0.3,0.3,0.8,0.3,1.1,0l2.9-2.7"/>
<line class="st1" x1="0.3" y1="5.8" x2="2.7" y2="3.9"/>
<line class="st1" x1="4.7" y1="3.9" x2="7.2" y2="5.7"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

20
static/img/icons/questionmark.svg Normal file
View file

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 52.7 52.7" style="enable-background:new 0 0 52.7 52.7;" xml:space="preserve">
<style type="text/css">
.st0{fill:#65bb50;}
.st1{fill:#FFFFFF;}
</style>
<circle class="st0" cx="172" cy="144" r="26.4"/>
<rect x="161" y="125.1" style="fill:none;" width="22.3" height="45.3"/>
<text transform="matrix(1 0 0 1 160.9521 160.4482)" class="st1" style="font-family:'Roboto-Regular'; font-size:47.1027px;">?</text>
<circle class="st0" cx="26.4" cy="26.4" r="26.4"/>
<g>
<path class="st1" d="M23.5,33.3c0-1.8,0.2-3.3,0.6-4.3c0.4-1.1,1.2-2.2,2.3-3.5l3-3.1c1.3-1.5,1.9-3,1.9-4.7c0-1.6-0.4-2.9-1.3-3.8
c-0.8-0.9-2.1-1.4-3.7-1.4c-1.6,0-2.8,0.4-3.8,1.2c-1,0.8-1.4,1.9-1.4,3.3h-4.3c0-2.5,0.9-4.5,2.7-6c1.7-1.5,4-2.3,6.8-2.3
c2.9,0,5.2,0.8,6.8,2.3c1.6,1.6,2.4,3.7,2.4,6.4c0,2.7-1.2,5.3-3.7,7.9L29.5,28c-1.1,1.2-1.7,3-1.7,5.4H23.5z M23.4,40.6
c0-0.7,0.2-1.3,0.6-1.8c0.4-0.5,1-0.7,1.9-0.7c0.8,0,1.5,0.2,1.9,0.7c0.4,0.5,0.6,1.1,0.6,1.8c0,0.7-0.2,1.3-0.6,1.7
c-0.4,0.5-1.1,0.7-1.9,0.7c-0.8,0-1.5-0.2-1.9-0.7C23.6,41.9,23.4,41.3,23.4,40.6z"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

19
static/img/icons/screwdriver.svg Normal file
View file

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 52.7 52.7" style="enable-background:new 0 0 52.7 52.7;" xml:space="preserve">
<style type="text/css">
.st0{fill:#65bb50;}
.st1{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
.st3{fill:#FFFFFF;}
</style>
<circle class="st0" cx="26.4" cy="26.4" r="26.4"/>
<path class="st1" d="M28.6,30.1l-6.8-4.6l1.3-1.9h0c1.3-0.4,2.2-1.6,2.3-2.9l0.1-0.6l6.2-9.4c1.3-1.9,3.8-2.4,5.7-1.1l0,0
c1.9,1.3,2.4,3.8,1.1,5.7l-6.3,9.4L31.6,25c-1.1,0.6-1.8,1.8-1.8,3.1l0,0.1L28.6,30.1z"/>
<polygon class="st2" points="16,43.8 13.6,42.2 15.1,37.9 16.8,37.5 23.8,26.9 26.2,28.5 19.2,39 19.5,40.8 "/>
<path class="st3" d="M29,22.2L29,22.2c-0.5-0.4-0.7-1.1-0.3-1.6l5.1-7.6c0.4-0.5,1.1-0.7,1.6-0.3v0c0.5,0.4,0.7,1.1,0.3,1.6
l-5.1,7.6C30.3,22.4,29.5,22.6,29,22.2z"/>
<path class="st3" d="M31.9,10.3L31.9,10.3c0.5,0.4,0.7,1.1,0.3,1.6l-5.1,7.6c-0.4,0.5-1.1,0.7-1.6,0.3h0"/>
<path class="st3" d="M32.3,24.4c-0.5-0.4-0.7-1.1-0.3-1.6l5.1-7.6c0.4-0.5,1.1-0.7,1.6-0.3"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.3 KiB

16
static/img/icons/telephone.svg Normal file
View file

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 7.4 7.4" style="enable-background:new 0 0 7.4 7.4;" xml:space="preserve">
<style type="text/css">
.st0{fill:#85BE32;}
.st1{fill:none;stroke:#000000;stroke-width:0.3;stroke-miterlimit:10;}
</style>
<circle class="st0" cx="170.5" cy="142.5" r="26.4"/>
<rect x="159.4" y="123.6" style="fill:none;" width="22.3" height="45.3"/>
<text transform="matrix(1 0 0 1 159.4305 158.9266)" style="fill:#FFFFFF; font-family:'Roboto-Regular'; font-size:47.1027px;">?</text>
<path class="st1" d="M6.9,5.3c0-0.1,0-0.2,0-0.3c0-0.1,0-0.2-0.1-0.3l-0.1,0C6.3,4.4,5.8,4.3,5.3,4.3c-0.1,0-0.2,0.1-0.3,0.2l0,0.2
C5,4.8,4.8,4.9,4.6,4.8L4.5,4.8C4.3,4.7,4.1,4.6,4,4.5C3.8,4.3,3.4,3.9,3.2,3.6C3.1,3.5,3,3.4,2.9,3.2L2.8,3.1
C2.7,2.9,2.8,2.7,3,2.6l0.2,0c0.1,0,0.2-0.1,0.2-0.3c0-0.5-0.2-1-0.5-1.4l0-0.1C2.8,0.7,2.7,0.7,2.6,0.7c-0.1,0-0.2,0-0.3,0
C2.1,0.8,1.2,1,1.2,2.2c0,1.1,1.1,2.3,1.5,2.7c0.4,0.4,1.6,1.5,2.7,1.5C6.7,6.4,6.9,5.5,6.9,5.3z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

73
static/img/icons/wrench.svg
View file

@ -1,73 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg8"
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="wrench.svg"
inkscape:export-filename="hilfe.svg"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
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"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs2" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.7"
inkscape:cx="76.428571"
inkscape:cy="437.85714"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:window-width="1444"
inkscape:window-height="1236"
inkscape:window-x="851"
inkscape:window-y="57"
inkscape:window-maximized="0"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" />
<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" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-26.066785)">
<circle
style="fill:#65bb50;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"
id="path232"
cx="256"
cy="282.06677"
r="212.73335" />
<path
id="path15347"
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.84989;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1"
d="m 144.79693,157.54549 a 56.38273,56.38273 0 0 0 3.78645,43.69182 56.38273,56.38273 0 0 0 53.82342,29.5155 l 11.43881,21.29634 -0.003,0.001 55.34247,103.03452 a 56.38273,56.38273 0 0 0 -5.11055,61.17041 56.38273,56.38273 0 0 0 34.24029,27.3343 l 9.6552,-5.18606 -22.52338,-41.93316 17.5502,-26.90627 32.12084,0.22668 22.52338,41.93317 9.56202,-5.13601 a 56.38273,56.38273 0 0 0 -3.7863,-43.69148 56.38273,56.38273 0 0 0 -53.82341,-29.51548 l -11.43882,-21.29635 0.003,-0.001 -55.34246,-103.03451 a 56.38273,56.38273 0 0 0 5.11054,-61.17043 56.38273,56.38273 0 0 0 -34.24029,-27.33429 l -9.65519,5.18605 22.52338,41.93317 -17.55021,26.90627 -32.12084,-0.22668 -22.52338,-41.93318 z" />
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 2.9 KiB

5
static/img/icons/youtube.svg Normal file
View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="300" height="300">
<rect width="300" height="300" fill="red" ry="150"/>
<path fill="#fff" d="M149.93750587 79.22267364s-63.21885.000059-79.08593926 4.12304707c-8.49578714 2.37380204-15.49140825 9.36950015-17.86523429 17.99023729-4.12295306 15.86710025-4.12304706 48.72656078-4.12304706 48.72656078s.000094 32.98420052 4.12304706 48.60156077c2.37382604 8.62062014 9.24450615 15.49138025 17.86523429 17.86524029 15.99203025 4.24788007 79.08593926 4.24804007 79.08593926 4.24804007s63.34418101-.00005 79.21094127-4.12304007c8.62079014-2.37381004 15.49133025-9.11966015 17.74023028-17.86524029 4.24793007-15.74232025 4.24805007-48.60156077 4.24805007-48.60156077s.12484-32.98446053-4.24805007-48.85156078c-2.24890003-8.62073714-9.11944014-15.49133425-17.74023028-17.74023729-15.86676026-4.37284707-79.21094127-4.37304707-79.21094127-4.37304707zm-20.11523032 40.48046465 52.59961084 30.35938049-52.59961084 30.23438048v-60.59376097z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

96
static/styles.css
View file

@ -13,8 +13,9 @@ body {
flex-direction: column;
margin: 0;
min-height: 100%;
font-size: 20px;
font-size: 1.25em;
font-family: Lato, Roboto, Noto, sans-serif;
text-align: justify;
}
header, main, footer {
@ -27,6 +28,18 @@ main {
flex-grow: 1;
}
.header-contact {
background: #DD8033;
}
.header-nav, footer {
background: #65bb50;
}
.header-contact {
width: 100%;
}
.header-content, .main-content, .footer-content {
max-width: 1000px;
width: 100%;
@ -37,7 +50,7 @@ main {
flex-direction: row;
align-items: center;
margin: 0 auto;
padding: 5px 8px;
padding: 0.2em 0.3em;
}
.header-nav .header-content {
@ -74,7 +87,6 @@ main {
.header-nav {
width: 100%;
background-color: #65bb50;
position: sticky;
z-index: 100;
top: 0;
@ -83,7 +95,12 @@ main {
.header-contact {
width: 100%;
background-color: #DD8033;
}
.text-icon {
height: 1em;
width: auto;
vertical-align: middle;
}
a {
@ -130,7 +147,7 @@ h1, h2, h3, h4 {
}
.overview > * {
width: 24%;
width: 22%;
}
.service-link {
@ -140,12 +157,14 @@ h1, h2, h3, h4 {
.service-icon {
width: 100%;
height: auto;
}
.service-name {
font-weight: bold;
font-size: 1.2em;
margin-bottom: 0.4em;
margin-top: 0.9em;
}
.service:hover > .service-inner {
@ -172,8 +191,37 @@ section:nth-child(even) {
margin-top: 0;
}
.split-section {
display: flex;
flex-direction: row;
gap: 1.5em;
}
.split-section-text {
width: 70%;
}
.split-section-text > *:first-child {
margin-top: 0;
}
.split-section-text > *:last-child {
margin-bottom: 0;
}
.split-section-img {
width: 30%;
display: flex;
flex-direction: column;
justify-content: center;
}
.split-section-img img {
width: 100%;
height: auto;
}
footer {
background: #65bb50;
padding: 2em 0.5em;
box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.15);
}
@ -200,6 +248,16 @@ footer h2 {
border-left: 0.2em solid #F5F5F5;
}
.social-media {
display: inline-flex;
margin: 0 0.2em;
}
.social-icon {
height: 3em;
width: auto;
}
.credits {
font-size: 0.85em;
}
@ -213,22 +271,48 @@ footer h2 {
flex-direction: column;
align-items: start;
}
.header-nav .header-content {
gap: initial;
}
.header-contact .header-content {
gap: initial;
}
.overview {
display: grid;
grid-template-columns: 1fr 1fr;
}
.split-section {
flex-direction: column;
gap: 2em;
}
.split-section-text {
width: auto;
}
.split-section-img {
height: 11em;
width: auto;
flex-direction: row;
}
.split-section-img img {
height: 100%;
width: auto;
}
.footer-content {
flex-direction: column;
}
.footer-content > * {
width: initial;
}
.overview > * {
width: initial;
}

24
templates/_base.html
View file

@ -12,8 +12,14 @@
<body>
<div class="header-contact">
<div class="header-content">
<span>📞 <a href="tel:+436641240214">+43 664 1240214</a></span>
<span>📧 <a href="mailto:office@computerschaf.at">office@computerschaf.at</a></span>
<span>
<img width="16" height="16" class="text-icon" src="static/img/icons/telephone.svg">
<a href="tel:+436641240214">+43 664 1240214</a>
</span>
<span>
<img width="16" height="16" class="text-icon" src="static/img/icons/mail.svg">
<a href="mailto:office@computerschaf.at">office@computerschaf.at</a>
</span>
</div>
</div>
<header class="header-nav">
@ -42,8 +48,10 @@
<div class="footer-content">
<div class="footer-address">
<h2 id="kontakt">Kontakt</h2>
📞 <a href="tel:+436641240214">+43 664 1240214</a><br>
📧 <a href="mailto:office@computerschaf.at">office@computerschaf.at</a><br>
<img width="16" height="16" class="text-icon" src="static/img/icons/telephone.svg">
<a href="tel:+436641240214">+43 664 1240214</a><br>
<img width="16" height="16" class="text-icon" src="static/img/icons/mail.svg">
<a href="mailto:office@computerschaf.at">office@computerschaf.at</a><br>
Adresse (nur nach Rücksprache):<br>
Ulmenstraße 65
</div>
@ -51,13 +59,13 @@
<div class="footer-social">
<h2>Soziale Medien</h2>
<a href="https://www.facebook.com/people/ComputerSchaf/100090257378708/" class="social-media" target=" _blank">
<img src="static/img/icons/fb.png">
<img width="48" height="48" class="social-icon" src="static/img/icons/facebook.svg">
</a>
<a href="https://www.instagram.com/ComputerSchaf/" class="social-media" target=" _blank">
<img src="static/img/icons/fb.png">
<img width="48" height="48" class="social-icon" src="static/img/icons/instagram.svg">
</a>
<a href="https://www.youtube.com/channel/UCocc5i1jn2y8plvUp5SM8vQ" class="social-media" target=" _blank">
<img src="static/img/icons/fb.png">
<img width="48" height="48" class="social-icon" src="static/img/icons/youtube.svg">
</a>
</div>
<div class="footer-sep"></div>
@ -70,7 +78,7 @@
<br>
<div class="credits">
Webdesign von <a href="https://gabrielhuber.at">Gabriel Huber</a><br>
Logo von <a href="https://theresagrossalber.at/">Theresa Grossalber</a>
Icons von <a href="https://theresagrossalber.at/">Theresa Grossalber</a>
</div>
</div>
</div>

15
templates/index.html
View file

@ -10,7 +10,7 @@
<div class="overview">
<div>
<a href="#beratung" class="service-link">
<img class="service-icon" src="static/img/icons/hilfe.svg" height="256" width="256">
<img class="service-icon" src="static/img/icons/questionmark.svg" height="256" width="256">
<span class="service-name">Hilfe &amp; Beratung</span>
</a>
<span class="service-desc">
@ -19,7 +19,7 @@
</div>
<div>
<a href="#reparatur" class="service-link">
<img class="service-icon" src="static/img/icons/wrench.svg" height="256" width="256">
<img class="service-icon" src="static/img/icons/screwdriver.svg" height="256" width="256">
<span class="service-name">Reparatur</span>
</a>
<span class="service-desc">
@ -28,7 +28,7 @@
</div>
<div>
<a href="#datenrettung" class="service-link">
<img class="service-icon" src="static/img/icons/daten.svg" height="256" width="256">
<img class="service-icon" src="static/img/icons/harddrive.svg" height="256" width="256">
<span class="service-name">Datenrettung</span>
</a>
<span class="service-desc">
@ -37,7 +37,7 @@
</div>
<div>
<a href="#verleih" class="service-link">
<img class="service-icon" src="static/img/icons/laptop.svg" height="256" width="256">
<img class="service-icon" src="static/img/icons/computer.svg" height="256" width="256">
<span class="service-name">Verleih</span>
</a>
<span class="service-desc">
@ -58,6 +58,8 @@
<section>
<div class="section-inner">
<h2 id="reparatur">Reparatur</h2>
<div class="split-section">
<div class="split-section-text">
<p>
Egal ob ein DVD-Laufwerk sich nicht mehr öffnet, ein Lüfter laute Geräusche macht oder
der Computer gar nicht mehr hochfährt – ich übernehme für Sie die Diagnose des Problems
@ -77,6 +79,11 @@
herausstellt, ist diese auch nicht zu zahlen.
</p>
</div>
<div class="split-section-img">
<img width="4896" height="3672" src="static/img/fotos/laptop_matte.jpeg" alt="">
</div>
</div>
</div>
</section>
<section>
<div class="section-inner">