This commit is contained in:
parent
1ec2cc3ef1
commit
3da5d3aa71
@ -67,7 +67,7 @@
|
||||
// @ts-ignore
|
||||
delete tempForm[undefined]
|
||||
context.smtp.sendMail({
|
||||
to: "binkrassdufass@gmail.com",
|
||||
to: "allkids.erfurt@gmail.com",
|
||||
from: "mail@webmakers.de",
|
||||
subject: "AllKids " + formTitle,
|
||||
html: context.tpl.execute(context.fs.readFile("templates/form_mail.html"), {
|
||||
|
||||
BIN
frontend/media/HP.webp
Normal file
BIN
frontend/media/HP.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
70
frontend/media/MädchenmitBlume.svg
Normal file
70
frontend/media/MädchenmitBlume.svg
Normal file
@ -0,0 +1,70 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg viewBox="0 0 11988.6 15882.5" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<style type="text/css">
|
||||
|
||||
.fil2 {fill:#FEFEFE}
|
||||
.fil1 {fill:#2B2A29}
|
||||
.fil5 {fill:#FFED00}
|
||||
.fil7 {fill:#FECC00}
|
||||
.fil4 {fill:#F5B2B6}
|
||||
.fil3 {fill:#EF7F1A}
|
||||
.fil12 {fill:#E31E24}
|
||||
.fil8 {fill:#98A27F}
|
||||
.fil0 {fill:#769897}
|
||||
.fil6 {fill:#B0CB1F}
|
||||
.fil9 {fill:#5CA595}
|
||||
.fil10 {fill:#009846}
|
||||
.fil11 {fill:#393185}
|
||||
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Ebene_x0020_1" transform="matrix(0.9999999999999999, 0, 0, 0.9999999999999999, -9376.708984375, -1414.5513916015627)">
|
||||
<g id="_2448198249088">
|
||||
<path class="fil0" d="M21109.31 4300.93c16.64,-454.62 -659.76,-1591.19 -1369.42,-892.62 -748.47,748.47 626.5,-83.16 881.53,243.95 604.32,770.65 -266.12,2112.35 -371.46,2566.98 -404.73,1751.98 1264.08,-1336.16 859.35,-1918.31z"/>
|
||||
<path class="fil1" d="M15709.23 13692.87c44.35,-49.9 964.7,-848.27 942.52,-388.1l-60.99 1934.94c144.15,5.54 -133.06,648.68 -138.6,742.93 -11.09,166.33 -121.98,476.8 -38.81,654.22 327.11,559.97 936.97,582.14 1574.56,521.16 144.15,-11.09 487.89,-116.43 637.59,-105.34 11.08,-216.23 914.79,-365.92 765.1,-637.59 -88.71,-160.78 -715.21,-388.1 -704.12,-554.43 -210.68,-327.1 -1014.59,-1070.03 -1441.5,-997.96 5.55,-88.71 171.87,-94.25 22.18,-360.37 199.59,-138.61 -316.02,-1180.92 -72.08,-1435.96 -105.34,-144.15 1352.8,-670.85 892.63,-1186.47 354.83,-321.56 -288.3,-936.97 -316.03,-1302.89 -66.53,-515.61 -232.85,-1203.1 -632.04,-1652.18 149.7,-138.61 815,-410.28 1147.66,-543.34 1424.87,-587.69 1053.4,-110.88 1574.56,399.19 99.8,-16.64 787.28,-149.7 881.53,-144.15 5.55,-49.9 609.87,-460.17 620.96,-643.13 22.18,-388.1 -349.29,-726.3 -327.11,-1086.67 16.63,-343.75 -526.7,-149.7 -820.55,-171.88 0,22.18 -842.72,421.37 -853.81,637.59 -22.18,410.27 -271.67,421.36 -953.61,504.53 -338.2,22.17 -1391.6,393.64 -1618.92,321.56 -543.33,88.71 -316.02,-426.9 -759.56,-360.37 -831.63,-504.53 255.04,-1025.69 144.15,-1763.07 -27.72,-221.77 809.46,-537.79 1020.14,-815 360.38,-443.54 -582.14,-853.81 -72.07,-1313.99 -44.36,-293.84 -360.38,-914.79 -1058.95,-487.89 227.31,-992.42 -698.57,-1014.59 -698.57,-875.99 0,116.43 -498.99,-415.82 -454.63,-487.89 -343.74,-16.63 -443.54,27.72 -731.84,155.24 -49.9,-72.08 -282.76,-255.04 -471.26,-266.13 -249.49,-343.74 -759.56,149.7 -681.94,426.91 -765.11,-232.86 -1125.48,449.08 -1397.15,255.04 -238.4,-171.88 -792.82,-66.54 -515.61,504.52 -526.7,-216.22 -693.03,304.93 -460.17,443.54 587.69,504.53 -443.54,632.04 -887.08,1042.32 -249.49,227.31 110.88,670.85 -38.81,748.47 -5.55,38.81 266.12,399.18 -66.53,382.55 -16.63,216.23 -388.1,476.8 -255.04,698.57 44.36,77.62 388.1,327.11 382.56,377.01 365.92,-188.5 709.66,548.88 582.14,903.71 -382.55,1103.3 1114.39,304.93 1485.86,327.11 5.54,-99.79 510.06,-482.35 615.41,-526.7 177.41,205.14 748.47,454.63 1147.65,482.35 232.86,11.09 571.06,-44.36 715.21,-11.09 -310.48,282.76 -327.11,1103.3 -404.73,1136.57 -33.27,66.53 -1735.35,1740.89 -1796.33,1812.96 -60.99,94.25 -177.42,521.16 -465.72,510.07 -243.95,-33.26 -870.44,787.28 -787.28,975.79 138.61,171.87 -144.15,887.07 637.59,792.82 948.06,-83.16 1286.26,-410.27 1341.7,-1430.41 16.63,-249.49 -365.92,-460.17 -293.84,-748.47 144.15,-576.6 726.29,-765.11 1158.74,-859.36 304.94,338.2 -271.67,1818.51 -271.67,2317.49 -11.08,194.05 316.03,404.73 310.48,548.88 809.46,44.36 1319.53,593.23 1275.18,1502.49 -11.09,144.15 -127.52,571.06 55.44,681.94 -443.54,72.08 -1119.94,33.27 -1557.93,105.34 -299.39,27.72 -1491.4,454.63 -1214.19,925.89 266.12,377.01 393.64,681.94 1158.75,914.8 476.8,171.87 1291.8,-5.55 1557.93,-83.17 33.26,-532.24 1119.93,-1097.76 615.41,-1663.27 -177.42,-260.58 -127.52,-842.72 -144.15,-881.53 16.63,-415.82 415.81,-604.32 199.59,-903.71z"/>
|
||||
<path class="fil2" d="M21031.69 7876.97c260.58,343.74 16.64,371.46 -354.83,388.09 -327.11,-188.5 -1036.77,232.86 -1003.5,-349.28 22.17,-354.83 27.72,-377.01 532.24,-787.29 853.82,-693.02 931.43,243.95 826.09,748.48z"/>
|
||||
<g>
|
||||
<path class="fil1" d="M19473.76 5592.74c293.85,-432.45 -338.19,-1136.57 -393.64,-354.83 -94.25,1197.56 -338.19,2483.82 393.64,354.83z"/>
|
||||
<g>
|
||||
<path class="fil1" d="M18581.14 3230.9c11.09,-216.23 -415.82,-493.44 -404.73,-676.4 -44.35,-5.54 -138.6,-88.71 -188.5,-94.25 -1879.5,105.34 1641.09,2400.65 593.23,770.65z"/>
|
||||
<g>
|
||||
<path class="fil1" d="M19606.83 4162.33c5.54,-149.7 -271.67,-388.1 -460.18,-521.16 -637.58,138.61 -293.84,1086.67 138.61,1241.91 343.74,-66.53 454.63,-493.44 321.57,-720.75z"/>
|
||||
<path class="fil1" d="M18531.24 5542.84c149.7,-205.13 205.14,-327.11 210.69,-543.33 554.42,-881.53 -565.52,-171.87 -898.17,1003.51 -288.3,1047.86 643.13,693.02 687.48,-460.18z"/>
|
||||
<path class="fil1" d="M18342.74 4228.86c-182.96,-133.06 -288.3,-83.16 -482.35,-94.25 -227.31,243.94 -260.58,936.97 515.62,471.26 548.87,-327.11 487.89,-421.36 -33.27,-377.01z"/>
|
||||
<path class="fil1" d="M19828.6 5110.39c66.53,210.68 155.23,243.95 271.66,377.01 249.49,-5.54 554.43,-432.45 -144.15,-637.59 -482.35,-144.15 -482.35,-44.35 -127.51,260.58z"/>
|
||||
<path class="fil1" d="M19889.58 2959.23c171.87,-49.9 210.68,-149.69 332.66,-282.76 33.26,-316.02 -194.05,-720.75 -521.16,88.71 -399.19,992.42 -465.72,1286.26 188.5,194.05z"/>
|
||||
<path class="fil1" d="M19512.57 2027.8c49.9,-1164.29 -676.39,-77.62 -698.57,504.52 -16.63,243.95 -83.16,731.84 194.05,942.52 72.07,116.43 171.87,66.53 199.59,-77.62 16.63,-404.72 277.21,-909.25 304.93,-1369.42z"/>
|
||||
</g>
|
||||
</g>
|
||||
<path class="fil0" d="M20338.66 9617.86c38.81,-227.32 210.69,-1386.06 -282.75,-1003.51 -16.63,338.2 -338.2,870.44 -116.43,1241.91 44.35,77.62 343.74,698.57 537.79,665.31 343.74,-83.17 -149.69,-742.93 -138.61,-903.71z"/>
|
||||
<path class="fil2" d="M15903.28 6197.06c-44.36,815.01 -1657.73,1779.7 -2361.85,1374.97 -543.33,482.35 -1901.67,-986.87 -1424.87,-1369.42 -116.42,-626.5 -110.88,-1386.06 826.1,-1785.25 1086.67,-465.71 2328.57,393.64 2677.86,754.02 177.42,188.5 293.85,809.46 282.76,1025.68z"/>
|
||||
<path class="fil3" d="M13851.91 3563.55c-498.98,449.08 -2018.1,726.3 -2051.37,1358.34 -27.72,482.35 -266.12,1175.38 49.9,1657.73 182.96,271.66 460.17,1308.44 -654.22,1247.45 -526.7,-33.27 -548.88,-543.34 -687.48,-698.58 399.18,-171.87 1203.1,-632.04 437.99,-870.44 -437.99,72.08 -498.98,282.76 -704.12,465.72 -232.86,-177.42 -482.35,-582.15 -199.59,-831.64 205.14,-182.96 249.49,-133.06 637.59,-110.88 16.63,-243.95 465.71,-460.18 382.55,-759.56 -88.71,-260.58 -637.59,-49.9 -826.09,33.26 -177.42,-205.14 182.96,-648.67 432.45,-754.02 44.35,49.9 232.86,133.07 232.86,182.96 626.5,33.27 593.23,-160.78 848.26,-388.09 -94.25,-127.52 -138.6,-232.86 -421.36,-316.02 -887.07,166.32 33.27,-543.34 316.02,-454.63 238.41,55.44 748.48,515.61 776.2,38.81 5.54,-116.43 -227.32,-255.04 -227.32,-349.29 -382.55,-22.17 188.51,-742.93 548.88,-216.22 88.71,127.51 177.42,327.11 465.72,415.81 316.02,-288.3 160.78,-815 282.75,-809.45 792.83,321.56 637.59,742.92 360.38,1158.74z"/>
|
||||
<path class="fil3" d="M16524.23 4345.29c-44.35,16.63 -243.95,127.52 -338.2,116.43 -5.54,99.79 -216.22,332.65 171.87,354.83 277.22,-659.77 1108.85,-60.99 554.43,321.56 -155.24,160.79 -255.04,227.32 -543.34,360.38 -715.2,-216.23 -826.09,-831.64 -1236.36,-1230.82 -321.57,-304.93 -803.92,-332.65 -1236.37,-454.63 255.04,-227.31 327.11,-493.43 332.66,-781.73 22.17,-604.33 343.74,-1391.61 837.18,-194.05 0,22.17 -704.12,449.08 -715.21,637.58 -5.54,133.07 127.52,354.84 271.67,354.84 199.59,-88.71 770.65,-731.84 909.25,-726.3 726.3,38.81 -94.25,776.19 133.06,1031.23 199.6,-44.36 1114.4,-1009.05 1075.59,-282.76 -11.09,194.05 -66.53,332.66 -216.23,493.44z"/>
|
||||
<path class="fil4" d="M17078.65 10050.31c1258.55,1275.17 -194.04,443.54 -449.08,776.19 -60.99,83.16 -160.78,571.06 -310.48,632.04 -88.7,-49.9 -188.5,-127.52 -327.11,-160.78 -199.59,-116.43 -820.54,205.14 -709.66,593.23 -371.46,-216.22 -765.1,-809.46 -1319.53,-44.35 -227.31,-255.04 432.45,-1092.22 432.45,-1391.6 5.55,-443.54 449.09,-1131.03 83.17,-1557.93 105.34,-94.26 110.88,-188.51 121.97,-310.48 -55.44,-5.55 -99.79,-33.27 -149.69,-33.27l-49.9 44.36c-44.35,-72.08 232.86,-593.24 371.46,-582.15 5.55,-149.69 1147.66,205.14 1236.37,282.76 371.46,365.92 537.79,781.74 765.1,1158.74 88.71,144.15 310.48,449.09 304.93,593.24z"/>
|
||||
<path class="fil5" d="M16806.99 12295.72l83.16 238.4c-99.8,44.36 -493.44,238.41 -637.59,232.86 -22.17,460.17 -532.24,16.63 -720.75,-44.35 -543.33,227.31 -1729.8,559.97 -1463.68,182.96 543.34,-144.15 986.88,-643.13 166.33,-277.21 -432.45,-121.98 -160.78,-681.94 22.18,-460.18 0,-332.65 138.6,-776.19 781.74,-166.32 49.89,49.9 177.41,316.02 321.56,321.56 -133.06,-521.16 803.92,-1336.16 1081.13,-316.02l144.15 5.55c-116.43,-654.22 227.31,-1408.24 770.65,-948.07 948.06,38.81 598.77,205.14 -72.08,554.43 -99.79,49.89 293.85,715.2 -476.8,676.39z"/>
|
||||
<path class="fil5" d="M15853.38 13010.93c-626.5,515.61 -742.93,726.29 -726.3,16.63 0,-138.6 670.86,-194.05 726.3,-16.63z"/>
|
||||
<path class="fil6" d="M14406.33 16503.8c182.96,60.98 526.71,-166.33 670.86,-133.07 -255.04,227.32 -227.32,615.41 -997.97,576.61 -144.15,-11.09 -826.09,22.17 -820.54,-121.98 -482.35,-27.72 -282.76,-936.97 476.8,-698.57 338.2,94.25 693.03,-205.14 925.89,-138.61 -149.7,60.99 -443.54,410.28 -255.04,515.62z"/>
|
||||
<path class="fil6" d="M13752.11 15716.51c-94.25,44.36 -593.23,249.5 -737.38,238.41 -5.54,72.07 -260.58,521.16 -316.02,565.51 -521.16,-759.56 620.95,-1103.3 1053.4,-803.92z"/>
|
||||
<path class="fil6" d="M18531.24 16176.69c1325.08,875.99 -243.94,460.17 -1131.02,249.49 -5.54,121.97 -105.34,210.68 83.16,316.02 -393.64,77.62 -720.75,-282.76 -559.96,-415.82 -138.61,-182.96 282.75,-709.66 432.45,-848.27 238.4,133.06 1180.92,510.07 1175.37,698.58z"/>
|
||||
<path class="fil2" d="M12244.08 12351.16c0,94.26 -166.33,426.91 -410.27,415.82 -11.09,266.13 -626.5,-11.09 -609.87,-255.03 5.55,-144.15 232.86,-759.56 615.41,-737.39 5.55,-27.72 55.44,-49.89 105.34,-66.53 44.36,0 194.05,11.09 288.3,-11.09 182.96,205.14 216.23,449.09 11.09,654.22z"/>
|
||||
<path class="fil6" d="M19385.06 5565.02c293.84,-432.45 -338.2,-1131.02 -393.64,-354.83 -94.26,1197.55 -332.66,2483.82 393.64,354.83z"/>
|
||||
<g>
|
||||
<path class="fil6" d="M18536.79 3131.1c11.09,-210.68 -410.27,-487.89 -399.19,-670.85 -49.89,-5.55 -144.15,-88.71 -194.04,-94.25 -1879.5,105.34 1641.09,2395.11 593.23,765.1z"/>
|
||||
<g>
|
||||
<path class="fil7" d="M19562.47 4068.08c5.55,-149.7 -271.67,-388.1 -460.17,-521.16 -637.59,138.6 -288.3,1086.67 138.61,1241.91 343.74,-66.53 454.62,-493.44 321.56,-720.75z"/>
|
||||
<path class="fil5" d="M18486.89 5448.59c155.24,-205.14 205.14,-327.11 216.23,-543.33 548.87,-881.54 -571.06,-171.87 -903.71,1003.5 -288.31,1047.86 643.13,693.03 687.48,-460.17z"/>
|
||||
<path class="fil8" d="M18298.39 4134.61c-182.96,-133.06 -288.3,-83.17 -476.81,-94.25 -232.86,243.94 -266.12,936.97 510.07,471.26 548.88,-332.66 487.89,-426.91 -33.26,-377.01z"/>
|
||||
<path class="fil9" d="M19784.24 5016.14c66.53,210.68 155.24,243.95 271.67,377.01 249.49,-5.54 554.42,-432.45 -138.61,-637.59 -487.89,-144.15 -487.89,-44.35 -133.06,260.58z"/>
|
||||
<path class="fil10" d="M19845.23 2864.98c171.87,-49.9 216.22,-155.24 332.65,-288.3 33.27,-310.48 -188.5,-715.21 -515.61,94.25 -404.73,992.42 -471.26,1280.72 182.96,194.05z"/>
|
||||
<path class="fil5" d="M19468.22 1933.55c49.9,-1169.84 -676.4,-77.62 -698.57,504.52 -16.64,243.95 -83.17,731.84 194.04,942.52 72.08,116.43 171.88,66.53 205.14,-83.16 11.09,-399.19 277.21,-903.71 299.39,-1363.88z"/>
|
||||
</g>
|
||||
</g>
|
||||
<path class="fil11" d="M13264.22 5404.24c38.81,-654.22 -1424.87,304.93 -310.48,365.92 5.55,-94.25 304.94,-221.77 310.48,-365.92z"/>
|
||||
<path class="fil12" d="M14811.06 6507.54c-670.85,687.49 -1535.75,227.31 -1580.1,515.61 532.24,144.15 1020.13,166.33 1508.03,-16.63 5.54,-133.06 66.53,-288.3 72.07,-498.98z"/>
|
||||
<path class="fil11" d="M14716.81 5431.96c11.09,-155.24 -227.31,-260.58 -365.92,-232.86 -354.83,27.72 -360.37,831.64 60.99,554.42 133.06,-83.16 299.39,-155.23 304.93,-321.56z"/>
|
||||
<path class="fil3" d="M10747.14 5359.88c-94.25,166.33 -1341.71,415.82 -182.96,-83.16 144.15,-66.53 188.5,11.09 182.96,83.16z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
42
frontend/media/Radfahrer.svg
Normal file
42
frontend/media/Radfahrer.svg
Normal file
@ -0,0 +1,42 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg viewBox="0 0 15294.9 15933" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns="http://www.w3.org/2000/svg">
|
||||
<defs>
|
||||
<style type="text/css">
|
||||
|
||||
.fil6 {fill:#FEFEFE}
|
||||
.fil0 {fill:#2B2A29}
|
||||
.fil1 {fill:#FFFBDB}
|
||||
.fil5 {fill:#FFED00}
|
||||
.fil2 {fill:#EF7F1A}
|
||||
.fil3 {fill:#D2CDE7}
|
||||
.fil7 {fill:#A2D9F7}
|
||||
.fil8 {fill:#7688A1}
|
||||
.fil4 {fill:#66C3D0}
|
||||
|
||||
</style>
|
||||
</defs>
|
||||
<g id="Ebene_x0020_1" transform="matrix(0.9999999999999999, 0, 0, 0.9999999999999999, -8006.546875, -1726.941162109375)">
|
||||
<g id="_2413577327920">
|
||||
<path class="fil0" d="M21358.9 12480.54c-613.24,104.04 -1056.74,114.99 -1664.51,295.67 -246.39,-257.34 -93.08,-722.74 224.49,-985.56 -87.6,-104.03 -328.52,-739.18 -312.09,-876.06 -104.03,-16.43 -251.87,-10.95 -323.05,-21.9 -60.23,180.69 -509.21,706.32 -667.99,897.96 -114.98,142.36 -372.33,323.04 -520.16,443.5 -416.13,-470.88 1095.07,-980.09 826.78,-1434.54 -109.51,-219.02 262.81,-591.34 -32.85,-837.73 -164.27,-158.79 -361.38,-1199.11 -826.78,-815.83 -383.28,-257.34 -640.62,-826.78 -881.54,-1133.4 -76.65,-131.41 -777.5,-470.88 -755.6,-613.24 -229.96,-27.38 -470.88,-711.8 -553.01,-815.83 -279.24,-355.9 936.29,-799.4 1023.89,-1127.92 279.25,-969.14 -673.46,-2014.93 -405.17,-2294.18 158.78,-169.73 1062.22,-1363.36 509.21,-1434.54 0,372.32 -640.62,684.42 -733.7,1045.79 -153.31,448.98 -728.22,235.44 -678.95,-180.68 10.96,-87.61 49.28,-761.08 -235.44,-657.05 -147.83,54.76 -93.08,733.7 -82.13,876.06 -54.75,602.29 -558.48,191.64 -607.76,-202.59 -10.95,-71.18 49.28,-405.17 -131.41,-448.98 -355.9,-125.93 -76.65,569.44 -76.65,640.62 -38.33,772.03 -147.84,476.36 -514.69,355.9 -120.46,-158.79 -394.22,-514.69 -399.7,-684.42 -574.91,-76.66 197.11,843.2 38.33,980.09 -602.29,476.35 -344.95,947.23 -624.19,1275.76 240.91,312.09 38.32,772.02 186.16,1067.69 76.65,131.41 728.22,531.11 722.75,580.39 383.27,49.28 733.69,208.06 1138.87,197.11 678.95,454.46 438.03,706.32 87.61,1122.45 -361.38,476.36 -832.26,761.07 -1352.42,761.07 -158.78,-202.58 -251.86,-405.17 -629.66,-542.06 -941.76,109.51 -1078.65,651.57 -974.62,1193.63 87.61,487.31 164.26,761.08 1084.12,514.69 27.38,-180.69 602.29,-317.57 629.67,-569.44 16.43,-120.46 700.85,-750.13 974.61,-717.27 21.91,-153.31 673.47,-536.59 914.39,-629.67 438.03,558.49 -553.01,1445.5 -618.72,1965.65 -49.27,410.66 -750.12,388.75 -969.14,717.28 -306.62,438.03 -125.93,1100.54 1111.5,1111.49 733.7,10.96 558.49,-914.38 416.13,-1133.39 -361.37,-563.97 -98.56,-1790.45 350.42,-1505.73 71.18,93.08 246.39,372.33 60.23,405.18 60.23,328.52 657.04,1116.97 334,1385.26 613.24,793.93 -843.21,1598.81 -936.29,2337.98 142.36,16.43 312.1,158.79 394.23,213.54 -257.34,197.11 -251.87,525.64 -509.21,722.75 -175.21,-65.71 -443.5,-153.31 -618.72,-213.54 -1752.11,191.64 -1111.49,1390.74 317.58,1949.23 246.39,-38.33 657.04,10.95 908.9,38.32 60.23,-454.45 531.11,-903.43 131.41,-1418.11 -114.98,-180.69 120.46,-591.34 410.66,-700.85 191.63,27.38 470.88,273.77 711.79,301.15 27.38,-208.07 388.75,-481.84 465.41,-706.33 21.9,-191.63 76.65,-733.69 284.72,-793.92 82.13,71.18 71.18,514.68 54.75,629.66 509.21,65.71 443.5,142.36 755.6,-93.08 667.99,-459.93 1106.02,-32.85 10.95,695.37 -208.06,142.36 -350.42,542.06 -65.7,503.74 678.94,-131.41 487.3,-1078.65 1204.57,-438.03 158.79,147.83 -1177.2,706.32 -837.73,1253.85 -416.12,339.48 -903.43,-16.42 -1450.97,27.38 -186.16,16.43 -438.02,-728.22 -761.07,-777.5 -1221.01,-536.59 -164.26,799.4 711.8,1051.27 366.85,49.28 1171.72,76.65 1319.56,306.62 -405.18,323.05 224.49,1385.26 678.94,1691.88 908.91,602.29 1615.23,536.59 2551.52,-5.47 27.38,-10.95 1423.59,-985.57 1040.32,-1067.7 295.67,-892.48 21.9,-1954.7 -1270.29,-2633.64 -372.32,-197.12 -1193.62,-60.23 -1538.57,54.75 -240.92,93.08 -509.21,-339.47 -377.8,-317.57 197.11,-580.39 2387.26,-301.14 1352.41,-782.98z"/>
|
||||
<path class="fil0" d="M12373.84 12184.87c-142.36,-202.58 -317.57,-629.66 -208.06,-542.06 1270.28,1012.94 2633.64,1949.23 3011.44,1943.76 109.51,5.47 569.44,120.45 32.85,-251.87 -536.58,-361.37 -2469.38,-1188.15 -2721.25,-2053.26 -21.9,-87.61 71.18,-563.96 312.1,-646.09 772.02,520.16 1423.59,1248.38 1357.89,1779.49 941.76,-574.91 -109.51,-1111.5 -678.95,-1648.08 -136.88,-131.41 -1029.37,-903.44 -1029.37,-930.81 -454.45,-54.76 -520.16,-936.29 -837.73,-969.14 -355.89,-43.81 49.28,706.32 93.09,799.4 65.7,197.11 618.71,684.42 832.25,750.12 -312.1,240.92 -317.57,613.24 -531.11,859.63 -104.03,109.51 -147.83,427.08 -454.46,339.48 -120.45,-32.86 -1910.9,-175.21 -1790.44,125.93 -54.75,372.32 1730.22,-93.08 1669.99,432.55 -16.43,136.89 -273.77,1034.85 -547.54,974.62 -1823.29,-410.65 -3734.19,1555 -2469.39,3345.44 125.94,169.74 279.25,383.28 443.51,569.44 520.16,580.39 2387.25,465.4 2967.64,-235.44 536.59,-635.14 618.72,-1111.5 470.88,-1823.3 -87.6,-416.12 -186.16,-755.6 -470.88,-1171.72 -197.11,-284.72 -553.01,-399.7 -470.88,-689.9 65.71,-202.59 213.54,-602.29 421.6,-761.07 82.14,54.75 520.16,416.12 514.69,459.93 229.96,27.37 646.09,755.6 635.14,826.78 897.96,131.4 -509.21,-1445.5 -553.01,-1483.83z"/>
|
||||
<path class="fil1" d="M16431.08 5072.38c-65.7,262.82 0,525.64 -503.73,804.88 -799.41,438.03 -646.1,941.76 -1878.05,175.21 -1237.43,-772.02 -531.11,-1544.05 -810.35,-1702.83 27.37,-158.79 394.22,-887.01 733.69,-700.85 197.12,21.9 339.48,-229.97 514.69,-284.72 76.65,104.03 876.05,-355.9 815.83,147.84 268.29,38.32 114.98,-229.97 689.89,-27.38 520.16,180.69 695.37,908.91 438.03,1587.85z"/>
|
||||
<path class="fil2" d="M18117.49 10120.66c38.33,49.28 43.8,27.38 -10.95,65.71 991.04,657.04 -613.24,481.83 -1193.63,618.71 -240.91,60.23 -219.01,-843.2 -251.87,-936.28 -301.14,-569.44 -399.7,-1259.34 -421.6,-1839.72 -32.85,-448.98 908.91,558.48 985.57,706.32 229.96,399.7 941.76,1001.99 892.48,1385.26z"/>
|
||||
<path class="fil1" d="M15429.09 10761.28c-131.41,1106.02 -2086.11,142.36 -963.66,-377.8 383.27,-180.69 996.51,120.46 963.66,377.8z"/>
|
||||
<path class="fil1" d="M12976.13 9326.74c-991.04,284.72 -870.58,-865.11 -43.8,-1106.03 629.66,65.71 651.56,897.96 43.8,1106.03z"/>
|
||||
<path class="fil3" d="M17739.69 12004.19c-312.1,262.81 -142.36,793.92 -448.98,1029.36 235.44,312.1 -158.78,492.79 -646.09,273.77 -240.92,-142.36 -607.77,-333.99 -821.31,-476.35 673.47,-542.06 432.56,-1943.76 2179.2,-1812.35 596.81,43.81 -224.49,689.9 -262.82,985.57z"/>
|
||||
<path class="fil4" d="M15626.2 14736.39c-82.13,662.52 -678.94,635.14 -1396.21,76.66 -339.48,-273.77 -197.12,-1018.42 640.61,-662.52 350.43,164.26 602.29,333.99 761.08,542.06l-5.48 43.8z"/>
|
||||
<path class="fil5" d="M19426.1 11916.58c-355.9,273.77 -487.31,563.96 -1073.17,766.55 -197.11,-279.24 553.01,-673.47 585.86,-947.24 16.43,-136.88 235.44,-388.75 432.56,-459.93 295.67,202.59 76.65,454.46 54.75,640.62z"/>
|
||||
<path class="fil6" d="M22508.73 14791.14c432.55,580.39 -32.85,1691.89 -854.16,2025.89 -295.67,125.93 -673.47,438.03 -996.51,503.73 -607.77,136.88 -1680.94,-728.22 -1500.25,-1379.79 180.68,-651.57 591.34,-268.29 1440.02,-372.32 481.83,640.61 1084.12,295.67 1231.95,-125.94 71.18,-224.49 -366.85,-443.5 -344.94,-602.29 -366.85,-43.8 -1007.47,-881.53 -772.03,-903.43 706.32,-71.18 1845.2,470.88 1795.92,854.15z"/>
|
||||
<path class="fil6" d="M20871.6 14845.9c-5.48,43.8 -317.58,323.04 -416.13,361.37 -93.08,-38.33 -186.16,0 -279.25,-10.95l-43.8 -27.38c-87.6,-10.95 -93.08,10.96 -180.68,-21.9 -43.81,-5.47 -191.64,-5.47 -229.97,-10.95l-43.8 -27.37c-553.01,-43.81 147.83,-837.73 492.78,-958.19 158.78,229.96 547.54,465.4 700.85,695.37z"/>
|
||||
<path class="fil5" d="M21572.44 15497.47c-49.28,383.27 -837.73,-175.22 -383.27,-114.99 38.32,-295.67 416.12,-208.06 383.27,114.99z"/>
|
||||
<path class="fil7" d="M22804.4 16395.42c-147.84,125.94 -481.83,416.13 -640.62,536.59 -76.66,-131.41 563.96,-903.43 711.8,-1023.89 443.5,-301.15 65.7,235.44 -71.18,487.3z"/>
|
||||
<path class="fil0" d="M14355.92 15546.74c-832.26,-213.53 -717.27,-202.58 -739.17,32.86 -32.86,350.42 1533.1,1029.36 1724.73,673.47 -377.8,-503.74 -525.63,-394.23 -985.56,-706.33z"/>
|
||||
<path class="fil5" d="M10550.54 15168.94c-158.78,525.64 -941.76,312.1 -520.15,-251.86 87.6,-120.46 536.58,136.88 520.15,251.86z"/>
|
||||
<path class="fil6" d="M11404.7 16576.11c10.95,416.13 -722.75,602.29 -1084.12,547.54 366.85,-301.15 -903.43,-542.06 -1297.66,-788.45 -1401.69,-887.01 -470.88,-2376.31 744.65,-2743.16 509.21,-153.31 1204.58,-49.28 717.27,777.5 -16.43,21.9 -711.8,448.98 -821.3,547.54 -153.31,169.73 38.32,870.58 602.29,799.4 854.15,-104.03 585.86,-974.61 635.14,-1319.56 27.37,-229.97 21.9,-531.11 224.49,-689.9 1106.02,629.67 1418.11,2102.54 279.24,2869.09z"/>
|
||||
<path class="fil7" d="M9647.11 17172.93c-60.23,273.76 -1199.1,-350.43 -848.68,-596.82l848.68 596.82z"/>
|
||||
<path class="fil8" d="M14005.5 4371.54c5.47,-21.9 -82.13,-32.85 -76.66,-76.66 -503.73,-65.7 -257.34,547.54 38.33,394.23 98.55,-54.76 76.65,-240.92 38.33,-317.57z"/>
|
||||
<path class="fil8" d="M15845.22 4163.47c-235.44,-328.52 -350.43,-158.78 -684.42,-38.32 0,21.9 65.7,235.44 54.75,279.24 410.65,54.75 602.29,-10.95 629.67,-240.92z"/>
|
||||
<path class="fil0" d="M15407.19 5455.66l32.85 -273.77c-312.1,-38.33 -624.19,219.01 -1034.84,169.74 -54.76,410.65 695.37,366.85 1001.99,104.03z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.1 KiB |
@ -1,5 +1,5 @@
|
||||
<script lang="ts">
|
||||
import { location, navigation, sites, banner, serviceNavigation } from "./lib/stores"
|
||||
import { location, navigation, sites, banner, serviceNavigation, refresh } from "./lib/stores"
|
||||
import Header from "./lib/components/header/Header.svelte"
|
||||
import "fluent-svelte/theme.css"
|
||||
|
||||
@ -92,6 +92,8 @@
|
||||
|
||||
<svelte:head>
|
||||
{#if cookiesAllowed}
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<!-- Google tag (gtag.js) -->
|
||||
<!-- Google tag (gtag.js) -->
|
||||
@ -116,7 +118,7 @@
|
||||
<HomePage />
|
||||
</Route>
|
||||
<Route path="/*path" let:params>
|
||||
{#key $sites}
|
||||
{#key $sites && $refresh}
|
||||
<SiteComp path="{params.path}" />{/key}
|
||||
</Route>
|
||||
<Route>
|
||||
@ -165,6 +167,22 @@
|
||||
font-weight: 900;
|
||||
src: url("./lib/assets/fonts/orbitron-v31-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: "Orbitron";
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: url("./lib/assets/fonts/orbitron-v31-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
/* grandstander-700italic - latin */
|
||||
@font-face {
|
||||
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
||||
font-family: "Grandstander";
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: url("./lib/assets/fonts/logo-font.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
||||
}
|
||||
|
||||
.socialMedia {
|
||||
display: none;
|
||||
|
||||
@ -6,22 +6,22 @@
|
||||
--normal-font-color-80: rgba(51, 51, 51, 0.8);
|
||||
--normal-font-color-50: rgba(51, 51, 51, 0.5);
|
||||
--normal-font-color-30: rgba(51, 51, 51, 0.3);
|
||||
|
||||
--hover-color: rgb(197, 173, 173);
|
||||
--opposite-font-color: rgb(235, 221, 221);
|
||||
--hover-color: rgb(171, 137, 137);
|
||||
--heading-font-color: #ff0000;
|
||||
--top-heading-font-color: rgb(255, 165, 0);
|
||||
--top-heading-font-color: rgb(198, 129, 0);
|
||||
--link-font-color: rgb(255, 165, 0);
|
||||
--banner-color: #ff0000;
|
||||
--opposite-bg-color: #000;
|
||||
--opposite-bg-color-80: rgba(24, 24, 24, 0.8);
|
||||
--opposite-bg-color-5: rgba(24, 24, 24, 0.05);
|
||||
--opposite-bg-color-10: rgba(24, 24, 24, 0.1);
|
||||
}
|
||||
|
||||
body.darkTheme {
|
||||
--background-color: #1a1a1a; /* softer than #121212 */
|
||||
--background-color-90: rgba(26, 26, 26, 0.9);
|
||||
--normal-font-color: #d1d1d1; /* off-white, less harsh */
|
||||
|
||||
--normal-font-color-80: rgba(209, 209, 209, 0.8);
|
||||
--normal-font-color-50: rgba(209, 209, 209, 0.5);
|
||||
--normal-font-color-30: rgba(209, 209, 209, 0.3);
|
||||
|
||||
BIN
frontend/src/lib/assets/fonts/logo-font.woff2
Normal file
BIN
frontend/src/lib/assets/fonts/logo-font.woff2
Normal file
Binary file not shown.
@ -1,6 +1,6 @@
|
||||
<script lang="ts">
|
||||
import { navigate } from "svelte-routing"
|
||||
import { serviceNavigation, sites, darkMode } from "../stores"
|
||||
import { serviceNavigation, sites, darkMode, refresh } from "../stores"
|
||||
</script>
|
||||
|
||||
<div class="footer">
|
||||
@ -14,7 +14,7 @@
|
||||
</div>
|
||||
<div class="lower">
|
||||
<p>Tel.: <a href="tel:+491784124555">0178 4124555</a></p>
|
||||
<p>Email: <a href="mailto:kiro0206@icloud.com">kiro0206@icloud.com</a></p>
|
||||
<p>Email: <a href="allkids.erfurt@gmail.com">allkids.erfurt@gmail.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social">
|
||||
@ -48,6 +48,7 @@
|
||||
<button
|
||||
on:click="{() => {
|
||||
navigate(`${$sites[service.seite || '']?.path}`)
|
||||
$refresh = !$refresh
|
||||
}}">{service?.name}</button
|
||||
>
|
||||
{/each}
|
||||
|
||||
@ -1,12 +1,52 @@
|
||||
<script lang="ts">
|
||||
import { onMount } from "svelte"
|
||||
import DesktopHeader from "./desktop.svelte"
|
||||
import MobileHeader from "./mobile.svelte"
|
||||
|
||||
let background: boolean
|
||||
let isHomePage: boolean
|
||||
let scrolled: boolean = false
|
||||
|
||||
// Initial background state
|
||||
function updateBackground() {
|
||||
background = !isHomePage || scrolled
|
||||
}
|
||||
|
||||
// Update isHomePage based on current path
|
||||
function checkHomePage() {
|
||||
isHomePage = window.location.pathname === "/"
|
||||
updateBackground()
|
||||
}
|
||||
|
||||
// Scroll event listener to check if scrolled 100vh
|
||||
function checkScroll() {
|
||||
const scrollHeight = window.innerHeight // 100vh in pixels
|
||||
scrolled = window.scrollY >= scrollHeight
|
||||
checkHomePage()
|
||||
}
|
||||
|
||||
onMount(() => {
|
||||
// Initial check
|
||||
checkHomePage()
|
||||
checkScroll()
|
||||
|
||||
// Listen for changes
|
||||
window.addEventListener("scroll", checkScroll)
|
||||
window.addEventListener("popstate", checkHomePage)
|
||||
|
||||
return () => {
|
||||
// Cleanup event listeners
|
||||
window.removeEventListener("scroll", checkScroll)
|
||||
window.removeEventListener("popstate", checkHomePage)
|
||||
}
|
||||
})
|
||||
let show = false
|
||||
</script>
|
||||
|
||||
<main class="headercontainer">
|
||||
<nav>
|
||||
<nav class="trans" class:bg="{background || show}">
|
||||
<div class="mobile-header">
|
||||
<MobileHeader />
|
||||
<MobileHeader bind:show="{show}" />
|
||||
</div>
|
||||
<div class="desktop-header">
|
||||
<DesktopHeader />
|
||||
@ -18,6 +58,13 @@
|
||||
<style global lang="less">
|
||||
@import "../../assets/css/main.less";
|
||||
@import "../../assets/css/variables.less";
|
||||
.trans {
|
||||
background-color: transparent;
|
||||
transition: background-color 0.5s ease-in-out;
|
||||
}
|
||||
.bg {
|
||||
background-color: var(--background-color);
|
||||
}
|
||||
|
||||
@desktop: ~"only screen and (min-width: 1440px)";
|
||||
.HP {
|
||||
@ -37,7 +84,6 @@
|
||||
position: relative;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
.placeholder {
|
||||
height: 105px;
|
||||
@ -51,7 +97,6 @@
|
||||
width: 100%;
|
||||
color: var(--normal-font-color);
|
||||
height: 105px;
|
||||
|
||||
}
|
||||
@media @desktop {
|
||||
.headercontainer,
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<script lang="ts">
|
||||
import { darkMode, navigation, sites } from "../../stores"
|
||||
import { darkMode, navigation, refresh, sites } from "../../stores"
|
||||
|
||||
import { apiBaseURL } from "../../../config"
|
||||
import { navigate } from "svelte-routing"
|
||||
@ -58,15 +58,20 @@
|
||||
element.classList.remove('show-submenu')
|
||||
changeStateOfSite(false)
|
||||
navigate('/')
|
||||
|
||||
$refresh = !$refresh
|
||||
}}"
|
||||
>
|
||||
<button class="img-logo-container">
|
||||
<img src="/media/logo.svg" alt="logo" />
|
||||
<img src="/media/Radfahrer.svg" alt="logo" />
|
||||
</button>
|
||||
<div class="logo-text">
|
||||
<p id="upper"><span class="yellow">ALL</span> <span class="red">KIDS</span></p>
|
||||
<p id="lower">SO GÜNSTIG WIE NACHHALTIG</p>
|
||||
</div>
|
||||
<button class="img-logo-container">
|
||||
<img src="/media/MädchenmitBlume.svg" alt="logo" />
|
||||
</button>
|
||||
</button>
|
||||
<ul class="menuitem-container">
|
||||
{#if $navigation?.elemente}
|
||||
@ -82,6 +87,7 @@
|
||||
element.classList.remove('show-submenu')
|
||||
changeStateOfSite(false)
|
||||
navigate(`${$sites[site.seite || ''].path}`)
|
||||
$refresh = !$refresh
|
||||
}
|
||||
}
|
||||
}}"
|
||||
@ -162,6 +168,7 @@
|
||||
element.classList.remove('show-submenu')
|
||||
changeStateOfSite(false)
|
||||
navigate(`${$sites[submenu_point.seite || '']?.path}`)
|
||||
$refresh = !$refresh
|
||||
}}">{submenu_point?.name}</button
|
||||
>
|
||||
</li>
|
||||
@ -199,15 +206,18 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.logo-text {
|
||||
padding: 0px 10px;
|
||||
p {
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
& > #upper {
|
||||
span {
|
||||
font-family: "Orbitron" !important;
|
||||
font-size: 31px;
|
||||
font-family: "Grandstander" !important;
|
||||
font-size: 42px;
|
||||
font-weight: 700;
|
||||
word-spacing: 5px;
|
||||
letter-spacing: 4px;
|
||||
&.red {
|
||||
color: red;
|
||||
}
|
||||
@ -218,8 +228,10 @@
|
||||
}
|
||||
& > #lower {
|
||||
font-size: 13px;
|
||||
letter-spacing: 0.4px;
|
||||
font-weight: bold;
|
||||
color: orange;
|
||||
font-family: "Grandstander" !important;
|
||||
}
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
@ -235,7 +247,6 @@
|
||||
}
|
||||
}
|
||||
div {
|
||||
margin-right: 10%;
|
||||
}
|
||||
.menuitem-container {
|
||||
display: flex;
|
||||
|
||||
@ -1,13 +1,14 @@
|
||||
<script lang="ts">
|
||||
import { navigation, sites } from "../../stores"
|
||||
import { navigation, refresh, sites } from "../../stores"
|
||||
import { onMount } from "svelte"
|
||||
import { apiBaseURL } from "../../../config"
|
||||
import { navigate } from "svelte-routing"
|
||||
|
||||
export let show = false
|
||||
let images: HTMLImageElement[] = []
|
||||
function changeStateOfSite(menuOn: boolean) {
|
||||
let element = document.getElementById("menu") as HTMLElement
|
||||
element.classList.toggle("show-menu")
|
||||
show = !show
|
||||
let body = document.body
|
||||
if (menuOn) {
|
||||
body.style.overflow = "initial"
|
||||
@ -56,15 +57,19 @@
|
||||
class="logo-container"
|
||||
on:click="{() => {
|
||||
navigate('/')
|
||||
$refresh = !$refresh
|
||||
}}"
|
||||
>
|
||||
<button class="img-logo-container">
|
||||
<img src="/media/logo.svg" alt="logo" />
|
||||
<img src="/media/Radfahrer.svg" alt="logo" />
|
||||
</button>
|
||||
<div class="logo-text">
|
||||
<p id="upper"><span class="yellow">ALL</span> <span class="red">KIDS</span></p>
|
||||
<p id="lower">SO GÜNSTIG WIE NACHHALTIG</p>
|
||||
</div>
|
||||
<button class="img-logo-container">
|
||||
<img src="/media/MädchenmitBlume.svg" alt="logo" />
|
||||
</button>
|
||||
</button>
|
||||
<button
|
||||
class="button-three"
|
||||
@ -100,6 +105,7 @@
|
||||
navigate(`${$sites[link.seite ?? '']?.path}`)
|
||||
let element = document.getElementById('menu')
|
||||
if (element) changeStateOfSite(element.classList.contains('show-menu'))
|
||||
$refresh = !$refresh
|
||||
return
|
||||
}
|
||||
let element = e.currentTarget
|
||||
@ -132,6 +138,7 @@
|
||||
let element = document.getElementById('menu')
|
||||
if (element)
|
||||
changeStateOfSite(element.classList.contains('show-menu'))
|
||||
$refresh = !$refresh
|
||||
}}">{submenu.name}</button
|
||||
>
|
||||
</li>
|
||||
@ -198,7 +205,6 @@
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background-color: var(--background-color);
|
||||
|
||||
ul {
|
||||
.header {
|
||||
@ -208,7 +214,7 @@
|
||||
justify-content: space-between;
|
||||
height: 105px;
|
||||
.button-three {
|
||||
--button-color: var(--normal-font-color);
|
||||
--button-color: var(--hover-color);
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
}
|
||||
@ -237,15 +243,18 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.logo-text {
|
||||
padding: 0px 10px;
|
||||
p {
|
||||
white-space: nowrap;
|
||||
text-align: left;
|
||||
}
|
||||
& > #upper {
|
||||
span {
|
||||
font-family: "Orbitron" !important;
|
||||
font-size: 31px;
|
||||
font-family: "Grandstander" !important;
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
word-spacing: 5px;
|
||||
letter-spacing: 4px;
|
||||
&.red {
|
||||
color: red;
|
||||
}
|
||||
@ -255,9 +264,11 @@
|
||||
}
|
||||
}
|
||||
& > #lower {
|
||||
font-size: 13px;
|
||||
font-size: 10px;
|
||||
letter-spacing: 0.4px;
|
||||
font-weight: bold;
|
||||
color: orange;
|
||||
font-family: "Grandstander" !important;
|
||||
}
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
|
||||
@ -48,6 +48,8 @@
|
||||
let teaser = teasers[0]
|
||||
</script>
|
||||
|
||||
<!-- svelte-ignore a11y-img-redundant-alt -->
|
||||
<div class="background-img"><img src="media/HP.webp" alt="bg-image" /></div>
|
||||
{#if teaser}
|
||||
<div class="container" id="HP">
|
||||
<!-- svelte-ignore a11y-no-static-element-interactions -->
|
||||
@ -121,7 +123,37 @@
|
||||
@import "swiper/modules/navigation/navigation";
|
||||
@import "swiper/modules/pagination/pagination";
|
||||
@import "../../assets/css/SwiperStylesHP.less";
|
||||
.background-img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.background-img {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.background-img img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
object-fit: cover;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.background-img::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background: rgba(48, 47, 47, 0.242);
|
||||
z-index: 2; /* Higher than the image */
|
||||
}
|
||||
.container#HP {
|
||||
padding: 20px 0px 150px 0px;
|
||||
min-height: 100vh;
|
||||
@ -135,6 +167,9 @@
|
||||
}
|
||||
.inner-container {
|
||||
display: flex;
|
||||
|
||||
padding: 15px;
|
||||
border-radius: 10px;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
@ -175,6 +210,7 @@
|
||||
.description {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
color: var(--opposite-font-color);
|
||||
& > div {
|
||||
flex: 0 0 5%;
|
||||
min-width: 0px;
|
||||
|
||||
@ -42,8 +42,8 @@
|
||||
justify-content: center;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
border-radius: 50%;
|
||||
z-index: 1000;
|
||||
background-color: var(--link-font-color);
|
||||
|
||||
@ -15,3 +15,4 @@ export let sites = writable<Sites>({})
|
||||
export let serviceNavigation = writable<Navigation>()
|
||||
export let banner = writable<Banner[]>([])
|
||||
export let darkMode = writable<boolean>(false)
|
||||
export let refresh = writable<boolean>(false)
|
||||
|
||||
@ -15,7 +15,13 @@
|
||||
Die gesuchte Seite wurde möglicherweise entfernt, ihr Name wurde geändert oder sie ist vorübergehend nicht
|
||||
verfügbar.
|
||||
</p>
|
||||
<button on:click="{() => navigate('/')}" class="back-home">Zurück zur Startseite</button>
|
||||
<button
|
||||
on:click="{() => {
|
||||
navigate('/')
|
||||
$refresh = !$refresh
|
||||
}}"
|
||||
class="back-home">Zurück zur Startseite</button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user