Repository navigation
Expand file tree
/
Copy pathgartenzwerg.html
More file actions
84 lines (75 loc) · 7.63 KB
/
Copy pathgartenzwerg.html
File metadata and controls
84 lines (75 loc) · 7.63 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="gartenzwerg/gartenzwerg-style.css"/>
<meta charset="UTF-8">
<title>Claras Gartenzwerg Designer</title>
</head>
<body>
<div id="gartenzwerg">
<div id="gartenzwerg-img">
<img class="gartenzwergteil" id="hut-img" src="gartenzwerg/Hut.png">
<img class="gartenzwergteil" id="gesicht-img" src="gartenzwerg/gesicht.png">
<img class="gartenzwergteil" id="koerper-img" src="gartenzwerg/Koerper.png">
<img class="gartenzwergteil" id="bart-img" src="gartenzwerg/Bart.png">
<img class="gartenzwergteil" id="guertel-img" src="gartenzwerg/guertel.png">
<img class="gartenzwergteil" id="hose-img" src="gartenzwerg/Hose.png">
<img class="gartenzwergteil" id="schuhe-img" src="gartenzwerg/schuhe.png">
</div>
<div id="gartenzwerg-overlay">
<svg class="gartenzwergteil" id="hut-svg" width="100%" height="100%" viewBox="0 0 248 413" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-1025,-80)">
<path class="svg-path" id="svg-path-hut"
d="M1030,468C1030,468 1056.21,412.918 1116,406C1134.76,403.829 1193.4,401.977 1226,433C1258.6,464.023 1260,487 1260,487C1260,487 1261.02,493.256 1263,492C1264.98,490.744 1272.04,467.511 1272,461C1271.96,454.489 1275.83,391.521 1249,325C1238.66,299.355 1238,258.825 1231,239C1224,219.175 1210.73,177.198 1202,152C1192.62,124.932 1182,94 1182,94C1182,94 1179.59,80.057 1171,80C1162.41,79.943 1159.18,89.727 1156,94C1152.82,98.273 1139.12,139.533 1132,154C1124.88,168.467 1119.77,185.831 1110,200C1100.23,214.169 1092.38,239.561 1088,252C1083.62,264.439 1081.57,282.004 1074,297C1066.43,311.996 1047.37,338.951 1041,362C1034.63,385.049 1017.63,440.776 1030,468Z"/>
</g>
</svg>
<svg class="gartenzwergteil" id="koerper-svg" width="100%" height="100%" viewBox="0 0 521 151" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-468,-669)">
<path class="svg-path" id="svg-path-koerper"
d="M476,714L480,714C480,714 476.843,723.043 495,716C513.157,708.957 517.28,692.847 518,691C518.72,689.153 519.955,685.303 516,683C512.045,680.697 511.046,682.423 519,678C526.954,673.577 526.368,673.515 531,681C535.632,688.485 547.004,696.051 551,699C554.996,701.949 571.068,709.737 583,700C594.932,690.263 601.61,674.927 603,672.917C604.39,670.906 606,671 606,671C606,671 618.471,700.558 664,721C709.529,741.442 708.546,736.49 726,737C743.454,737.51 770.289,734.974 791,723C848.593,689.702 852,669 852,669C852,669 870.678,701.642 883,704C895.322,706.358 907.797,703.725 929,678C929,678 928.062,671.844 944,680C944,680 934.625,691.427 945,702C955.375,712.573 959.042,716.639 967,717C974.958,717.361 976.141,715.924 980,714C983.859,712.076 989.082,725.46 988,726C986.918,726.54 990.706,733.124 977,734C969.276,734.494 966.075,741.645 958,748C949.925,754.355 928.208,766.4 910,769C891.792,771.6 886.869,773.024 856,765C853.314,764.302 851,762 851,762C851,762 851.997,784.585 847,792C842.003,799.415 838.132,806.328 814,812C789.868,817.672 764.482,819.438 729,819C693.518,818.562 686.903,817.564 659,813C631.097,808.436 612.178,798.001 608,788C603.822,777.999 607.114,768.343 605,764C604.11,762.171 598.738,772.326 567,771C535.262,769.674 510.44,757.3 490,739C484.304,733.901 483,733 483,733C483,733 467.787,736.714 469,727C470.213,717.286 476,714 476,714Z"/>
</g>
</svg>
<svg class="gartenzwergteil" id="hose-svg" width="100%" height="100%" viewBox="0 0 320 126" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-560,-808)">
<path class="svg-path" id="svg-path-hose"
d="M606,808C606,808 581.738,818.613 568,830C554.262,841.387 562.493,839.937 567,844C571.507,848.063 605.078,865.594 606,870C606.892,874.262 611.743,911.843 615,927C615.243,928.13 644.86,932.896 664,933C680.133,933.088 688.645,932.844 711,926C713.389,925.269 718.932,893.826 720,883C720.569,877.235 720.893,877.926 722,878C726.075,878.273 726.379,882.086 730,905C734.696,934.718 734.672,927.82 760,932C774.3,934.36 802.983,933.674 822,929C834.609,925.901 831.249,930.616 836,918C840.751,905.384 841.397,873.779 842,870C842.603,866.221 851.939,858.862 868,853C884.061,847.138 879.346,840.301 877,839C874.654,837.699 855.208,820.934 852,821C848.792,821.066 836.335,828.073 827,831C817.665,833.927 783.167,841.74 756,841C728.833,840.26 696.236,837.107 676,833C655.623,828.864 616.374,820.139 606,808Z"/>
</g>
</svg>
<svg class="gartenzwergteil" id="schuh-links-svg" width="100%" height="100%" viewBox="0 0 144 146" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-576,-927)">
<path class="svg-path" id="svg-path-schuh-links"
d="M618,928C618,928 638.155,934.966 666,933C693.845,931.034 708,928 708,928C708,928 719.791,924.502 719,935C718.209,945.498 719.241,938.489 716,947C712.759,955.511 715.239,948.677 715,965C714.761,981.323 712.574,988.653 713,994C713.426,999.347 712.137,1031.04 710,1037C707.863,1042.96 685.313,1063 672,1068C658.687,1073 640.241,1071 635,1072C629.759,1073 611.412,1071.9 597,1068C582.588,1064.1 577.867,1059.47 577,1056C576.133,1052.53 578.744,1035.07 582,1029C585.256,1022.93 590.6,1014.1 599,1009C607.4,1003.9 620,996 620,996C620,996 619.819,958.73 616,950C612.181,941.27 611.597,936.971 612,932C612.403,927.029 617.369,928.529 618,928Z"/>
</g>
</svg>
<svg class="gartenzwergteil" id="schuh-rechts-svg" width="100%" height="100%" viewBox="0 0 143 145"
version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
xml:space="preserve"
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-729,-928)">
<g id="schuh-rechts" transform="matrix(-1,0,0,1,1448.04,0.651607)">
<path class="svg-path" id="svg-path-schuh-rechts"
d="M618,928C618,928 638.155,934.966 666,933C693.845,931.034 708,928 708,928C708,928 719.791,924.502 719,935C718.209,945.498 719.241,938.489 716,947C712.759,955.511 715.239,948.677 715,965C714.761,981.323 712.574,988.653 713,994C713.426,999.347 712.137,1031.04 710,1037C707.863,1042.96 685.313,1063 672,1068C658.687,1073 640.241,1071 635,1072C629.759,1073 611.412,1071.9 597,1068C582.588,1064.1 577.867,1059.47 577,1056C576.133,1052.53 578.744,1035.07 582,1029C585.256,1022.93 590.6,1014.1 599,1009C607.4,1003.9 620,996 620,996C620,996 619.819,958.73 616,950C612.181,941.27 611.597,936.971 612,932C612.403,927.029 617.369,928.529 618,928Z"/>
</g>
</g>
</svg>
</div>
</div>
<div id="eingabe-feld">
<button class="eingabe-button" id="random-button">Test</button>
</div>
<footer>
<a class="footer-text" href='https://www.freepik.com/vectors/frame'>Frame vector created by brgfx -
www.freepik.com</a>
<a class="footer-text" href="impressum.html">Impressum</a>
</footer>
</body>
<script src="gartenzwerg/gartenzwerg.js"></script>
</html>