adjust breakpoints, add watermark

logomark
Steve Ruiz 2024-03-22 13:40:45 +00:00
rodzic 37870b6e73
commit 8788031827
13 zmienionych plików z 148 dodań i 17 usunięć

Wyświetl plik

@ -0,0 +1,7 @@
<svg width="1601" height="1600" viewBox="0 0 1601 1600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M208.219 416C323.094 416 416.219 322.875 416.219 208C416.219 93.1248 323.094 0 208.219 0C93.3435 0 0.21875 93.1248 0.21875 208C0.21875 322.875 93.3435 416 208.219 416Z" fill="black"/>
<path d="M1392.22 416C1507.09 416 1600.22 322.875 1600.22 208C1600.22 93.1248 1507.09 0 1392.22 0C1277.34 0 1184.22 93.1248 1184.22 208C1184.22 322.875 1277.34 416 1392.22 416Z" fill="black"/>
<path d="M416.219 1392C416.219 1506.88 323.094 1600 208.219 1600C93.3435 1600 0.21875 1506.88 0.21875 1392C0.21875 1277.12 93.3435 1184 208.219 1184C323.094 1184 416.219 1277.12 416.219 1392Z" fill="black"/>
<path d="M1392.22 1600C1507.09 1600 1600.22 1506.88 1600.22 1392C1600.22 1277.12 1507.09 1184 1392.22 1184C1277.34 1184 1184.22 1277.12 1184.22 1392C1184.22 1506.88 1277.34 1600 1392.22 1600Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M208.219 0L0.21875 208V1392L208.219 1600H1392.22L1600.22 1392V208L1392.22 0H208.219ZM944.219 480C944.219 559.529 879.748 624 800.219 624C720.69 624 656.219 559.529 656.219 480C656.219 400.471 720.69 336 800.219 336C879.748 336 944.219 400.471 944.219 480ZM752.918 1296C820.648 1296.24 885.864 1202.21 910.258 1149.7C940.309 1085.01 959.064 968.723 928.921 899.836C907.805 851.578 859.427 816 795.531 816C718.591 816 656.219 878.557 656.219 955.726C656.219 1024.84 707.496 1079.6 772.368 1089.69C775.094 1090.11 777.063 1092.58 776.681 1095.31C771.123 1135.12 753.569 1187.83 725.055 1214.63C691.09 1246.55 701.712 1295.82 752.918 1296Z" fill="black"/>
</svg>

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 1.6 KiB

Wyświetl plik

@ -0,0 +1,21 @@
<svg width="5626" height="1599" viewBox="0 0 5626 1599" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4839.54 1469C4809.5 1469 4783.05 1449.2 4774.55 1420.36L4596.52 816.022C4583.72 772.565 4616.26 729 4661.51 729H4740.59C4772.21 729 4799.64 750.906 4806.65 781.781L4876.44 1088.78C4882.33 1114.69 4918.97 1115.34 4925.77 1089.65L5007.95 779.445C5015.83 749.706 5042.71 729 5073.44 729H5145.18C5175.97 729 5202.89 749.786 5210.71 779.601L5291.27 1086.66C5298 1112.31 5334.55 1111.82 5340.59 1086L5411.85 781.367C5419.02 750.692 5446.35 729 5477.82 729H5557.24C5602.49 729 5635.03 772.565 5622.23 816.022L5444.2 1420.36C5435.7 1449.2 5409.25 1469 5379.21 1469H5287.66C5258.03 1469 5231.84 1449.73 5223 1421.41L5131.56 1128.74C5124.09 1104.8 5090.19 1104.99 5082.98 1129.01L4995.39 1420.7C4986.78 1449.37 4960.41 1469 4930.51 1469H4839.54Z" fill="black"/>
<path d="M2781.84 1469H2565.79C2528.47 1469 2498.22 1438.63 2498.22 1401.17V796.833C2498.22 759.37 2528.47 729 2565.79 729H2778.97C2854.79 729 2920.3 743.814 2975.49 773.443C3030.92 802.831 3073.63 845.227 3103.62 900.631C3133.86 955.794 3148.98 1021.92 3148.98 1099C3148.98 1176.08 3133.98 1242.33 3103.98 1297.73C3073.99 1352.89 3031.52 1395.29 2976.57 1424.92C2921.62 1454.31 2856.71 1469 2781.84 1469ZM2698.34 1230.62C2698.34 1268.08 2728.59 1298.45 2765.91 1298.45H2774.65C2811.12 1298.45 2842.19 1292.55 2867.87 1280.75C2893.78 1268.94 2913.46 1248.59 2926.9 1219.68C2940.57 1190.78 2947.41 1150.55 2947.41 1099C2947.41 1047.45 2940.45 1007.22 2926.54 978.316C2912.86 949.41 2892.7 929.055 2866.07 917.252C2839.67 905.449 2807.28 899.547 2768.89 899.547H2765.91C2728.59 899.547 2698.34 929.917 2698.34 967.38V1230.62Z" fill="black"/>
<path d="M1984.37 1469C1946.97 1469 1916.66 1438.63 1916.66 1401.17V796.833C1916.66 759.37 1946.97 729 1984.37 729H2049.48C2086.88 729 2117.2 759.37 2117.2 796.833V1239.29C2117.2 1276.75 2147.51 1307.13 2184.91 1307.13H2348.13C2385.53 1307.13 2415.84 1337.5 2415.84 1374.96V1401.17C2415.84 1438.63 2385.53 1469 2348.13 1469H1984.37Z" fill="black"/>
<path d="M1267.77 890.875C1230.34 890.875 1200 860.505 1200 823.042V796.833C1200 759.37 1230.34 729 1267.77 729H1774.75C1812.18 729 1842.52 759.37 1842.52 796.833V823.042C1842.52 860.505 1812.18 890.875 1774.75 890.875H1662.52C1639.13 890.875 1620.16 909.856 1620.16 933.271V1401.17C1620.16 1438.63 1589.82 1469 1552.4 1469H1490.12C1452.69 1469 1422.35 1438.63 1422.35 1401.17V933.271C1422.35 909.856 1403.39 890.875 1380 890.875H1267.77Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4118.46 1420.77C4109.83 1449.41 4083.5 1469 4053.63 1469H3981.16C3935.02 1469 3902.39 1423.79 3916.85 1379.9L4116 775.571C4125.16 747.776 4151.08 729 4180.3 729H4356.54C4385.76 729 4411.68 747.776 4420.84 775.571L4619.99 1379.9C4634.45 1423.79 4601.82 1469 4555.68 1469H4483.21C4453.34 1469 4427.01 1449.41 4418.38 1420.77L4399.31 1357.5C4393.91 1339.6 4377.45 1327.36 4358.79 1327.36H4178.05C4159.39 1327.36 4142.93 1339.6 4137.53 1357.5L4118.46 1420.77ZM4335.42 1144.48L4295.17 1006.43C4288.14 982.347 4254.24 981.916 4246.6 1005.81L4202.52 1143.86C4197.28 1160.27 4209.5 1177.05 4226.71 1177.05H4311.05C4327.98 1177.05 4340.17 1160.76 4335.42 1144.48Z" fill="black"/>
<path d="M3310.61 1469C3273.2 1469 3242.88 1438.63 3242.88 1401.17V796.833C3242.88 759.37 3273.2 729 3310.61 729H3561.8C3616.63 729 3664.61 738.997 3705.74 758.99C3746.87 778.984 3778.86 807.77 3801.7 845.348C3824.55 882.926 3835.98 927.971 3835.98 980.484C3835.98 1033.48 3824.19 1078.16 3800.62 1114.54C3778.85 1148.49 3748.79 1174.67 3710.46 1193.1C3662.08 1216.35 3607.87 1224.74 3554.58 1224.74H3431.83C3213.62 1224.74 3443.47 837.594 3443.47 983.327V1006.11C3443.47 1040.65 3471.42 1068.65 3505.9 1068.65C3529.04 1068.65 3552.35 1067.67 3574.42 1059.98C3591.26 1053.95 3604.13 1044.44 3613.02 1031.43C3622.16 1018.42 3626.73 1001.44 3626.73 980.484C3626.73 959.286 3622.16 942.063 3613.02 928.815C3604.13 915.325 3591.26 905.449 3574.42 899.185C3554.31 891.303 3532.61 889.43 3511.19 889.43C3473.79 889.43 3443.47 919.8 3443.47 957.263V1093.24C3443.47 1126.94 3475.21 1138.85 3500.19 1152.38C3535.28 1171.39 3521.8 1224.74 3481.9 1224.74C3460.68 1224.74 3443.47 1241.98 3443.47 1263.24V1401.17C3443.47 1438.63 3413.14 1469 3375.74 1469H3310.61ZM3695.04 1164.74L3710.46 1193.1L3805.97 1368.72C3830.55 1413.92 3797.89 1469 3746.5 1469H3683.02C3658.12 1469 3635.24 1455.32 3623.42 1433.39L3523.52 1248.02C3515.8 1233.68 3500.84 1224.74 3484.57 1224.74C3364.21 1224.74 3600.34 990.599 3695.04 1164.74Z" fill="black"/>
<path d="M130 859C201.797 859 260 800.797 260 729C260 657.203 201.797 599 130 599C58.203 599 0 657.203 0 729C0 800.797 58.203 859 130 859Z" fill="black"/>
<path d="M870 859C941.797 859 1000 800.797 1000 729C1000 657.203 941.797 599 870 599C798.203 599 740 657.203 740 729C740 800.797 798.203 859 870 859Z" fill="black"/>
<path d="M260 1469C260 1540.8 201.797 1599 130 1599C58.203 1599 0 1540.8 0 1469C0 1397.2 58.203 1339 130 1339C201.797 1339 260 1397.2 260 1469Z" fill="black"/>
<path d="M870 1599C941.797 1599 1000 1540.8 1000 1469C1000 1397.2 941.797 1339 870 1339C798.203 1339 740 1397.2 740 1469C740 1540.8 798.203 1599 870 1599Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M130 599L0 729V1469L130 1599H870L1000 1469V729L870 599H130ZM590 899C590 948.706 549.706 989 500 989C450.294 989 410 948.706 410 899C410 849.294 450.294 809 500 809C549.706 809 590 849.294 590 899ZM470.437 1409C512.769 1409.15 553.528 1350.38 568.775 1317.56C587.556 1277.13 599.278 1204.45 580.439 1161.4C567.241 1131.24 537.005 1109 497.07 1109C448.983 1109 410 1148.1 410 1196.33C410 1238.87 441.079 1272.71 480.746 1279.75C483.462 1280.23 485.433 1282.7 485.018 1285.42C481.269 1310.07 470.404 1341.81 453.023 1358.14C431.794 1378.1 438.433 1408.89 470.437 1409Z" fill="black"/>
<path d="M3178.16 399.361C3156.57 399.361 3139.07 381.8 3139.07 360.138V39.2229C3139.07 17.5607 3156.57 0 3178.16 0H3196.18C3217.77 0 3235.27 17.5607 3235.27 39.2229V121.067C3235.27 142.73 3252.77 160.29 3274.36 160.29H3353.02C3374.61 160.29 3392.11 142.73 3392.11 121.067V39.2229C3392.11 17.5607 3409.61 0 3431.2 0H3449.03C3470.62 0 3488.12 17.5607 3488.12 39.2229V360.138C3488.12 381.8 3470.62 399.361 3449.03 399.361H3431.2C3409.61 399.361 3392.11 381.8 3392.11 360.138V278.098C3392.11 256.436 3374.61 238.875 3353.02 238.875H3274.36C3252.77 238.875 3235.27 256.436 3235.27 278.098V360.138C3235.27 381.8 3217.77 399.361 3196.18 399.361H3178.16Z" fill="black"/>
<path d="M2762.22 78.3901C2740.6 78.3901 2723.08 60.8419 2723.08 39.1951C2723.08 17.5482 2740.6 0 2762.22 0H3021.03C3042.65 0 3060.17 17.5482 3060.17 39.1951C3060.17 60.8419 3042.65 78.3901 3021.03 78.3901H2978.41C2956.78 78.3901 2939.24 95.9508 2939.24 117.613V360.138C2939.24 381.8 2921.7 399.361 2900.07 399.361H2883.38C2861.74 399.361 2844.21 381.8 2844.21 360.138V117.613C2844.21 95.9507 2826.67 78.3901 2805.03 78.3901H2762.22Z" fill="black"/>
<path d="M2605.32 0C2626.78 0 2644.18 17.5607 2644.18 39.2229V360.138C2644.18 381.8 2626.78 399.361 2605.32 399.361H2587.41C2565.95 399.361 2548.55 381.8 2548.55 360.138V39.2229C2548.55 17.5607 2565.95 0 2587.41 0H2605.32Z" fill="black"/>
<path d="M2052.13 399.361C2034.73 399.361 2019.41 387.844 2014.55 371.097L1921.36 50.1827C1914.08 25.0851 1932.86 0 1958.94 0H1982.07C2000.31 0 2016.12 12.6163 2020.21 30.422L2072.97 260.049C2073.19 261.01 2074.04 261.69 2075.03 261.69C2075.99 261.69 2076.83 261.042 2077.07 260.113L2137.66 29.2451C2142.19 12.012 2157.73 0 2175.51 0H2201.93C2219.72 0 2235.27 12.0225 2239.78 29.2659L2300.39 260.697C2300.63 261.627 2301.47 262.275 2302.43 262.275C2303.42 262.275 2304.27 261.595 2304.49 260.635L2357.43 30.4137C2361.53 12.612 2377.34 0 2395.57 0H2418.54C2444.61 0 2463.4 25.0719 2456.12 50.1658L2363.09 371.08C2358.24 387.835 2342.92 399.361 2325.51 399.361H2291.28C2273.96 399.361 2258.7 387.949 2253.77 371.308L2190.73 158.666C2190.47 157.779 2189.65 157.17 2188.73 157.17C2187.81 157.17 2186.99 157.779 2186.73 158.666L2123.69 371.308C2118.76 387.949 2103.5 399.361 2086.17 399.361H2052.13Z" fill="black"/>
<path d="M1459.18 399.361C1437.6 399.361 1420.11 381.8 1420.11 360.138V39.2229C1420.11 17.5607 1437.6 0 1459.18 0H1658.4C1679.96 0 1697.44 17.5482 1697.44 39.1951C1697.44 60.8419 1679.96 78.3901 1658.4 78.3901H1555.31C1533.73 78.3901 1516.24 95.9508 1516.24 117.613V121.067C1516.24 142.73 1533.73 160.29 1555.31 160.29H1644.2C1665.77 160.29 1683.26 177.921 1683.26 199.583C1683.26 221.245 1665.77 238.875 1644.2 238.875H1555.31C1533.73 238.875 1516.24 256.436 1516.24 278.098V281.747C1516.24 303.41 1533.73 320.97 1555.31 320.97H1658.4C1679.96 320.97 1697.44 338.519 1697.44 360.165C1697.44 381.812 1679.96 399.361 1658.4 399.361H1459.18Z" fill="black"/>
<path d="M1146.74 399.361H1038.51C1016.87 399.361 999.338 381.8 999.338 360.138V39.2229C999.338 17.5607 1016.87 0 1038.51 0H1146.55C1187.18 0 1222.17 7.99502 1251.5 23.985C1280.97 39.8451 1303.69 62.7251 1319.66 92.6251C1335.62 122.395 1343.61 158.015 1343.61 199.485C1343.61 241.085 1335.62 276.835 1319.66 306.735C1303.82 336.635 1281.17 359.58 1251.7 375.57C1222.23 391.431 1187.25 399.361 1146.74 399.361ZM1095.73 277.848C1095.73 299.51 1113.26 317.07 1134.89 317.07H1143.04C1165.37 317.07 1184.26 313.3 1199.71 305.76C1215.29 298.09 1227.03 285.675 1234.95 268.515C1243 251.225 1247.03 228.215 1247.03 199.485C1247.03 170.755 1243 147.875 1234.95 130.845C1226.9 113.685 1215.03 101.335 1199.32 93.7951C1183.74 86.1251 1164.53 82.2901 1141.68 82.2901H1134.89C1113.26 82.2901 1095.73 99.8508 1095.73 121.513V277.848Z" fill="black"/>
<path d="M635.147 371.865C630.008 388.225 614.811 399.361 597.623 399.361H577.274C550.374 399.361 531.416 373.022 540.015 347.598L648.568 26.6835C653.962 10.7368 668.954 0 685.827 0H758.193C775.065 0 790.057 10.7368 795.452 26.6835L904.004 347.598C912.604 373.022 893.646 399.361 866.745 399.361H846.378C829.199 399.361 814.008 388.236 808.862 371.887L723.944 102.108C723.666 101.223 722.843 100.62 721.912 100.62C720.982 100.62 720.159 101.223 719.88 102.109L635.147 371.865ZM612.63 278.85C612.63 258.604 629.085 242.19 649.383 242.19H793.268C813.566 242.19 830.021 258.604 830.021 278.85C830.021 299.097 813.566 315.51 793.268 315.51H649.383C629.085 315.51 612.63 299.097 612.63 278.85Z" fill="black"/>
<path d="M0 39.2229C0 17.5607 17.4872 0 39.0587 0H92.837C108.685 0 122.962 9.61623 128.975 24.3406L219.126 245.095C219.661 246.405 220.931 247.26 222.341 247.26C223.75 247.26 225.02 246.405 225.555 245.095L315.706 24.3406C321.72 9.61624 335.997 0 351.844 0H405.623C427.194 0 444.682 17.5607 444.682 39.2229V360.138C444.682 381.8 427.194 399.361 405.623 399.361H390.144C368.572 399.361 351.085 381.8 351.085 360.138V156.023C351.085 154.934 350.205 154.05 349.12 154.05C348.313 154.05 347.589 154.545 347.293 155.298L262.008 372.018C256.116 386.989 241.713 396.826 225.682 396.826H219.054C202.996 396.826 188.574 386.956 182.701 371.948L97.3872 153.936C97.092 153.181 96.3671 152.685 95.56 152.685C94.4757 152.685 93.5967 153.568 93.5967 154.657V360.138C93.5967 381.8 76.1095 399.361 54.538 399.361H39.0587C17.4872 399.361 0 381.8 0 360.138V39.2229Z" fill="black"/>
</svg>

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 11 KiB

Wyświetl plik

@ -0,0 +1,7 @@
<svg width="1601" height="1600" viewBox="0 0 1601 1600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M208.219 416C323.094 416 416.219 322.875 416.219 208C416.219 93.1248 323.094 0 208.219 0C93.3435 0 0.21875 93.1248 0.21875 208C0.21875 322.875 93.3435 416 208.219 416Z" fill="black"/>
<path d="M1392.22 416C1507.09 416 1600.22 322.875 1600.22 208C1600.22 93.1248 1507.09 0 1392.22 0C1277.34 0 1184.22 93.1248 1184.22 208C1184.22 322.875 1277.34 416 1392.22 416Z" fill="black"/>
<path d="M416.219 1392C416.219 1506.88 323.094 1600 208.219 1600C93.3435 1600 0.21875 1506.88 0.21875 1392C0.21875 1277.12 93.3435 1184 208.219 1184C323.094 1184 416.219 1277.12 416.219 1392Z" fill="black"/>
<path d="M1392.22 1600C1507.09 1600 1600.22 1506.88 1600.22 1392C1600.22 1277.12 1507.09 1184 1392.22 1184C1277.34 1184 1184.22 1277.12 1184.22 1392C1184.22 1506.88 1277.34 1600 1392.22 1600Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M208.219 0L0.21875 208V1392L208.219 1600H1392.22L1600.22 1392V208L1392.22 0H208.219ZM944.219 480C944.219 559.529 879.748 624 800.219 624C720.69 624 656.219 559.529 656.219 480C656.219 400.471 720.69 336 800.219 336C879.748 336 944.219 400.471 944.219 480ZM752.918 1296C820.648 1296.24 885.864 1202.21 910.258 1149.7C940.309 1085.01 959.064 968.723 928.921 899.836C907.805 851.578 859.427 816 795.531 816C718.591 816 656.219 878.557 656.219 955.726C656.219 1024.84 707.496 1079.6 772.368 1089.69C775.094 1090.11 777.063 1092.58 776.681 1095.31C771.123 1135.12 753.569 1187.83 725.055 1214.63C691.09 1246.55 701.712 1295.82 752.918 1296Z" fill="black"/>
</svg>

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 1.6 KiB

Wyświetl plik

@ -0,0 +1,21 @@
<svg width="5626" height="1599" viewBox="0 0 5626 1599" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4839.54 1469C4809.5 1469 4783.05 1449.2 4774.55 1420.36L4596.52 816.022C4583.72 772.565 4616.26 729 4661.51 729H4740.59C4772.21 729 4799.64 750.906 4806.65 781.781L4876.44 1088.78C4882.33 1114.69 4918.97 1115.34 4925.77 1089.65L5007.95 779.445C5015.83 749.706 5042.71 729 5073.44 729H5145.18C5175.97 729 5202.89 749.786 5210.71 779.601L5291.27 1086.66C5298 1112.31 5334.55 1111.82 5340.59 1086L5411.85 781.367C5419.02 750.692 5446.35 729 5477.82 729H5557.24C5602.49 729 5635.03 772.565 5622.23 816.022L5444.2 1420.36C5435.7 1449.2 5409.25 1469 5379.21 1469H5287.66C5258.03 1469 5231.84 1449.73 5223 1421.41L5131.56 1128.74C5124.09 1104.8 5090.19 1104.99 5082.98 1129.01L4995.39 1420.7C4986.78 1449.37 4960.41 1469 4930.51 1469H4839.54Z" fill="black"/>
<path d="M2781.84 1469H2565.79C2528.47 1469 2498.22 1438.63 2498.22 1401.17V796.833C2498.22 759.37 2528.47 729 2565.79 729H2778.97C2854.79 729 2920.3 743.814 2975.49 773.443C3030.92 802.831 3073.63 845.227 3103.62 900.631C3133.86 955.794 3148.98 1021.92 3148.98 1099C3148.98 1176.08 3133.98 1242.33 3103.98 1297.73C3073.99 1352.89 3031.52 1395.29 2976.57 1424.92C2921.62 1454.31 2856.71 1469 2781.84 1469ZM2698.34 1230.62C2698.34 1268.08 2728.59 1298.45 2765.91 1298.45H2774.65C2811.12 1298.45 2842.19 1292.55 2867.87 1280.75C2893.78 1268.94 2913.46 1248.59 2926.9 1219.68C2940.57 1190.78 2947.41 1150.55 2947.41 1099C2947.41 1047.45 2940.45 1007.22 2926.54 978.316C2912.86 949.41 2892.7 929.055 2866.07 917.252C2839.67 905.449 2807.28 899.547 2768.89 899.547H2765.91C2728.59 899.547 2698.34 929.917 2698.34 967.38V1230.62Z" fill="black"/>
<path d="M1984.37 1469C1946.97 1469 1916.66 1438.63 1916.66 1401.17V796.833C1916.66 759.37 1946.97 729 1984.37 729H2049.48C2086.88 729 2117.2 759.37 2117.2 796.833V1239.29C2117.2 1276.75 2147.51 1307.13 2184.91 1307.13H2348.13C2385.53 1307.13 2415.84 1337.5 2415.84 1374.96V1401.17C2415.84 1438.63 2385.53 1469 2348.13 1469H1984.37Z" fill="black"/>
<path d="M1267.77 890.875C1230.34 890.875 1200 860.505 1200 823.042V796.833C1200 759.37 1230.34 729 1267.77 729H1774.75C1812.18 729 1842.52 759.37 1842.52 796.833V823.042C1842.52 860.505 1812.18 890.875 1774.75 890.875H1662.52C1639.13 890.875 1620.16 909.856 1620.16 933.271V1401.17C1620.16 1438.63 1589.82 1469 1552.4 1469H1490.12C1452.69 1469 1422.35 1438.63 1422.35 1401.17V933.271C1422.35 909.856 1403.39 890.875 1380 890.875H1267.77Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4118.46 1420.77C4109.83 1449.41 4083.5 1469 4053.63 1469H3981.16C3935.02 1469 3902.39 1423.79 3916.85 1379.9L4116 775.571C4125.16 747.776 4151.08 729 4180.3 729H4356.54C4385.76 729 4411.68 747.776 4420.84 775.571L4619.99 1379.9C4634.45 1423.79 4601.82 1469 4555.68 1469H4483.21C4453.34 1469 4427.01 1449.41 4418.38 1420.77L4399.31 1357.5C4393.91 1339.6 4377.45 1327.36 4358.79 1327.36H4178.05C4159.39 1327.36 4142.93 1339.6 4137.53 1357.5L4118.46 1420.77ZM4335.42 1144.48L4295.17 1006.43C4288.14 982.347 4254.24 981.916 4246.6 1005.81L4202.52 1143.86C4197.28 1160.27 4209.5 1177.05 4226.71 1177.05H4311.05C4327.98 1177.05 4340.17 1160.76 4335.42 1144.48Z" fill="black"/>
<path d="M3310.61 1469C3273.2 1469 3242.88 1438.63 3242.88 1401.17V796.833C3242.88 759.37 3273.2 729 3310.61 729H3561.8C3616.63 729 3664.61 738.997 3705.74 758.99C3746.87 778.984 3778.86 807.77 3801.7 845.348C3824.55 882.926 3835.98 927.971 3835.98 980.484C3835.98 1033.48 3824.19 1078.16 3800.62 1114.54C3778.85 1148.49 3748.79 1174.67 3710.46 1193.1C3662.08 1216.35 3607.87 1224.74 3554.58 1224.74H3431.83C3213.62 1224.74 3443.47 837.594 3443.47 983.327V1006.11C3443.47 1040.65 3471.42 1068.65 3505.9 1068.65C3529.04 1068.65 3552.35 1067.67 3574.42 1059.98C3591.26 1053.95 3604.13 1044.44 3613.02 1031.43C3622.16 1018.42 3626.73 1001.44 3626.73 980.484C3626.73 959.286 3622.16 942.063 3613.02 928.815C3604.13 915.325 3591.26 905.449 3574.42 899.185C3554.31 891.303 3532.61 889.43 3511.19 889.43C3473.79 889.43 3443.47 919.8 3443.47 957.263V1093.24C3443.47 1126.94 3475.21 1138.85 3500.19 1152.38C3535.28 1171.39 3521.8 1224.74 3481.9 1224.74C3460.68 1224.74 3443.47 1241.98 3443.47 1263.24V1401.17C3443.47 1438.63 3413.14 1469 3375.74 1469H3310.61ZM3695.04 1164.74L3710.46 1193.1L3805.97 1368.72C3830.55 1413.92 3797.89 1469 3746.5 1469H3683.02C3658.12 1469 3635.24 1455.32 3623.42 1433.39L3523.52 1248.02C3515.8 1233.68 3500.84 1224.74 3484.57 1224.74C3364.21 1224.74 3600.34 990.599 3695.04 1164.74Z" fill="black"/>
<path d="M130 859C201.797 859 260 800.797 260 729C260 657.203 201.797 599 130 599C58.203 599 0 657.203 0 729C0 800.797 58.203 859 130 859Z" fill="black"/>
<path d="M870 859C941.797 859 1000 800.797 1000 729C1000 657.203 941.797 599 870 599C798.203 599 740 657.203 740 729C740 800.797 798.203 859 870 859Z" fill="black"/>
<path d="M260 1469C260 1540.8 201.797 1599 130 1599C58.203 1599 0 1540.8 0 1469C0 1397.2 58.203 1339 130 1339C201.797 1339 260 1397.2 260 1469Z" fill="black"/>
<path d="M870 1599C941.797 1599 1000 1540.8 1000 1469C1000 1397.2 941.797 1339 870 1339C798.203 1339 740 1397.2 740 1469C740 1540.8 798.203 1599 870 1599Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M130 599L0 729V1469L130 1599H870L1000 1469V729L870 599H130ZM590 899C590 948.706 549.706 989 500 989C450.294 989 410 948.706 410 899C410 849.294 450.294 809 500 809C549.706 809 590 849.294 590 899ZM470.437 1409C512.769 1409.15 553.528 1350.38 568.775 1317.56C587.556 1277.13 599.278 1204.45 580.439 1161.4C567.241 1131.24 537.005 1109 497.07 1109C448.983 1109 410 1148.1 410 1196.33C410 1238.87 441.079 1272.71 480.746 1279.75C483.462 1280.23 485.433 1282.7 485.018 1285.42C481.269 1310.07 470.404 1341.81 453.023 1358.14C431.794 1378.1 438.433 1408.89 470.437 1409Z" fill="black"/>
<path d="M3178.16 399.361C3156.57 399.361 3139.07 381.8 3139.07 360.138V39.2229C3139.07 17.5607 3156.57 0 3178.16 0H3196.18C3217.77 0 3235.27 17.5607 3235.27 39.2229V121.067C3235.27 142.73 3252.77 160.29 3274.36 160.29H3353.02C3374.61 160.29 3392.11 142.73 3392.11 121.067V39.2229C3392.11 17.5607 3409.61 0 3431.2 0H3449.03C3470.62 0 3488.12 17.5607 3488.12 39.2229V360.138C3488.12 381.8 3470.62 399.361 3449.03 399.361H3431.2C3409.61 399.361 3392.11 381.8 3392.11 360.138V278.098C3392.11 256.436 3374.61 238.875 3353.02 238.875H3274.36C3252.77 238.875 3235.27 256.436 3235.27 278.098V360.138C3235.27 381.8 3217.77 399.361 3196.18 399.361H3178.16Z" fill="black"/>
<path d="M2762.22 78.3901C2740.6 78.3901 2723.08 60.8419 2723.08 39.1951C2723.08 17.5482 2740.6 0 2762.22 0H3021.03C3042.65 0 3060.17 17.5482 3060.17 39.1951C3060.17 60.8419 3042.65 78.3901 3021.03 78.3901H2978.41C2956.78 78.3901 2939.24 95.9508 2939.24 117.613V360.138C2939.24 381.8 2921.7 399.361 2900.07 399.361H2883.38C2861.74 399.361 2844.21 381.8 2844.21 360.138V117.613C2844.21 95.9507 2826.67 78.3901 2805.03 78.3901H2762.22Z" fill="black"/>
<path d="M2605.32 0C2626.78 0 2644.18 17.5607 2644.18 39.2229V360.138C2644.18 381.8 2626.78 399.361 2605.32 399.361H2587.41C2565.95 399.361 2548.55 381.8 2548.55 360.138V39.2229C2548.55 17.5607 2565.95 0 2587.41 0H2605.32Z" fill="black"/>
<path d="M2052.13 399.361C2034.73 399.361 2019.41 387.844 2014.55 371.097L1921.36 50.1827C1914.08 25.0851 1932.86 0 1958.94 0H1982.07C2000.31 0 2016.12 12.6163 2020.21 30.422L2072.97 260.049C2073.19 261.01 2074.04 261.69 2075.03 261.69C2075.99 261.69 2076.83 261.042 2077.07 260.113L2137.66 29.2451C2142.19 12.012 2157.73 0 2175.51 0H2201.93C2219.72 0 2235.27 12.0225 2239.78 29.2659L2300.39 260.697C2300.63 261.627 2301.47 262.275 2302.43 262.275C2303.42 262.275 2304.27 261.595 2304.49 260.635L2357.43 30.4137C2361.53 12.612 2377.34 0 2395.57 0H2418.54C2444.61 0 2463.4 25.0719 2456.12 50.1658L2363.09 371.08C2358.24 387.835 2342.92 399.361 2325.51 399.361H2291.28C2273.96 399.361 2258.7 387.949 2253.77 371.308L2190.73 158.666C2190.47 157.779 2189.65 157.17 2188.73 157.17C2187.81 157.17 2186.99 157.779 2186.73 158.666L2123.69 371.308C2118.76 387.949 2103.5 399.361 2086.17 399.361H2052.13Z" fill="black"/>
<path d="M1459.18 399.361C1437.6 399.361 1420.11 381.8 1420.11 360.138V39.2229C1420.11 17.5607 1437.6 0 1459.18 0H1658.4C1679.96 0 1697.44 17.5482 1697.44 39.1951C1697.44 60.8419 1679.96 78.3901 1658.4 78.3901H1555.31C1533.73 78.3901 1516.24 95.9508 1516.24 117.613V121.067C1516.24 142.73 1533.73 160.29 1555.31 160.29H1644.2C1665.77 160.29 1683.26 177.921 1683.26 199.583C1683.26 221.245 1665.77 238.875 1644.2 238.875H1555.31C1533.73 238.875 1516.24 256.436 1516.24 278.098V281.747C1516.24 303.41 1533.73 320.97 1555.31 320.97H1658.4C1679.96 320.97 1697.44 338.519 1697.44 360.165C1697.44 381.812 1679.96 399.361 1658.4 399.361H1459.18Z" fill="black"/>
<path d="M1146.74 399.361H1038.51C1016.87 399.361 999.338 381.8 999.338 360.138V39.2229C999.338 17.5607 1016.87 0 1038.51 0H1146.55C1187.18 0 1222.17 7.99502 1251.5 23.985C1280.97 39.8451 1303.69 62.7251 1319.66 92.6251C1335.62 122.395 1343.61 158.015 1343.61 199.485C1343.61 241.085 1335.62 276.835 1319.66 306.735C1303.82 336.635 1281.17 359.58 1251.7 375.57C1222.23 391.431 1187.25 399.361 1146.74 399.361ZM1095.73 277.848C1095.73 299.51 1113.26 317.07 1134.89 317.07H1143.04C1165.37 317.07 1184.26 313.3 1199.71 305.76C1215.29 298.09 1227.03 285.675 1234.95 268.515C1243 251.225 1247.03 228.215 1247.03 199.485C1247.03 170.755 1243 147.875 1234.95 130.845C1226.9 113.685 1215.03 101.335 1199.32 93.7951C1183.74 86.1251 1164.53 82.2901 1141.68 82.2901H1134.89C1113.26 82.2901 1095.73 99.8508 1095.73 121.513V277.848Z" fill="black"/>
<path d="M635.147 371.865C630.008 388.225 614.811 399.361 597.623 399.361H577.274C550.374 399.361 531.416 373.022 540.015 347.598L648.568 26.6835C653.962 10.7368 668.954 0 685.827 0H758.193C775.065 0 790.057 10.7368 795.452 26.6835L904.004 347.598C912.604 373.022 893.646 399.361 866.745 399.361H846.378C829.199 399.361 814.008 388.236 808.862 371.887L723.944 102.108C723.666 101.223 722.843 100.62 721.912 100.62C720.982 100.62 720.159 101.223 719.88 102.109L635.147 371.865ZM612.63 278.85C612.63 258.604 629.085 242.19 649.383 242.19H793.268C813.566 242.19 830.021 258.604 830.021 278.85C830.021 299.097 813.566 315.51 793.268 315.51H649.383C629.085 315.51 612.63 299.097 612.63 278.85Z" fill="black"/>
<path d="M0 39.2229C0 17.5607 17.4872 0 39.0587 0H92.837C108.685 0 122.962 9.61623 128.975 24.3406L219.126 245.095C219.661 246.405 220.931 247.26 222.341 247.26C223.75 247.26 225.02 246.405 225.555 245.095L315.706 24.3406C321.72 9.61624 335.997 0 351.844 0H405.623C427.194 0 444.682 17.5607 444.682 39.2229V360.138C444.682 381.8 427.194 399.361 405.623 399.361H390.144C368.572 399.361 351.085 381.8 351.085 360.138V156.023C351.085 154.934 350.205 154.05 349.12 154.05C348.313 154.05 347.589 154.545 347.293 155.298L262.008 372.018C256.116 386.989 241.713 396.826 225.682 396.826H219.054C202.996 396.826 188.574 386.956 182.701 371.948L97.3872 153.936C97.092 153.181 96.3671 152.685 95.56 152.685C94.4757 152.685 93.5967 153.568 93.5967 154.657V360.138C93.5967 381.8 76.1095 399.361 54.538 399.361H39.0587C17.4872 399.361 0 381.8 0 360.138V39.2229Z" fill="black"/>
</svg>

Po

Szerokość:  |  Wysokość:  |  Rozmiar: 11 KiB

Wyświetl plik

@ -30,6 +30,7 @@
--layer-following-indicator: 1000;
/* Misc */
--tl-zoom: 1;
--sab: env(safe-area-inset-bottom);
/* Cursor SVGs */
--tl-cursor-none: none;

Wyświetl plik

@ -0,0 +1,3 @@
export function LogoMark() {
return
}

Wyświetl plik

@ -1,4 +1,4 @@
import { EMPTY_ARRAY, atom, computed, transact } from '@tldraw/state'
import { EMPTY_ARRAY, atom, computed, react, transact } from '@tldraw/state'
import { ComputedCache, RecordType, StoreSnapshot } from '@tldraw/store'
import {
CameraRecordType,
@ -60,6 +60,7 @@ import {
structuredClone,
} from '@tldraw/utils'
import { EventEmitter } from 'eventemitter3'
import { version } from '../../version'
import { TLUser, createTLUser } from '../config/createTLUser'
import { checkShapesAndAddCore } from '../config/defaultShapes'
import {
@ -205,6 +206,67 @@ export class Editor extends EventEmitter<TLEventMap> {
this.getContainer = getContainer ?? (() => document.body)
{
// LEGAL NOTICE:
// This code in this block is required to be present in the editor.
// Removing or modififying the code in this block is a violation of
// the tldraw license. The watermark must be visible at all times when
// the editor is in use. Obscuring the watermark (e.g. by placing it
// behind other elements) is a violation of the tldraw license.
// To remove the watermark, provide a valid license key to the editor.
// See tldraw.dev/license for more information.
const link = document.createElement('a')
link.setAttribute('id', `tldraw_${version}`)
link.setAttribute('href', 'https://tldraw.dev')
link.setAttribute('target', 'blank')
link.setAttribute('data-version', version)
link.setAttribute('user-select', 'none')
link.style.setProperty('position', 'absolute')
link.style.setProperty('right', '0px')
link.style.setProperty('bottom', 'var(--sab)')
link.style.setProperty('padding', '8px')
link.style.setProperty('z-index', '999999999')
const div = document.createElement('div')
div.style.setProperty('background-color', 'var(--color-text)')
link.appendChild(div)
this.getContainer().appendChild(link)
let breakpoint = 'none' as 'none' | 'mobile' | 'desktop'
const debugMode = computed('debug mode', () => this.getInstanceState().isDebugMode)
this.disposables.add(
react('update watermark bottom position', () => {
if (debugMode.get()) {
link.style.setProperty('bottom', 'calc(var(--sab) + 41px)')
} else {
link.style.setProperty('bottom', 'var(--sab)')
}
})
)
this.disposables.add(
react('update watermark', () => {
const bounds = this.getViewportScreenBounds()
const bp = bounds.width < 760 ? 'mobile' : 'desktop'
if (bp === breakpoint) return
breakpoint = bp
let width: number, height: number, imageSrc: string
if (breakpoint === 'mobile') {
imageSrc = 'watermark-mobile'
height = 18
width = 18
} else {
breakpoint = 'desktop'
imageSrc = 'watermark'
height = 28
width = 98
}
const mask = `url(/${imageSrc}.svg) center 100% / 100% no-repeat`
div.style.setProperty('height', height + 'px')
div.style.setProperty('width', width + 'px')
div.style.setProperty('mask', mask)
div.style.setProperty('--webkit-mask', mask)
})
)
}
this.textMeasure = new TextManager(this)
this._tickManager = new TickManager(this)
@ -2778,7 +2840,6 @@ export class Editor extends EventEmitter<TLEventMap> {
)
this.centerOnPoint(before)
} else {
// Otherwise,
this.updateInstanceState(
{ screenBounds: screenBounds.toJson(), insets },
{ squashing: true, ephemeral: true }

Wyświetl plik

@ -336,7 +336,6 @@
contain: strict;
z-index: var(--layer-panels);
-webkit-transform: translate3d(0, 0, 0);
--sab: env(safe-area-inset-bottom);
}
.tlui-layout__top {
@ -813,6 +812,11 @@
padding-bottom: calc(var(--space-3) + var(--sab));
}
.tlui-toolbar[data-left='true'] {
justify-content: flex-start;
padding-left: var(--space-3);
}
/* Centered Content */
.tlui-toolbar__inner {
position: relative;

Wyświetl plik

@ -1,4 +1,5 @@
import { memo } from 'react'
import { PORTRAIT_BREAKPOINT } from '../constants'
import { useBreakpoint } from '../context/breakpoints'
import { useTldrawUiComponents } from '../context/components'
@ -8,14 +9,14 @@ export const DefaultMenuPanel = memo(function MenuPanel() {
const { MainMenu, QuickActions, ActionsMenu, PageMenu } = useTldrawUiComponents()
if (!MainMenu && !PageMenu && breakpoint < 6) return null
if (!MainMenu && !PageMenu && breakpoint < PORTRAIT_BREAKPOINT.TABLET) return null
return (
<div className="tlui-menu-zone">
<div className="tlui-buttons__horizontal">
{MainMenu && <MainMenu />}
{PageMenu && <PageMenu />}
{breakpoint < 6 ? null : (
{breakpoint < PORTRAIT_BREAKPOINT.TABLET ? null : (
<>
{QuickActions && <QuickActions />}
{ActionsMenu && <ActionsMenu />}

Wyświetl plik

@ -30,7 +30,11 @@ export const DefaultToolbar = memo(function DefaultToolbar({ children }: { child
const { ActionsMenu, QuickActions } = useTldrawUiComponents()
return (
<div className="tlui-toolbar">
<div
className="tlui-toolbar"
data-left={breakpoint === PORTRAIT_BREAKPOINT.ZERO}
data-mobile={breakpoint < PORTRAIT_BREAKPOINT.MOBILE}
>
<div className="tlui-toolbar__inner">
<div className="tlui-toolbar__left">
{!isReadonlyMode && (

Wyświetl plik

@ -24,7 +24,7 @@ export function OverflowingToolbar({ children }: { children: React.ReactNode })
const breakpoint = useBreakpoint()
const msg = useTranslation()
const overflowIndex = Math.min(8, 5 + breakpoint)
const overflowIndex = Math.min(8, 3 + Math.max(1, breakpoint))
const [totalItems, setTotalItems] = useState(0)
const mainToolsRef = useRef<HTMLDivElement>(null)

Wyświetl plik

@ -1,14 +1,15 @@
// Breakpoints for portrait, keep in sync with PORTRAIT_BREAKPOINT enum below!
export const PORTRAIT_BREAKPOINTS = [0, 390, 428, 468, 580, 640, 840, 1023]
export const PORTRAIT_BREAKPOINTS = [0, 360, 400, 440, 480, 580, 640, 840, 1023]
// Mapping for above array -- needs to be kept in sync!
export enum PORTRAIT_BREAKPOINT {
ZERO = 0,
MOBILE_XXS = 1,
MOBILE_XS = 2,
MOBILE_SM = 3,
MOBILE = 4,
TABLET_SM = 5,
TABLET = 6,
DESKTOP = 7,
MOBILE_XXXS = 1,
MOBILE_XXS = 2,
MOBILE_XS = 3,
MOBILE_SM = 4,
MOBILE = 5,
TABLET_SM = 6,
TABLET = 7,
DESKTOP = 8,
}

Wyświetl plik

@ -9,7 +9,7 @@ import {
TLUiContextMenuProps,
} from '../components/ContextMenu/DefaultContextMenu'
import { DefaultDebugMenu } from '../components/DebugMenu/DefaultDebugMenu'
import { DefaultHelpMenu, TLUiHelpMenuProps } from '../components/HelpMenu/DefaultHelpMenu'
import { TLUiHelpMenuProps } from '../components/HelpMenu/DefaultHelpMenu'
import {
DefaultHelperButtons,
TLUiHelperButtonsProps,
@ -77,7 +77,7 @@ export function TldrawUiComponentsProvider({
() => ({
ContextMenu: DefaultContextMenu,
ActionsMenu: DefaultActionsMenu,
HelpMenu: DefaultHelpMenu,
HelpMenu: null, //DefaultHelpMenu,
ZoomMenu: DefaultZoomMenu,
MainMenu: DefaultMainMenu,
Minimap: DefaultMinimap,