mirror of
https://github.com/Lapikud/tipilan.git
synced 2026-03-23 13:24:21 +00:00
Responsiveness changes, new logo
This commit is contained in:
Alacris
@@ -1,20 +0,0 @@
|
||||
<svg width="2096" height="300" viewBox="0 0 2096 300" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_141_149)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1694.15 223.752L1708.91 300H1786.92L1817.33 156.127L1894.26 264.032C1894.26 264.032 1895.78 266.281 1898.51 269.653C1899.88 271.339 1901.55 273.305 1903.49 275.412C1905.43 277.52 1907.64 279.768 1910.08 282.016C1912.52 284.264 1915.19 286.512 1918.05 288.619C1920.92 290.727 1923.97 292.695 1927.19 294.381C1928.79 295.224 1930.44 295.997 1932.12 296.682C1933.8 297.367 1935.51 297.964 1937.26 298.455C1939 298.947 1940.78 299.333 1942.57 299.596C1944.37 299.859 1946.2 300 1948.04 300H2032.46L2096 0.000244141H1986.62L1954.4 152.496L1883.25 38.1253C1883.25 38.1253 1882.12 35.7423 1879.88 32.1682C1878.76 30.3811 1877.35 28.2946 1875.68 26.0608C1874 23.8269 1872.05 21.4455 1869.82 19.0628C1867.59 16.68 1865.09 14.2966 1862.31 12.0628C1859.54 9.82892 1856.49 7.74433 1853.17 5.95726C1851.51 5.06374 1849.79 4.24384 1847.99 3.51783C1846.2 2.79186 1844.34 2.16016 1842.41 1.63897C1840.48 1.11773 1838.49 0.707222 1836.43 0.42799C1834.36 0.148683 1832.23 0.000244141 1830.04 0.000244141H1741.54L1694.15 223.752Z" fill="#00A3E0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1342.04 223.752L1294.97 300H1420.69L1443.84 256.43H1557.3L1562.75 300H1684.38L1669.62 223.752L1633.55 37.5002C1633.55 37.5002 1633.07 35.1565 1631.79 31.6409C1631.15 29.883 1630.31 27.8323 1629.23 25.635C1628.15 23.4377 1626.82 21.094 1625.22 18.7502C1623.61 16.4065 1621.72 14.0627 1619.51 11.8655C1618.4 10.7668 1617.21 9.70459 1615.94 8.69749C1614.67 7.69044 1613.31 6.73855 1611.86 5.85962C1610.41 4.98073 1608.87 4.1753 1607.23 3.4612C1605.59 2.74706 1603.86 2.12427 1602.02 1.61157C1600.19 1.09888 1598.25 0.696766 1596.21 0.422108C1594.16 0.147336 1592.01 0.000244141 1589.75 0.000244141H1516.68C1514.44 0.000244141 1512.25 0.14726 1510.11 0.422108C1507.97 0.696879 1505.87 1.09888 1503.83 1.61157C1501.79 2.12427 1499.8 2.74706 1497.87 3.4612C1495.94 4.1753 1494.06 4.98073 1492.24 5.85962C1488.61 7.61744 1485.2 9.66821 1482.06 11.8655C1478.91 14.0627 1476.02 16.4065 1473.41 18.7502C1470.8 21.094 1468.47 23.4377 1466.44 25.635C1464.41 27.8323 1462.69 29.883 1461.29 31.6409C1458.49 35.1565 1457 37.5002 1457 37.5002L1342.04 223.752ZM1535.97 86.6878L1547.77 182.905H1483.78L1535.97 86.6878Z" fill="#00A3E0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1089.19 -0.000244141L1025.65 300H1264.97L1312.04 223.752H1156.82L1204.47 -0.000244141H1089.19Z" fill="#00A3E0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M939.821 -0.000244141L876.28 300H990.653L1054.19 -0.000244141H939.821Z" fill="#EEE5E5"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M550.819 -7.11276e-05L487.278 300H602.104L622.528 202.42H751.425C756.729 202.42 761.832 202.374 766.739 202.273C771.647 202.172 776.359 202.017 780.886 201.797C785.412 201.577 789.752 201.294 793.913 200.937C798.074 200.581 802.056 200.151 805.866 199.64C809.676 199.13 813.314 198.538 816.788 197.855C820.262 197.173 823.573 196.399 826.728 195.527C829.882 194.655 832.88 193.683 835.73 192.603C838.579 191.524 841.281 190.336 843.841 189.031C846.401 187.726 848.821 186.305 851.106 184.758C853.392 183.21 855.544 181.537 857.571 179.728C859.598 177.92 861.499 175.975 863.282 173.888C865.065 171.802 866.729 169.572 868.284 167.189C869.839 164.807 871.284 162.271 872.626 159.574C873.968 156.877 875.207 154.02 876.351 150.992C877.495 147.964 878.543 144.766 879.505 141.388C880.467 138.011 881.342 134.455 882.136 130.711L894.39 71.7088C895.297 66.9433 896.092 62.5181 896.659 58.3767C896.943 56.306 897.17 54.3065 897.325 52.3709C897.481 50.4352 897.565 48.5632 897.565 46.7478C897.565 44.365 897.449 42.0967 897.212 39.9392C896.975 37.7817 896.617 35.7349 896.136 33.7927C895.655 31.8505 895.05 30.0124 894.319 28.2752C893.588 26.5379 892.731 24.9015 891.743 23.3591C890.756 21.8167 889.638 20.3691 888.388 19.0115C887.138 17.6539 885.755 16.3863 884.235 15.2029C882.716 14.0195 881.059 12.9212 879.263 11.9021C877.467 10.883 875.532 9.94304 873.454 9.07787C871.376 8.21269 869.156 7.42073 866.79 6.69899C864.424 5.97726 861.911 5.32578 859.249 4.73806C856.587 4.15035 853.778 3.62787 850.815 3.16382C847.853 2.69977 844.737 2.29414 841.466 1.9431C838.195 1.59198 834.768 1.29463 831.183 1.04666C827.597 0.798721 823.852 0.600241 819.946 0.445091C812.134 0.134792 803.674 -0.000244141 794.54 -0.000244141L550.819 -7.11276e-05ZM649.306 76.2479H756.87C758.629 76.2479 760.252 76.3122 761.747 76.4415C763.242 76.5707 764.61 76.765 765.855 77.0274C767.099 77.2897 768.221 77.6203 769.228 78.0196C770.234 78.4189 771.125 78.8869 771.905 79.4258C772.685 79.9648 773.355 80.5736 773.921 81.2559C774.487 81.9381 774.95 82.6938 775.315 83.5235C775.681 84.3532 775.948 85.2577 776.124 86.2383C776.3 87.2189 776.386 88.2756 776.386 89.4102C776.386 90.5449 776.273 91.6797 776.103 92.8145C775.932 93.9493 775.704 95.0842 775.478 96.2188L773.21 107.565C772.813 109.493 772.365 111.267 771.853 112.893C771.34 114.518 770.762 115.996 770.103 117.336C769.443 118.676 768.703 119.879 767.864 120.951C767.026 122.024 766.09 122.966 765.04 123.789C763.991 124.612 762.827 125.314 761.534 125.904C760.242 126.495 758.82 126.974 757.253 127.35C755.686 127.726 753.973 127.999 752.099 128.178C750.225 128.357 748.19 128.442 745.978 128.442H638.413L649.306 76.2479Z" fill="#EEE5E5"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M452.28 300L515.819 -0.000244141H401.448L337.907 300H452.28Z" fill="#EEE5E5"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M104.854 220L99.5586 245L93.2051 275C93.0218 275.865 92.8842 276.72 92.791 277.562C92.6977 278.405 92.647 279.235 92.6406 280.051C92.633 280.866 92.6708 281.665 92.746 282.449C92.8227 283.233 92.9403 284.002 93.0975 284.75C93.2548 285.498 93.4494 286.227 93.6835 286.935C93.9174 287.644 94.1903 288.331 94.4979 288.996C94.8055 289.661 95.1492 290.303 95.5272 290.92C95.9052 291.537 96.3183 292.128 96.7635 292.693C97.2087 293.258 97.6861 293.796 98.1952 294.304C98.7044 294.813 99.2445 295.294 99.8143 295.742C100.384 296.19 100.982 296.608 101.609 296.992C102.236 297.376 102.893 297.725 103.574 298.041C104.255 298.356 104.965 298.636 105.697 298.879C106.43 299.121 107.185 299.328 107.965 299.494C108.745 299.66 109.549 299.786 110.373 299.871C111.197 299.956 112.043 300 112.908 300H142.908C143.774 300 144.637 299.956 145.498 299.871C146.358 299.786 147.216 299.66 148.066 299.494C148.917 299.328 149.762 299.121 150.598 298.879C151.433 298.636 152.259 298.356 153.074 298.041C153.889 297.725 154.69 297.376 155.48 296.992C156.27 296.608 157.047 296.19 157.807 295.742C158.566 295.294 159.31 294.813 160.035 294.304C160.76 293.796 161.466 293.258 162.15 292.693C162.835 292.128 163.497 291.537 164.137 290.92C164.776 290.303 165.393 289.661 165.982 288.996C166.571 288.331 167.134 287.644 167.668 286.935C168.202 286.227 168.706 285.498 169.18 284.75C169.654 284.002 170.095 283.233 170.504 282.449C170.912 281.665 171.29 280.866 171.629 280.051C171.967 279.235 172.268 278.405 172.531 277.562C172.795 276.72 173.02 275.865 173.203 275L179.556 245L184.851 220H159.851H129.851H104.854Z" fill="#EEE5E5"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.0938 115L148.031 205L292.094 115L170.062 160L167.094 115L145.063 160L42.0938 115Z" fill="#00A3E0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M266.449 -0.000244141L261.154 24.9997L250.564 74.9998L245.27 99.9997H270.27H320.27C321.135 99.9997 321.999 99.9559 322.859 99.8708C323.72 99.7858 324.577 99.6599 325.428 99.494C326.278 99.3281 327.124 99.1217 327.959 98.8788C328.794 98.6361 329.621 98.3563 330.436 98.0409C331.251 97.7257 332.052 97.376 332.842 96.9921C333.632 96.6081 334.408 96.1905 335.168 95.7421C335.928 95.2937 336.672 94.8133 337.396 94.3046C338.121 93.796 338.827 93.2581 339.512 92.6933C340.196 92.1284 340.859 91.5367 341.498 90.9198C342.137 90.3029 342.753 89.6608 343.342 88.996C343.931 88.3312 344.495 87.6441 345.029 86.9355C345.563 86.2269 346.067 85.4981 346.541 84.7499C347.015 84.0017 347.456 83.2329 347.865 82.4491C348.274 81.6654 348.65 80.8658 348.988 80.0506C349.327 79.2354 349.629 78.4048 349.893 77.5624C350.156 76.72 350.381 75.8655 350.564 74.9999L361.154 24.9999L366.449 -0.000128799H341.449H291.449L266.449 -0.000244141Z" fill="#EEE5E5"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M141.449 -0.000244141L120.27 99.9997H220.27L241.449 -0.000244141H141.449Z" fill="#EEE5E5"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4492 -7.11276e-05L11.1544 24.9999L0.564456 74.9999C0.381149 75.8656 0.243979 76.72 0.150436 77.5624C0.0570817 78.4048 0.00639753 79.2355 -2.76641e-05 80.0507C-0.00758672 80.8659 0.03024 81.6654 0.105453 82.4491C0.182177 83.2329 0.299729 84.0017 0.456957 84.7499C0.614186 85.4981 0.811092 86.2269 1.04486 86.9355C1.27881 87.6441 1.54982 88.3312 1.85733 88.996C2.16498 89.6608 2.50861 90.3029 2.88664 90.9198C3.2647 91.5367 3.67784 92.1284 4.12299 92.6933C4.56818 93.2581 5.04547 93.796 5.55461 94.3046C6.06375 94.8133 6.60389 95.2938 7.17373 95.7421C7.74357 96.1905 8.34143 96.6082 8.96868 96.9921C9.59593 97.3761 10.2521 97.7255 10.9335 98.0409C11.6149 98.3565 12.3243 98.6361 13.0566 98.8788C13.7889 99.1215 14.5441 99.3281 15.3241 99.494C16.1042 99.6599 16.9078 99.7858 17.7323 99.8708C18.5567 99.9559 19.4018 99.9997 20.2675 99.9997H70.2675H95.2675L100.562 74.9998L111.152 24.9997L116.447 -0.000244141H91.4472H41.4472L16.4492 -7.11276e-05Z" fill="#EEE5E5"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_141_149">
|
||||
<rect width="2096" height="300" fill="white" transform="translate(0 -0.000244141)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 9.4 KiB |
17
public/tipilan-logo.svg
Normal file
17
public/tipilan-logo.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg width="524" height="129" viewBox="0 0 524 129" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M423.537 55.9568L427.228 75.0253H446.731L454.333 39.0449L473.565 66.0301C473.565 66.0301 473.944 66.5925 474.628 67.4358C474.97 67.8574 475.388 68.3492 475.874 68.8762C476.359 69.4033 476.911 69.9655 477.521 70.5277C478.131 71.0899 478.798 71.652 479.514 72.1791C480.229 72.7061 480.994 73.1984 481.797 73.62C482.198 73.8308 482.61 74.0241 483.03 74.1954C483.45 74.3667 483.878 74.5159 484.314 74.6389C484.75 74.7619 485.194 74.8583 485.644 74.9242C486.093 74.99 486.549 75.0253 487.01 75.0253H508.115L524 0H496.655L488.599 38.1369L470.813 9.53447C470.813 9.53447 470.531 8.93853 469.97 8.0447C469.689 7.59778 469.339 7.07597 468.919 6.51733C468.5 5.95868 468.012 5.36313 467.455 4.76723C466.898 4.17134 466.272 3.57529 465.578 3.01665C464.884 2.458 464.122 1.93667 463.293 1.48975C462.878 1.2663 462.447 1.06126 461.999 0.879693C461.55 0.698139 461.085 0.540162 460.603 0.409818C460.121 0.279466 459.622 0.176804 459.106 0.106972C458.591 0.0371222 458.059 0 457.51 0H435.384L423.537 55.9568Z" fill="#00A3E0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M323.744 75.0253H355.173L360.96 64.129H389.326L390.687 75.0253H421.096L408.388 9.37816C408.388 9.37816 408.269 8.79203 407.949 7.91282C407.789 7.47322 407.579 6.96035 407.308 6.41085C407.037 5.86135 406.706 5.27521 406.304 4.68908C405.902 4.10294 405.43 3.51681 404.877 2.96731C404.6 2.69256 404.303 2.4269 403.985 2.17505C403.667 1.9232 403.327 1.68514 402.964 1.46534C402.602 1.24554 402.216 1.04412 401.807 0.86553C401.398 0.686934 400.964 0.531184 400.505 0.402968C400.046 0.274751 399.562 0.174189 399.052 0.105501C398.541 0.0367853 398.004 0 397.438 0H379.171C378.611 0 378.063 0.0367664 377.527 0.105501C376.992 0.174217 376.468 0.274751 375.958 0.402968C375.448 0.531184 374.951 0.686934 374.468 0.86553C373.985 1.04412 373.516 1.24554 373.061 1.46534C372.152 1.90494 371.301 2.41781 370.514 2.96731C369.727 3.51681 369.005 4.10294 368.352 4.68908C367.699 5.27521 367.117 5.86135 366.61 6.41085C366.103 6.96035 365.672 7.47322 365.322 7.91282C364.623 8.79203 364.25 9.37816 364.25 9.37816L323.744 75.0253ZM383.993 21.6792L386.943 45.7415H370.945L383.993 21.6792Z" fill="#00A3E0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M272.299 0L256.414 75.0253H316.244L328.009 55.9568H289.205L301.118 0H272.299Z" fill="#00A3E0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M234.956 0L219.07 75.0253H247.664L263.548 0H234.956Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M137.705 4.32678e-05L121.82 75.0253H150.527L155.633 50.6221H187.857C189.183 50.6221 190.458 50.6106 191.685 50.5854C192.912 50.5601 194.09 50.5212 195.222 50.4662C196.354 50.4112 197.439 50.3404 198.479 50.2513C199.519 50.1622 200.515 50.0547 201.467 49.927C202.42 49.7993 203.329 49.6512 204.198 49.4805C205.066 49.3098 205.894 49.1164 206.682 48.8983C207.471 48.6802 208.22 48.4371 208.933 48.1671C209.645 47.8971 210.321 47.6 210.961 47.2737C211.601 46.9474 212.206 46.5921 212.777 46.205C213.349 45.8179 213.887 45.3995 214.393 44.9473C214.9 44.495 215.375 44.0087 215.821 43.4868C216.267 42.965 216.683 42.4073 217.072 41.8114C217.46 41.2156 217.822 40.5814 218.157 39.907C218.492 39.2326 218.802 38.518 219.088 37.7608C219.374 37.0035 219.636 36.2037 219.877 35.3591C220.117 34.5145 220.336 33.6251 220.534 32.6887L223.598 17.9333C223.825 16.7415 224.023 15.6349 224.165 14.5992C224.236 14.0813 224.293 13.5813 224.332 13.0972C224.371 12.6131 224.392 12.145 224.392 11.6909C224.392 11.0951 224.363 10.5278 224.303 9.98822C224.244 9.44866 224.155 8.9368 224.034 8.45109C223.914 7.96537 223.763 7.50568 223.58 7.07123C223.398 6.63677 223.183 6.22754 222.936 5.84181C222.689 5.45608 222.41 5.09404 222.097 4.75453C221.785 4.41501 221.439 4.09801 221.059 3.80206C220.679 3.50612 220.265 3.23145 219.816 2.97658C219.367 2.72172 218.883 2.48666 218.364 2.27029C217.845 2.05393 217.29 1.85587 216.698 1.67537C216.106 1.49488 215.478 1.33195 214.813 1.18498C214.147 1.038 213.445 0.907334 212.704 0.791282C211.964 0.67523 211.185 0.573789 210.367 0.485999C209.549 0.39819 208.693 0.323828 207.796 0.261814C206.9 0.199808 205.964 0.150172 204.987 0.111371C203.034 0.0337705 200.919 0 198.636 0L137.705 4.32678e-05ZM162.327 19.0685H189.218C189.658 19.0685 190.063 19.0845 190.437 19.1169C190.811 19.1492 191.153 19.1978 191.464 19.2634C191.775 19.329 192.056 19.4117 192.307 19.5115C192.559 19.6114 192.782 19.7284 192.977 19.8632C193.172 19.998 193.339 20.1503 193.481 20.3209C193.622 20.4915 193.738 20.6805 193.829 20.888C193.921 21.0955 193.987 21.3217 194.032 21.5669C194.076 21.8121 194.097 22.0764 194.097 22.3601C194.097 22.6439 194.069 22.9277 194.026 23.2115C193.984 23.4953 193.927 23.7791 193.87 24.0629L193.303 26.9002C193.204 27.3826 193.092 27.8262 192.964 28.2327C192.835 28.6392 192.691 29.0088 192.526 29.3439C192.361 29.6791 192.176 29.9798 191.967 30.248C191.757 30.5163 191.523 30.752 191.261 30.9578C190.998 31.1635 190.707 31.3391 190.384 31.4867C190.061 31.6344 189.706 31.7542 189.314 31.8482C188.922 31.9422 188.494 32.0105 188.025 32.0553C187.557 32.1001 187.048 32.1213 186.495 32.1213H159.604L162.327 19.0685Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M113.07 75.0253L128.955 0H100.362L84.4771 75.0253H113.07Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.2135 55.0176L23.3014 68.7723C23.2556 68.9888 23.2212 69.2024 23.1979 69.4131C23.1746 69.6238 23.1619 69.8316 23.1603 70.0354C23.1584 70.2393 23.1678 70.4392 23.1867 70.6352C23.2058 70.8312 23.2352 71.0235 23.2745 71.2106C23.3138 71.3977 23.3625 71.58 23.421 71.7572C23.4795 71.9344 23.5477 72.1062 23.6246 72.2725C23.7015 72.4387 23.7874 72.5993 23.8819 72.7536C23.9765 72.9079 24.0797 73.0559 24.191 73.1971C24.3023 73.3384 24.4217 73.4729 24.5489 73.6001C24.6762 73.7273 24.8113 73.8474 24.9537 73.9596C25.0962 74.0717 25.2457 74.1761 25.4025 74.2722C25.5593 74.3682 25.7233 74.4556 25.8937 74.5345C26.064 74.6134 26.2414 74.6833 26.4244 74.744C26.6075 74.8047 26.7963 74.8564 26.9913 74.8979C27.1863 74.9394 27.3873 74.9708 27.5934 74.9921C27.7995 75.0134 28.0108 75.0244 28.2272 75.0244H35.7272C35.9436 75.0244 36.1595 75.0134 36.3746 74.9921C36.5898 74.9708 36.8041 74.9394 37.0167 74.8979C37.2293 74.8564 37.4408 74.8047 37.6495 74.744C37.8583 74.6833 38.0649 74.6134 38.2687 74.5345C38.4724 74.4556 38.6727 74.3682 38.8702 74.2722C39.0677 74.1761 39.2618 74.0717 39.4518 73.9596C39.6417 73.8474 39.8277 73.7273 40.0089 73.6001C40.19 73.4729 40.3666 73.3384 40.5377 73.1971C40.7088 73.0559 40.8745 72.9079 41.0343 72.7536C41.1941 72.5993 41.3484 72.4387 41.4957 72.2725C41.643 72.1062 41.7836 71.9344 41.9171 71.7572C42.0506 71.58 42.1765 71.3977 42.295 71.2106C42.4135 71.0235 42.5239 70.8312 42.6261 70.6352C42.7282 70.4392 42.8227 70.2393 42.9073 70.0354C42.992 69.8316 43.0671 69.6238 43.1329 69.4131C43.1988 69.2024 43.2551 68.9888 43.3009 68.7723L46.213 55.0176H26.2135Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5239 28.7588L37.0083 51.2663L73.0239 28.7588L42.5161 40.0125L41.7739 28.7588L36.2661 40.0125L10.5239 28.7588Z" fill="#00A3E0"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M66.6127 2.80457e-05L61.3178 25.0084H80.0678C80.2842 25.0084 80.5002 24.9975 80.7153 24.9762C80.9304 24.9549 81.1448 24.9235 81.3574 24.882C81.5699 24.8405 81.7814 24.7889 81.9902 24.7281C82.199 24.6674 82.4056 24.5974 82.6093 24.5186C82.8131 24.4397 83.0134 24.3523 83.2109 24.2563C83.4083 24.1602 83.6025 24.0558 83.7924 23.9437C83.9824 23.8315 84.1684 23.7114 84.3495 23.5842C84.5307 23.457 84.7072 23.3225 84.8783 23.1812C85.0495 23.04 85.2151 22.892 85.3749 22.7377C85.5348 22.5834 85.6886 22.4228 85.8359 22.2566C85.9832 22.0903 86.1242 21.9185 86.2577 21.7413C86.3912 21.5641 86.5172 21.3818 86.6357 21.1947C86.7542 21.0076 86.8645 20.8153 86.9667 20.6193C87.0689 20.4233 87.1628 20.2233 87.2475 20.0195C87.3322 19.8156 87.4077 19.6079 87.4736 19.3972C87.5394 19.1865 87.5957 18.9728 87.6415 18.7564L91.6127 5.68909e-05L66.6127 2.80457e-05Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.3624 2.80457e-05L30.0675 25.0084H55.0675L60.3624 2.80457e-05H35.3624Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.11255 4.32678e-05L0.141358 18.7564C0.0955314 18.9728 0.0612389 19.1865 0.0378531 19.3972C0.0145146 19.6079 0.00184352 19.8156 0.000237225 20.0195C-0.00165254 20.2233 0.00780414 20.4233 0.0266073 20.6193C0.0457884 20.8153 0.0751764 21.0075 0.114483 21.1947C0.153791 21.3818 0.203017 21.564 0.261458 21.7412C0.319946 21.9185 0.3877 22.0903 0.464575 22.2565C0.541489 22.4228 0.627396 22.5834 0.721903 22.7377C0.81642 22.8919 0.919703 23.0399 1.03099 23.1812C1.14229 23.3224 1.26161 23.4569 1.3889 23.5842C1.51618 23.7114 1.65122 23.8315 1.79368 23.9436C1.93614 24.0558 2.0856 24.1602 2.24241 24.2563C2.39923 24.3523 2.56327 24.4397 2.73363 24.5185C2.90398 24.5975 3.08131 24.6674 3.26439 24.7281C3.44748 24.7888 3.63626 24.8404 3.83128 24.8819C4.02629 24.9234 4.22719 24.9549 4.43332 24.9762C4.63943 24.9974 4.8507 25.0084 5.06711 25.0084H23.8171L29.112 0L4.11255 4.32678e-05Z" fill="white"/>
|
||||
<path d="M202.251 129H154.043L157.277 113.544C158.535 107.554 163.206 104.319 172.129 104.319H189.496C191.472 104.319 192.43 103.72 192.79 102.102L192.909 101.503C192.969 101.264 192.969 101.024 192.969 100.844C192.969 99.7659 192.191 99.3466 190.574 99.3466H179.794C176.381 99.3466 175.243 99.8857 174.884 101.383L174.824 101.743H159.793L160.451 98.7475C162.188 90.84 166.32 89.4022 177.698 89.4022H195.484C204.827 89.4022 208.959 90.4206 208.959 95.8121C208.959 96.8305 208.839 98.0287 208.539 99.3466L207.282 105.157C205.964 111.088 202.012 114.143 190.813 114.143H174.405C172.967 114.143 172.069 114.802 171.77 116.12L171.171 118.936H204.347L202.251 129Z" fill="white"/>
|
||||
<path d="M241.089 129H222.585C213.003 129 209.05 127.862 209.05 122.77C209.05 121.871 209.23 120.793 209.47 119.535L213.841 98.8673C215.518 90.8999 219.83 89.4022 230.969 89.4022H249.473C259.055 89.4022 263.067 90.5404 263.067 95.6324C263.067 96.531 262.888 97.6093 262.648 98.8673L258.276 119.535C256.6 127.442 252.467 129 241.089 129ZM244.024 116.24L247.018 102.162C247.078 101.803 247.138 101.443 247.138 101.144C247.138 99.8258 246.239 99.4664 243.125 99.4664H233.244C229.471 99.4664 228.753 99.9456 228.274 102.162L225.279 116.24C225.16 116.659 225.1 117.019 225.1 117.378C225.1 118.636 226.058 118.936 229.112 118.936H238.993C242.766 118.936 243.545 118.397 244.024 116.24Z" fill="white"/>
|
||||
<path d="M309.8 129H261.592L264.826 113.544C266.084 107.554 270.755 104.319 279.678 104.319H297.044C299.021 104.319 299.979 103.72 300.338 102.102L300.458 101.503C300.518 101.264 300.518 101.024 300.518 100.844C300.518 99.7659 299.739 99.3466 298.122 99.3466H287.343C283.929 99.3466 282.792 99.8857 282.432 101.383L282.372 101.743H267.341L268 98.7475C269.737 90.84 273.869 89.4022 285.247 89.4022H303.033C312.375 89.4022 316.507 90.4206 316.507 95.8121C316.507 96.8305 316.388 98.0287 316.088 99.3466L314.83 105.157C313.513 111.088 309.561 114.143 298.362 114.143H281.953C280.516 114.143 279.618 114.802 279.318 116.12L278.719 118.936H311.896L309.8 129Z" fill="white"/>
|
||||
<path d="M348.039 129H330.193C320.671 129 316.599 127.862 316.599 122.71C316.599 121.811 316.779 120.733 317.018 119.535L321.45 98.7475C323.126 90.84 327.259 89.4022 338.577 89.4022H357.86C366.424 89.4022 369.957 91.3791 369.957 96.0518C369.957 96.8905 369.837 97.789 369.658 98.7475L368.999 101.863H353.908L353.968 101.503C354.028 101.323 354.028 101.084 354.028 100.904C354.028 99.7659 353.009 99.3466 350.015 99.3466H338.936C336.96 99.3466 336.301 100.125 336.062 101.264L335.403 104.379H356.243C363.13 104.379 366.903 106.655 366.903 110.729C366.903 111.268 366.843 111.807 366.723 112.406L365.226 119.535C363.549 127.383 359.597 129 348.039 129ZM335.762 118.936H347.62C349.476 118.936 350.375 118.397 350.734 116.839L350.854 116.12C350.913 115.881 350.913 115.641 350.913 115.401C350.913 114.383 350.195 113.904 348.698 113.904H333.367L332.828 116.48C332.708 116.899 332.648 117.318 332.648 117.618C332.648 118.636 333.367 118.936 335.762 118.936Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
@@ -98,10 +98,31 @@ export default function CarouselSection({ sectionRef }: CarouselSectionProps) {
|
||||
const headingOnRight = SLIDES[currentSlide]?.layout === "right";
|
||||
|
||||
return (
|
||||
<>
|
||||
{/* Mobile: stacked slides, no hero images, no transitions */}
|
||||
<div className="lg:hidden">
|
||||
{SLIDES.map((slide, i) => (
|
||||
<div key={i} className="relative w-full overflow-hidden border-t-4 border-primary-50">
|
||||
<Image
|
||||
src={slide.bgImage}
|
||||
alt=""
|
||||
fill
|
||||
sizes="100vw"
|
||||
className="object-cover pointer-events-none"
|
||||
/>
|
||||
<div className="relative z-[1] flex flex-col gap-4 justify-end h-full p-6 pb-12">
|
||||
<h3 className="text-h1 text-text-light text-shadow-teaser">{t(slide.titleKey)}</h3>
|
||||
<p className="text-p-lg text-text-light max-w-[500px]">{t(slide.descKey)}</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* Desktop: scroll-based carousel with transitions */}
|
||||
<section
|
||||
ref={sectionRef}
|
||||
className="relative hidden lg:block"
|
||||
style={{ height: `${SLIDES.length * 100}dvh` }}
|
||||
style={{ height: `${SLIDES.length * 150}dvh` }}
|
||||
>
|
||||
<div className="sticky top-0 h-dvh w-full overflow-hidden border-t-4 border-primary-50">
|
||||
{/* Slides */}
|
||||
@@ -162,5 +183,6 @@ export default function CarouselSection({ sectionRef }: CarouselSectionProps) {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -46,24 +46,24 @@ export default function EndSection() {
|
||||
|
||||
return (
|
||||
<section className="relative w-full border-t-4 border-primary-50 hidden lg:block">
|
||||
<div className="flex flex-col md:flex-row min-h-dvh">
|
||||
<div className="flex flex-row min-h-dvh">
|
||||
{/* Tickets side */}
|
||||
<div className="relative flex-1 overflow-hidden min-h-[50dvh] md:min-h-0">
|
||||
<div className="relative w-1/2 overflow-hidden min-h-dvh">
|
||||
<Image
|
||||
src="/images/tickets_teaser.png"
|
||||
alt=""
|
||||
fill
|
||||
sizes="(min-width: 768px) 50vw, 100vw"
|
||||
sizes="(min-width: 1280px) 50vw, 100vw"
|
||||
className="object-cover pointer-events-none"
|
||||
/>
|
||||
<div className="relative z-[1] flex flex-col items-center justify-center h-full gap-12 xl:gap-32 p-8 lg:p-16">
|
||||
<div className="relative z-[1] flex flex-col items-center justify-center h-full gap-8 xl:gap-16 2xl:gap-32 p-6 lg:p-12 xl:p-16">
|
||||
{/* Ticket stats */}
|
||||
<div className="flex gap-8 xl:gap-16 text-center text-text-light">
|
||||
<div className="flex gap-6 xl:gap-12 text-center text-text-light">
|
||||
<CountUpStat end={0} suffix="€" label={t("teaser.tickets.earlyVisitor")} />
|
||||
<CountUpStat end={0} suffix="€" label={t("teaser.tickets.supporter")} />
|
||||
</div>
|
||||
{/* CTA */}
|
||||
<div className="flex flex-col items-center gap-4 xl:gap-8 w-full">
|
||||
<div className="flex flex-col items-center gap-3 xl:gap-6 w-full">
|
||||
<h2 className="text-h1 text-text-light text-center text-shadow-teaser">
|
||||
{t("teaser.tickets.cta")}
|
||||
</h2>
|
||||
@@ -74,27 +74,26 @@ export default function EndSection() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Separator — vertical on desktop, horizontal on stacked */}
|
||||
<div className="hidden md:block relative w-[4px] bg-primary-50 shrink-0" />
|
||||
<div className="block md:hidden relative h-[4px] bg-primary-50 shrink-0" />
|
||||
{/* Separator */}
|
||||
<div className="relative w-[4px] bg-primary-50 shrink-0" />
|
||||
|
||||
{/* Sponsors side */}
|
||||
<div className="relative flex-1 overflow-hidden min-h-[50dvh] md:min-h-0">
|
||||
<div className="relative w-1/2 overflow-hidden min-h-dvh">
|
||||
<Image
|
||||
src="/images/sponsors_teaser.png"
|
||||
alt=""
|
||||
fill
|
||||
sizes="(min-width: 768px) 50vw, 100vw"
|
||||
sizes="(min-width: 1280px) 50vw, 100vw"
|
||||
className="object-cover pointer-events-none"
|
||||
/>
|
||||
<div className="relative z-[1] flex flex-col items-center justify-center h-full gap-12 xl:gap-32 p-8 lg:p-16">
|
||||
<div className="relative z-[1] flex flex-col items-center justify-center h-full gap-8 xl:gap-16 2xl:gap-32 p-6 lg:p-12 xl:p-16">
|
||||
{/* Sponsor stats */}
|
||||
<div className="flex gap-8 xl:gap-16 text-center text-text-light">
|
||||
<CountUpStat end={900} suffix="+" label={t("teaser.sponsors.visitors")} minWidth="5ch" />
|
||||
<CountUpStat end={10000} suffix="+" label={t("teaser.sponsors.streamViewers")} format={formatK} minWidth="5ch" />
|
||||
<div className="flex gap-6 xl:gap-12 text-center text-text-light">
|
||||
<CountUpStat end={900} suffix="+" label={t("teaser.sponsors.visitors")} />
|
||||
<CountUpStat end={10000} suffix="+" label={t("teaser.sponsors.streamViewers")} format={formatK} />
|
||||
</div>
|
||||
{/* CTA */}
|
||||
<div className="flex flex-col items-center gap-4 xl:gap-8 w-full">
|
||||
<div className="flex flex-col items-center gap-3 xl:gap-6 w-full">
|
||||
<h2 className="text-h1 text-text-light text-center text-shadow-teaser">
|
||||
{t("teaser.sponsors.cta")}
|
||||
</h2>
|
||||
|
||||
@@ -16,7 +16,7 @@ export default function Footer() {
|
||||
const t = useTranslations();
|
||||
|
||||
return (
|
||||
<footer className="bg-bg-dark w-full">
|
||||
<footer className="bg-bg-dark w-full border-t-4 border-primary-50">
|
||||
{/* Mobile: only social icons */}
|
||||
<div className="flex lg:hidden items-center justify-center gap-6 py-8 px-6 flex-wrap">
|
||||
{SOCIAL_LINKS.map(({ icon: Icon, href, label }) => (
|
||||
|
||||
@@ -36,7 +36,7 @@ export default function HeroSection({ onScrollDown }: HeroSectionProps) {
|
||||
<div className="relative z-[1] flex flex-col items-center justify-center h-full gap-8 lg:gap-16 px-6">
|
||||
{/* Logo */}
|
||||
<Image
|
||||
src="/tipilan-dark.svg"
|
||||
src="/tipilan-logo.svg"
|
||||
alt="TipiLAN"
|
||||
width={524}
|
||||
height={129}
|
||||
@@ -45,7 +45,7 @@ export default function HeroSection({ onScrollDown }: HeroSectionProps) {
|
||||
/>
|
||||
|
||||
{/* Countdown */}
|
||||
<div className="flex gap-6 sm:gap-8 text-center">
|
||||
<div className="grid grid-cols-2 sm:flex gap-6 sm:gap-8 text-center">
|
||||
<div className="flex flex-col items-center gap-2 lg:gap-4 min-w-0 lg:w-[104px]">
|
||||
<span className="text-countdown text-text-light">{countdown.days}</span>
|
||||
<span className="text-countdown-label text-primary whitespace-nowrap">{t("teaser.countdown.days")}</span>
|
||||
|
||||
Reference in New Issue
Block a user