mirror of
https://github.com/task-17-lct/frontend.git
synced 2024-11-22 07:56:34 +03:00
Ilia vasilenko
GitHub
commit
72a23ac1c2
13
public/bonus.svg
Normal file
13
public/bonus.svg
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
<svg width="99" height="28" viewBox="0 0 99 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M1.766 20V8.4H5.942C8.102 8.4 10.022 8.96 10.022 11.264C10.022 12.368 9.558 13.36 8.742 13.824C9.846 14.288 10.502 15.152 10.502 16.576C10.502 19.04 8.662 20 6.342 20H1.766ZM3.398 14.656V18.624H6.358C8.022 18.624 8.822 17.92 8.822 16.592C8.822 15.232 8.006 14.656 6.262 14.656H3.398ZM3.398 9.776V13.36H6.198C7.542 13.36 8.374 12.848 8.374 11.488C8.374 10.288 7.494 9.776 6.198 9.776H3.398ZM13.4402 15.728C13.4402 18.032 14.6882 18.928 16.0162 18.928C17.3442 18.928 18.5922 17.936 18.5922 15.728C18.5922 13.424 17.3442 12.528 16.0162 12.528C14.6882 12.528 13.4402 13.376 13.4402 15.728ZM16.0162 11.248C18.0162 11.248 20.1442 12.608 20.1442 15.728C20.1442 18.848 18.0162 20.208 16.0162 20.208C14.0162 20.208 11.8882 18.848 11.8882 15.728C11.8882 12.608 14.0162 11.248 16.0162 11.248ZM23.3417 11.392V12.688C23.8377 11.872 24.6697 11.248 26.1257 11.248C28.2057 11.248 28.9577 12.592 28.9577 14.56V20H27.5017V14.992C27.5017 13.664 27.2777 12.512 25.6137 12.512C24.2057 12.512 23.3417 13.472 23.3417 15.328V20H21.8857V11.392H23.3417ZM36.4637 20V18.768C35.9677 19.584 35.1837 20.208 33.7597 20.208C31.7757 20.208 31.0077 18.864 31.0077 16.896V11.392H32.4637V16.464C32.4637 17.792 32.6717 18.944 34.2717 18.944C35.6637 18.944 36.4637 17.984 36.4637 16.128V11.392H37.9197V20H36.4637ZM46.6775 13.904H45.1575C44.9175 12.88 44.1495 12.48 43.1255 12.48C42.2775 12.48 41.3175 12.784 41.3175 13.568C41.3175 14.256 41.7975 14.56 42.6295 14.736L43.8455 14.976C45.4135 15.264 46.7895 15.888 46.7895 17.536C46.7895 19.248 45.2535 20.208 43.2855 20.208C41.0295 20.208 39.7655 18.72 39.5895 17.216H41.1255C41.3655 18.32 42.0375 18.976 43.3175 18.976C44.4215 18.976 45.3175 18.512 45.3175 17.696C45.3175 16.816 44.5015 16.48 43.5735 16.272L42.2935 16.016C41.1255 15.76 39.8455 15.248 39.8455 13.632C39.8455 12.112 41.3815 11.232 43.2855 11.232C45.1575 11.232 46.4055 12.256 46.6775 13.904ZM56.2358 16.176H49.6117C49.6597 18.032 51.0037 18.928 52.2677 18.928C53.5477 18.928 54.2517 18.352 54.6197 17.504H56.1237C55.7397 18.976 54.3637 20.208 52.2677 20.208C49.5477 20.208 48.0437 18.256 48.0437 15.712C48.0437 12.976 49.8677 11.248 52.2197 11.248C54.8597 11.248 56.4117 13.44 56.2358 16.176ZM52.2197 12.496C50.9397 12.496 49.7557 13.2 49.6277 14.928H54.6997C54.6517 13.712 53.7717 12.496 52.2197 12.496ZM64.4119 13.904H62.8919C62.6519 12.88 61.8839 12.48 60.8599 12.48C60.0119 12.48 59.0519 12.784 59.0519 13.568C59.0519 14.256 59.5319 14.56 60.3639 14.736L61.5799 14.976C63.1479 15.264 64.5239 15.888 64.5239 17.536C64.5239 19.248 62.9879 20.208 61.0199 20.208C58.7639 20.208 57.4999 18.72 57.3239 17.216H58.8599C59.0999 18.32 59.7719 18.976 61.0519 18.976C62.1559 18.976 63.0519 18.512 63.0519 17.696C63.0519 16.816 62.2359 16.48 61.3079 16.272L60.0279 16.016C58.8599 15.76 57.5799 15.248 57.5799 13.632C57.5799 12.112 59.1159 11.232 61.0199 11.232C62.8919 11.232 64.1399 12.256 64.4119 13.904Z" fill="#1D1D1D"/>
|
||||||
|
<g clip-path="url(#clip0_0_17)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M77.4847 20.9645C74.9856 18.3467 75.6848 13.5071 79.0997 10.0959C82.5379 6.6614 87.4464 5.98354 90.0476 8.57071C90.1433 8.66633 90.2346 8.76506 90.3214 8.86673L91.1674 9.71179C93.7686 12.299 93.1239 17.2586 89.6858 20.6931C87.65 22.7267 85.1053 23.8 82.8208 23.8C81.2487 23.8 79.8011 23.2916 78.7379 22.2296L77.5052 20.9868C77.4979 20.9797 77.4911 20.9722 77.4847 20.9645ZM79.5182 10.5365C81.4409 8.6159 83.8386 7.59911 85.9534 7.59911C87.3785 7.59911 88.6565 8.06231 89.6065 9.01131C91.9703 11.3612 91.2803 15.8916 88.0797 19.0888C84.8791 22.286 80.3551 22.9639 77.9914 20.6141C75.639 18.2528 76.3175 13.7337 79.5182 10.5365ZM81.803 20.9529C80.6268 20.9529 79.575 20.5801 78.7946 19.8119C77.822 18.8403 77.4487 17.4055 77.7315 15.7673C78.0142 14.1631 78.8964 12.5587 80.2197 11.237C81.5429 9.91509 83.1489 9.03387 84.7548 8.75143C86.3835 8.45769 87.8311 8.84181 88.8037 9.81341C89.7764 10.785 90.1496 12.2199 89.8669 13.8579C89.5841 15.4623 88.702 17.0665 87.3787 18.3883C85.7049 20.0604 83.6239 20.9529 81.803 20.9529ZM85.8067 9.25982C85.5013 9.25982 85.1959 9.28242 84.868 9.35021C83.3864 9.61005 81.8935 10.4348 80.6607 11.6662C79.428 12.8976 78.6023 14.4003 78.3422 15.869C78.0934 17.3037 78.4101 18.5578 79.2357 19.3825C80.9661 21.1111 84.4382 20.4785 86.9603 17.959C88.1931 16.7276 89.0187 15.225 89.2788 13.7563C89.5276 12.3215 89.2109 11.0675 88.3853 10.2427C87.7407 9.59875 86.8472 9.25982 85.8067 9.25982Z" fill="#1D1D1D"/>
|
||||||
|
<path d="M93.4095 3.57935C93.8537 3.48243 94.1601 4.0132 93.8541 4.34942L92.0013 6.38494C91.8996 6.49673 91.8583 6.65088 91.8905 6.79856L92.4773 9.48777C92.5742 9.93195 92.0434 10.2384 91.7072 9.93236L89.6717 8.07959C89.5599 7.97783 89.4058 7.93653 89.2581 7.96876L86.5689 8.55555C86.1247 8.65247 85.8183 8.1217 86.1243 7.78548L87.9771 5.74996C88.0788 5.63817 88.1202 5.48402 88.0879 5.33634L87.5011 2.64713C87.4042 2.20294 87.935 1.8965 88.2712 2.20254L90.3067 4.05531C90.4185 4.15707 90.5727 4.19837 90.7203 4.16614L93.4095 3.57935Z" fill="#FFCF08"/>
|
||||||
|
<path d="M96.8931 8.67839C97.3373 8.58147 97.6438 9.11224 97.3378 9.44846L96.4849 10.3854C96.3831 10.4972 96.3418 10.6514 96.3741 10.799L96.6442 12.0369C96.7411 12.4811 96.2103 12.7875 95.8741 12.4815L94.9371 11.6287C94.8253 11.5269 94.6712 11.4856 94.5235 11.5178L93.2857 11.7879C92.8414 11.8849 92.535 11.3541 92.841 11.0178L93.6939 10.0809C93.7957 9.96911 93.8369 9.81496 93.8047 9.66728L93.5346 8.42943C93.4377 7.98523 93.9685 7.67879 94.3047 7.98482L95.2417 8.83767C95.3534 8.93942 95.5076 8.98072 95.6552 8.9485L96.8931 8.67839Z" fill="#FFCF08"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_17">
|
||||||
|
<rect width="28" height="27" fill="white" transform="translate(70.39 0.5)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 5.6 KiB |
11
public/favorites.svg
Normal file
11
public/favorites.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<svg width="127" height="49" viewBox="0 0 127 49" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_0_50)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.7818 18.0905C31.8338 16.0982 28.6283 16.0982 26.6803 18.0905L26.3 18.4794L25.9197 18.0905C23.9717 16.0982 20.7662 16.0982 18.8182 18.0905C16.9311 20.0205 16.9311 23.1043 18.8182 25.0342L25.1607 31.5209C25.7857 32.1601 26.8143 32.1601 27.4393 31.5209L33.7818 25.0342C35.6689 23.1043 35.6689 20.0205 33.7818 18.0905Z" fill="#1D1D1D"/>
|
||||||
|
</g>
|
||||||
|
<path d="M46.5871 30.5V19.625H53.6521V20.945H48.1171V24.245H53.3371V25.565H48.1171V30.5H46.5871ZM59.8556 27.125V26.615C57.3806 26.855 55.8056 27.23 55.8056 28.34C55.8056 29.105 56.3906 29.615 57.3656 29.615C58.6406 29.615 59.8556 29.03 59.8556 27.125ZM57.0656 30.695C55.5506 30.695 54.2906 29.855 54.2906 28.37C54.2906 26.465 56.4506 25.895 59.7506 25.535V25.34C59.7506 23.855 58.9406 23.375 57.9206 23.375C56.7806 23.375 56.1356 23.975 56.0756 24.98H54.6656C54.7856 23.24 56.3456 22.265 57.9056 22.265C60.1406 22.265 61.1306 23.315 61.1156 25.595L61.1006 27.455C61.0856 28.82 61.1456 29.735 61.3106 30.5H59.9306C59.8856 30.2 59.8406 29.87 59.8256 29.39C59.3306 30.23 58.5056 30.695 57.0656 30.695ZM63.5113 22.43L65.7013 28.61L67.8913 22.43H69.3013L66.2563 30.5H65.0413L61.9963 22.43H63.5113ZM71.1694 26.495C71.1694 28.655 72.3394 29.495 73.5844 29.495C74.8294 29.495 75.9994 28.565 75.9994 26.495C75.9994 24.335 74.8294 23.495 73.5844 23.495C72.3394 23.495 71.1694 24.29 71.1694 26.495ZM73.5844 22.295C75.4594 22.295 77.4544 23.57 77.4544 26.495C77.4544 29.42 75.4594 30.695 73.5844 30.695C71.7094 30.695 69.7144 29.42 69.7144 26.495C69.7144 23.57 71.7094 22.295 73.5844 22.295ZM83.107 22.4V23.855C82.822 23.81 82.567 23.795 82.342 23.795C81.082 23.795 80.452 24.485 80.452 26.27V30.5H79.087V22.43H80.422V23.84C80.827 22.925 81.637 22.43 82.702 22.385C82.837 22.385 82.942 22.385 83.107 22.4ZM84.4191 22.43H85.7841V30.5H84.4191V22.43ZM84.4191 19.625H85.7841V21.275H84.4191V19.625ZM88.3393 22.43V20.405H89.7043V22.43H91.2343V23.525H89.7043V28.31C89.7043 29.15 89.7643 29.36 90.5443 29.36H91.2343V30.5H90.2443C88.6993 30.5 88.3393 30.155 88.3393 28.475V23.525H87.0643V22.43H88.3393ZM99.879 26.915H93.669C93.714 28.655 94.974 29.495 96.159 29.495C97.359 29.495 98.019 28.955 98.364 28.16H99.774C99.414 29.54 98.124 30.695 96.159 30.695C93.609 30.695 92.199 28.865 92.199 26.48C92.199 23.915 93.909 22.295 96.114 22.295C98.589 22.295 100.044 24.35 99.879 26.915ZM96.114 23.465C94.914 23.465 93.804 24.125 93.684 25.745H98.439C98.394 24.605 97.569 23.465 96.114 23.465ZM107.544 24.785H106.119C105.894 23.825 105.174 23.45 104.214 23.45C103.419 23.45 102.519 23.735 102.519 24.47C102.519 25.115 102.969 25.4 103.749 25.565L104.889 25.79C106.359 26.06 107.649 26.645 107.649 28.19C107.649 29.795 106.209 30.695 104.364 30.695C102.249 30.695 101.064 29.3 100.899 27.89H102.339C102.564 28.925 103.194 29.54 104.394 29.54C105.429 29.54 106.269 29.105 106.269 28.34C106.269 27.515 105.504 27.2 104.634 27.005L103.434 26.765C102.339 26.525 101.139 26.045 101.139 24.53C101.139 23.105 102.579 22.28 104.364 22.28C106.119 22.28 107.289 23.24 107.544 24.785Z" fill="#1D1D1D"/>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_50">
|
||||||
|
<rect width="20" height="20" fill="white" transform="translate(16.3 14.5)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.2 KiB |
BIN
public/generateTour.png
Normal file
BIN
public/generateTour.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 223 KiB |
10
public/icons/dz.svg
Normal file
10
public/icons/dz.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_0_343)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.67309 8.33338C3.33334 10.6539 3.33334 13.7692 3.33334 20C3.33334 26.2308 3.33334 29.3462 4.67309 31.6667C5.55077 33.1869 6.81315 34.4493 8.33335 35.3269C10.6539 36.6667 13.7692 36.6667 20 36.6667C26.2308 36.6667 29.3462 36.6667 31.6667 35.3269C33.1869 34.4493 34.4493 33.1869 35.3269 31.6667C36.6667 29.3462 36.6667 26.2308 36.6667 20C36.6667 13.7692 36.6667 10.6539 35.3269 8.33338C34.4493 6.81318 33.1869 5.5508 31.6667 4.67312C29.3462 3.33337 26.2308 3.33337 20 3.33337C13.7692 3.33337 10.6539 3.33337 8.33335 4.67312C6.81315 5.5508 5.55077 6.81318 4.67309 8.33338ZM20 3.33337L19.398 11.9855C19.1215 15.9591 15.9591 19.1215 11.9855 19.398L3.33334 20L11.9855 20.602C15.9591 20.8785 19.1215 24.0409 19.398 28.0145L20 36.6667L20.602 28.0145C20.8785 24.0409 24.0409 20.8785 28.0145 20.602L36.6667 20L28.0145 19.398C24.0409 19.1215 20.8785 15.9591 20.602 11.9855L20 3.33337Z" fill="#1D1D1D" fill-opacity="0.5"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_343">
|
||||||
|
<rect width="40" height="40" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
10
public/icons/ok.svg
Normal file
10
public/icons/ok.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_0_356)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.67306 8.33338C3.33331 10.6539 3.33331 13.7692 3.33331 20C3.33331 26.2308 3.33331 29.3462 4.67306 31.6667C5.55074 33.1869 6.81312 34.4492 8.33332 35.3269C10.6539 36.6667 13.7692 36.6667 20 36.6667C26.2308 36.6667 29.3462 36.6667 31.6667 35.3269C33.1869 34.4492 34.4492 33.1869 35.3269 31.6667C36.6667 29.3462 36.6667 26.2308 36.6667 20C36.6667 13.7692 36.6667 10.6539 35.3269 8.33338C34.4492 6.81318 33.1869 5.5508 31.6667 4.67312C29.3462 3.33337 26.2308 3.33337 20 3.33337C13.7692 3.33337 10.6539 3.33337 8.33332 4.67312C6.81312 5.5508 5.55074 6.81318 4.67306 8.33338ZM22.1493 15.1624C22.1493 13.9837 21.1854 13.0251 20.0001 13.0251C18.816 13.0251 17.851 13.9837 17.851 15.1624C17.851 16.3398 18.816 17.2986 20.0001 17.2986C21.1854 17.2986 22.1493 16.3398 22.1493 15.1624ZM25.1907 15.1624C25.1907 18.0079 22.8632 20.3224 20.0001 20.3224C17.1376 20.3224 14.8095 18.0079 14.8095 15.1624C14.8095 12.3155 17.1376 10 20.0001 10C22.8632 10 25.1907 12.3155 25.1907 15.1624ZM25.1142 23.2916C24.1759 23.8781 23.1568 24.2937 22.1001 24.5332L25.002 27.4187C25.5965 28.0088 25.5965 28.9666 25.002 29.5571C24.4082 30.1477 23.4455 30.1477 22.8523 29.5571L19.9995 26.7214L17.1492 29.5571C16.8519 29.8521 16.4625 29.9998 16.073 29.9998C15.6842 29.9998 15.2954 29.8521 14.9982 29.5571C14.4043 28.9666 14.4043 28.0093 14.9976 27.4187L17.8995 24.5332C16.8428 24.2937 15.8237 23.8773 14.8853 23.2916C14.175 22.8465 13.9615 21.9133 14.4092 21.2065C14.8556 20.4986 15.794 20.2856 16.5055 20.7308C18.6304 22.0599 21.368 22.0605 23.494 20.7308C24.2056 20.2856 25.144 20.4986 25.591 21.2065C26.0387 21.9128 25.8246 22.8465 25.1142 23.2916Z" fill="#1D1D1D" fill-opacity="0.5"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_356">
|
||||||
|
<rect width="40" height="40" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.9 KiB |
18
public/icons/tg.svg
Normal file
18
public/icons/tg.svg
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_0_346)">
|
||||||
|
<path d="M26.6667 3.33337H13.3334C7.81053 3.33337 3.33337 7.81053 3.33337 13.3334V26.6667C3.33337 32.1895 7.81053 36.6667 13.3334 36.6667H26.6667C32.1895 36.6667 36.6667 32.1895 36.6667 26.6667V13.3334C36.6667 7.81053 32.1895 3.33337 26.6667 3.33337Z" fill="#1D1D1D" fill-opacity="0.5"/>
|
||||||
|
<path opacity="0.6" d="M21.0727 23.8409L16.9475 27.833C16.5164 28.2502 15.7963 28.0608 15.6263 27.4854L13.8332 21.4167L26.1666 14.0833L21.2267 23.6339C21.1869 23.7108 21.1349 23.7807 21.0727 23.8409Z" fill="#FAEFDB"/>
|
||||||
|
<mask id="mask0_0_346" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="13" y="14" width="14" height="15">
|
||||||
|
<path d="M21.0727 23.8409L16.9475 27.833C16.5164 28.2502 15.7963 28.0608 15.6263 27.4854L13.8332 21.4167L26.1666 14.0833L21.2267 23.6339C21.1869 23.7108 21.1349 23.7807 21.0727 23.8409Z" fill="white"/>
|
||||||
|
</mask>
|
||||||
|
<g mask="url(#mask0_0_346)">
|
||||||
|
<path opacity="0.6" d="M16.6666 22.9166L19.729 25.1438L16.1666 28.5832L16.6666 22.9166Z" fill="#FAEFDB"/>
|
||||||
|
</g>
|
||||||
|
<path d="M28.6322 10.9236L8.46333 18.3988C7.7387 18.6674 7.78001 19.706 8.52368 19.9161L13.8333 21.4167L26.1667 14.0834L16.6666 22.9167L24.8432 28.8633C25.3097 29.2025 25.9708 28.9507 26.0933 28.3871L29.6901 11.8421C29.8241 11.2255 29.2238 10.7043 28.6322 10.9236Z" fill="#FAEFDB"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_346">
|
||||||
|
<rect width="40" height="40" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
10
public/icons/vk.svg
Normal file
10
public/icons/vk.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_0_340)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.67306 8.33338C3.33331 10.6539 3.33331 13.7692 3.33331 20C3.33331 26.2308 3.33331 29.3462 4.67306 31.6667C5.55074 33.1869 6.81312 34.4492 8.33331 35.3269C10.6538 36.6667 13.7692 36.6667 20 36.6667C26.2308 36.6667 29.3461 36.6667 31.6666 35.3269C33.1868 34.4492 34.4492 33.1869 35.3269 31.6667C36.6666 29.3462 36.6666 26.2308 36.6666 20C36.6666 13.7692 36.6666 10.6539 35.3269 8.33338C34.4492 6.81318 33.1868 5.5508 31.6666 4.67312C29.3461 3.33337 26.2308 3.33337 20 3.33337C13.7692 3.33337 10.6538 3.33337 8.33331 4.67312C6.81312 5.5508 5.55074 6.81318 4.67306 8.33338ZM9.58334 13.75H12.0139C12.6351 13.75 12.8687 14.0219 13.1017 14.6949C14.2904 18.1577 16.2948 21.184 17.1187 21.184C17.4277 21.184 17.5695 21.0417 17.5695 20.2569V16.6777C17.5137 15.6588 17.1578 15.2182 16.8941 14.8919C16.7314 14.6903 16.6038 14.5324 16.6038 14.3087C16.6038 14.0368 16.836 13.75 17.2222 13.75H21.0417C21.5567 13.75 21.7361 14.0254 21.7361 14.6435V19.4587C21.7361 19.9737 21.9597 20.1539 22.1142 20.1539C22.4232 20.1539 22.6807 19.9737 23.2472 19.4072C24.9982 17.4502 26.2342 14.4374 26.2342 14.4374C26.3888 14.0769 26.6737 13.75 27.2917 13.75H29.7222C30.4573 13.75 30.6117 14.1284 30.4573 14.6435C30.1703 15.9585 27.5965 19.6493 27.2302 20.1699L27.187 20.2312C26.9295 20.6431 26.8265 20.8492 27.187 21.3126C27.3139 21.4904 27.5848 21.7558 27.8948 22.0594C28.2135 22.3716 28.5735 22.7242 28.8607 23.0637C29.9048 24.2382 30.6916 25.2291 30.9108 25.912C31.1111 26.5972 30.7639 26.9445 30.0694 26.9445H27.6389C26.9879 26.9445 26.6601 26.5798 25.9517 25.7918C25.6514 25.4578 25.2828 25.0477 24.7922 24.5572C23.3502 23.1667 22.7322 22.9864 22.3717 22.9864C21.8825 22.9864 21.7361 23.125 21.7361 23.8195V25.9992C21.7361 26.5972 21.545 26.9445 20 26.9445C17.425 26.9445 14.5952 25.3811 12.5867 22.4972C9.57401 18.2742 8.75 15.0812 8.75 14.4374C8.75 14.0769 8.8889 13.75 9.58334 13.75Z" fill="#1D1D1D" fill-opacity="0.5"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_340">
|
||||||
|
<rect width="40" height="40" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.1 KiB |
10
public/icons/yt.svg
Normal file
10
public/icons/yt.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_0_337)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.67306 8.33338C3.33331 10.6539 3.33331 13.7692 3.33331 20C3.33331 26.2308 3.33331 29.3462 4.67306 31.6667C5.55074 33.1869 6.81312 34.4492 8.33331 35.3269C10.6538 36.6667 13.7692 36.6667 20 36.6667C26.2308 36.6667 29.3461 36.6667 31.6666 35.3269C33.1868 34.4492 34.4492 33.1869 35.3269 31.6667C36.6666 29.3462 36.6666 26.2308 36.6666 20C36.6666 13.7692 36.6666 10.6539 35.3269 8.33338C34.4492 6.81318 33.1868 5.5508 31.6666 4.67312C29.3461 3.33337 26.2308 3.33337 20 3.33337C13.7692 3.33337 10.6538 3.33337 8.33331 4.67312C6.81312 5.5508 5.55074 6.81318 4.67306 8.33338ZM26.2956 20.6088L16.2956 27.2754C16.1701 27.3591 16.0242 27.4072 15.8736 27.4145C15.7229 27.4218 15.5731 27.388 15.4401 27.3169C15.3071 27.2457 15.1959 27.1397 15.1184 27.0103C15.0409 26.8809 15 26.7329 15 26.5821V13.2487C15 13.0979 15.0409 12.9499 15.1184 12.8205C15.1959 12.6911 15.3071 12.5851 15.4401 12.514C15.5731 12.4428 15.7229 12.4091 15.8736 12.4164C16.0242 12.4236 16.1701 12.4717 16.2956 12.5554L26.2956 19.2221C26.4097 19.2981 26.5033 19.4012 26.5681 19.5222C26.6328 19.6432 26.6667 19.7782 26.6667 19.9154C26.6667 20.0526 26.6328 20.1877 26.5681 20.3086C26.5033 20.4296 26.4097 20.5327 26.2956 20.6088Z" fill="#1D1D1D" fill-opacity="0.5"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_337">
|
||||||
|
<rect width="40" height="40" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/language.png
Normal file
BIN
public/language.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
16
public/language.svg
Normal file
16
public/language.svg
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
<svg width="107" height="27" viewBox="0 0 107 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_0_34)">
|
||||||
|
<path d="M20 5H4C2.61929 5 1.5 6.11929 1.5 7.5V17.5C1.5 18.8807 2.61929 20 4 20H20C21.3807 20 22.5 18.8807 22.5 17.5V7.5C22.5 6.11929 21.3807 5 20 5Z" fill="#22438B"/>
|
||||||
|
<path d="M1.51316 17.7571L9.05637 12.5315L1.50781 7.30213C1.60868 6.01391 2.68598 5 4.0001 5H4.33085L12.1295 10.4026L19.9281 5H20.0001C21.3728 5 22.4871 6.10638 22.5 7.47608L15.2025 12.5315L22.4986 17.5859C22.4534 18.9268 21.3521 20 20.0001 20H19.8372L12.1295 14.6604L4.42169 20H4.0001C2.70619 20 1.64187 19.017 1.51316 17.7571Z" fill="white"/>
|
||||||
|
<path d="M2.92533 5.24207L12.1293 11.6182L21.2225 5.31879C21.672 5.57127 22.0355 5.95866 22.2582 6.42608L13.4463 12.5306L22.2358 18.6196C22.0031 19.0834 21.6304 19.4647 21.1731 19.7082L12.1293 13.443L2.97832 19.7824C2.49721 19.5667 2.09669 19.2034 1.83443 18.7501L10.8122 12.5306L1.80957 6.29389C2.06166 5.83704 2.45253 5.46749 2.92533 5.24207Z" fill="#C7152A"/>
|
||||||
|
<path d="M1.5 10H9.5V5H14.5V10H22.5V15H14.5V20H9.5V15H1.5V10Z" fill="white"/>
|
||||||
|
<path d="M13.5 5H10.5V11H1.5V14H10.5V20H13.5V14H22.5V11H13.5V5Z" fill="#C7152A"/>
|
||||||
|
<path d="M20 5.5H4C2.89543 5.5 2 6.39543 2 7.5V17.5C2 18.6046 2.89543 19.5 4 19.5H20C21.1046 19.5 22 18.6046 22 17.5V7.5C22 6.39543 21.1046 5.5 20 5.5Z" stroke="#1D1D1D" stroke-opacity="0.1"/>
|
||||||
|
</g>
|
||||||
|
<path d="M29.2939 19.5V8.625H36.6739V9.945H30.8239V13.245H36.3289V14.565H30.8239V18.18H36.6739V19.5H29.2939ZM47.2381 19.5H45.0031L40.0231 10.215V19.5H38.4931V8.625H40.7431L45.7081 17.88V8.625H47.2381V19.5ZM54.3464 8.43C56.5964 8.43 58.3964 9.69 58.8464 11.79H57.3614C57.0014 10.575 56.0114 9.72 54.2714 9.72C52.3514 9.72 50.8514 11.22 50.8514 14.04C50.8514 16.8 52.2764 18.405 54.2714 18.405C55.7114 18.405 57.4814 17.805 57.4814 15.555V15.27H54.6014V13.95H58.9214V19.5H57.7214L57.6464 18.135C56.9414 19.26 55.6664 19.695 54.2114 19.695C51.0914 19.695 49.2914 17.34 49.2914 14.04C49.2914 10.68 51.2864 8.43 54.3464 8.43ZM64.9939 19.5H63.6289L67.9039 8.625H69.2839L64.9939 19.5ZM80.7628 19.5L78.4078 14.91C78.1228 14.925 77.8678 14.925 77.5828 14.925H75.6628V19.5H74.1328V8.625H77.5828C80.2228 8.625 82.1128 9.15 82.1128 11.76C82.1128 13.485 81.2878 14.31 79.9528 14.67L82.4728 19.5H80.7628ZM77.7028 9.915H75.6628V13.635H77.7028C79.3078 13.635 80.5378 13.47 80.5378 11.79C80.5378 10.11 79.3078 9.915 77.7028 9.915ZM84.0752 8.625H85.6052V15.24C85.6052 17.385 86.3702 18.375 88.4102 18.375C90.4952 18.375 91.2602 17.22 91.2602 15.075V8.625H92.7902V14.955C92.7902 18.135 91.5752 19.695 88.4102 19.695C85.3952 19.695 84.0752 18.465 84.0752 15.075V8.625ZM95.2119 19.5V8.625H99.1269C101.152 8.625 102.952 9.15 102.952 11.31C102.952 12.345 102.517 13.275 101.752 13.71C102.787 14.145 103.402 14.955 103.402 16.29C103.402 18.6 101.677 19.5 99.5019 19.5H95.2119ZM96.7419 14.49V18.21H99.5169C101.077 18.21 101.827 17.55 101.827 16.305C101.827 15.03 101.062 14.49 99.4269 14.49H96.7419ZM96.7419 9.915V13.275H99.3669C100.627 13.275 101.407 12.795 101.407 11.52C101.407 10.395 100.582 9.915 99.3669 9.915H96.7419Z" fill="#1D1D1D"/>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_34">
|
||||||
|
<rect width="26" height="26" fill="white" transform="translate(0 0.5)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.1 KiB |
11
public/likeButton.svg
Normal file
11
public/likeButton.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<rect width="40" height="40" rx="12" fill="#1D1D1D" fill-opacity="0.4"/>
|
||||||
|
<g clip-path="url(#clip0_0_278)">
|
||||||
|
<path d="M19.6089 13.5845C17.6603 11.5916 14.4537 11.5916 12.5051 13.5845C10.6174 15.5151 10.6174 18.5999 12.5051 20.5305L18.85 27.0196C19.4752 27.659 20.5039 27.659 21.1291 27.0196L27.474 20.5305C29.3617 18.5999 29.3617 15.5151 27.474 13.5845C25.5254 11.5916 22.3188 11.5916 20.3701 13.5845L19.9895 13.9738L19.6089 13.5845Z" fill="white"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_278">
|
||||||
|
<rect width="20" height="20" fill="white" transform="translate(10 10)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 684 B |
11
public/likeButtonActive.svg
Normal file
11
public/likeButtonActive.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<rect width="40" height="40" rx="12" fill="#1D1D1D" fill-opacity="0.4"/>
|
||||||
|
<g clip-path="url(#clip0_0_288)">
|
||||||
|
<path d="M19.5196 13.4947C17.571 11.5018 14.3644 11.5018 12.4158 13.4947C10.5281 15.4253 10.5281 18.5101 12.4158 20.4406L18.7607 26.9297C19.3858 27.5691 20.4145 27.5691 21.0397 26.9297L27.3846 20.4406C29.2723 18.5101 29.2723 15.4253 27.3846 13.4947C25.436 11.5018 22.2294 11.5018 20.2807 13.4947L19.9002 13.8839L19.5196 13.4947Z" fill="#FF2929"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_288">
|
||||||
|
<rect width="20" height="20" fill="white" transform="translate(10 10)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 690 B |
11
public/logo.svg
Normal file
11
public/logo.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_0_8)">
|
||||||
|
<path d="M0 12C0 7.79963 0 5.69941 0.81745 4.09507C1.5365 2.68386 2.68386 1.5365 4.09507 0.81745C5.69941 0 7.79963 0 12 0H28C32.2004 0 34.3006 0 35.9049 0.81745C37.3161 1.5365 38.4635 2.68386 39.1826 4.09507C40 5.69941 40 7.79963 40 12V28C40 32.2004 40 34.3006 39.1826 35.9049C38.4635 37.3161 37.3161 38.4635 35.9049 39.1826C34.3006 40 32.2004 40 28 40H12C7.79963 40 5.69941 40 4.09507 39.1826C2.68386 38.4635 1.5365 37.3161 0.81745 35.9049C0 34.3006 0 32.2004 0 28V12Z" fill="#FF3000"/>
|
||||||
|
<path d="M30.1289 33.125C28.3434 33.125 27.1133 32.1462 27.1133 29.1144V28.4623H29.0973V29.1148C29.0973 30.7267 29.5339 31.1679 30.1289 31.1679C30.724 31.1679 31.141 30.7267 31.141 29.9782C31.141 29.0378 31.0021 28.52 29.6131 27.5413C27.9861 26.4093 27.2322 25.2002 27.2322 23.646C27.2322 21.6696 28.3034 20.4799 30.1289 20.4799C31.3987 20.4799 33.0854 20.8638 33.0854 24.0872V24.8357H31.1014V24.0872C31.1014 22.8209 30.6847 22.3987 30.1289 22.3987C29.5339 22.3987 29.2162 22.8209 29.2162 23.569C29.2162 24.3364 29.3947 24.9696 30.7836 26.006C32.5099 27.2916 33.125 28.3087 33.125 29.9779C33.125 31.6471 32.3311 33.125 30.1289 33.125ZM23.363 33.125C21.5774 33.125 20.3473 32.2999 20.3473 29.1144V28.4623H22.3314V29.1148C22.3314 30.7267 22.7679 31.1679 23.363 31.1679C23.9581 31.1679 24.375 30.7267 24.375 29.9782C24.375 29.0378 24.2361 28.52 22.8472 27.5413C21.2201 26.4093 20.4662 25.2002 20.4662 23.646C20.4662 21.6696 21.5374 20.4799 23.363 20.4799C24.6327 20.4799 26.3194 20.8638 26.3194 24.0872V24.8357H24.3354V24.0872C24.3354 22.8209 23.9188 22.3987 23.363 22.3987C22.7679 22.3987 22.4502 22.8209 22.4502 23.569C22.4502 24.3364 22.6287 24.9696 24.0177 26.006C25.744 27.2916 26.359 28.3087 26.359 29.9779C26.359 31.6471 25.5655 33.125 23.363 33.125ZM30.1289 19.5201C28.3434 19.5201 27.1133 18.5414 27.1133 15.5096V14.8574H29.0973V15.5099C29.0973 17.1218 29.5339 17.563 30.1289 17.563C30.724 17.563 31.141 17.1218 31.141 16.3734C31.141 15.4329 31.0021 14.9151 29.6131 13.9364C27.9861 12.8044 27.2322 11.5954 27.2322 10.0411C27.2322 8.06469 28.3034 6.875 30.1289 6.875C31.3987 6.875 33.0854 7.25888 33.0854 10.4823V11.2308H31.1014V10.4823C31.1014 9.216 30.6847 8.79381 30.1289 8.79381C29.5339 8.79381 29.2162 9.216 29.2162 9.96413C29.2162 10.7316 29.3947 11.3647 30.7836 12.4011C32.5099 13.6868 33.125 14.7038 33.125 16.373C33.125 18.0422 32.3311 19.5201 30.1289 19.5201ZM23.363 19.5201C21.5774 19.5201 20.3473 18.695 20.3473 15.5096V14.8574H22.3314V15.5099C22.3314 17.1218 22.7679 17.563 23.363 17.563C23.9581 17.563 24.375 17.1218 24.375 16.3734C24.375 15.4329 24.2361 14.9151 22.8472 13.9364C21.2201 12.8044 20.4662 11.5954 20.4662 10.0411C20.4662 8.06469 21.5374 6.875 23.363 6.875C24.6327 6.875 26.3194 7.25888 26.3194 10.4823V11.2308H24.3354V10.4823C24.3354 9.216 23.9188 8.79381 23.363 8.79381C22.7679 8.79381 22.4502 9.216 22.4502 9.96413C22.4502 10.7316 22.6287 11.3647 24.0177 12.4011C25.744 13.6868 26.359 14.7038 26.359 16.373C26.359 18.0422 25.5655 19.5201 23.363 19.5201ZM8.85938 28.4623H9.25637C10.1295 28.4623 10.5657 28.0401 10.5657 26.083V24.9699C10.5657 23.0128 10.1291 22.5906 9.25637 22.5906H8.85938V28.4623ZM8.85938 32.9331H6.87537V20.6715H9.25637C11.8358 20.6715 12.5501 22.0914 12.5501 24.778V26.2746C12.5501 28.9608 11.8358 30.3811 9.25637 30.3811H8.85938V32.9331ZM9.256 12.9386H8.859V8.98575H9.256C10.1487 8.98575 10.5653 9.27369 10.5653 10.6166V11.3074C10.5657 12.6507 10.1491 12.9386 9.256 12.9386ZM12.9267 19.3285L11.3989 14.2243C12.1331 13.6294 12.5497 12.6507 12.5497 11.4421V10.4827C12.5497 8.23763 11.5181 7.06694 9.256 7.06694H6.875V19.3285H8.859V14.8574H9.11713C9.21638 14.8574 9.35519 14.8574 9.57331 14.8381L10.7638 19.3282L12.9267 19.3285ZM15.1884 28.4623L16.2004 22.5906H16.3593L17.3709 28.4623H15.1884ZM18.1252 32.9331H20.1093L17.9068 20.6715H14.653L12.4309 32.9331H14.4149L14.8711 30.3811H17.6886L18.1252 32.9331ZM16.4781 19.5201C14.0376 19.5201 13.5814 17.7356 13.5814 15.5673V7.06694H15.645V15.7402C15.645 17.2561 15.9227 17.6013 16.4781 17.6013C17.0336 17.6013 17.3113 17.2561 17.3113 15.7402V7.06694H19.3749V15.5676C19.3749 17.7356 18.9187 19.5201 16.4781 19.5201Z" fill="white"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_8">
|
||||||
|
<rect width="40" height="40" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.3 KiB |
13
public/magicWand.svg
Normal file
13
public/magicWand.svg
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_0_89)">
|
||||||
|
<path d="M29.75 8.5C29.75 6.15254 31.6525 4.25 34 4.25C31.6525 4.25 29.75 2.34746 29.75 0C29.75 2.34746 27.8475 4.25 25.5 4.25C27.8475 4.25 29.75 6.15254 29.75 8.5Z" fill="black"/>
|
||||||
|
<path d="M30.8125 12.75C30.8125 14.5104 29.3854 15.9375 27.625 15.9375C29.3854 15.9375 30.8125 17.3646 30.8125 19.125C30.8125 17.3646 32.2396 15.9375 34 15.9375C32.2396 15.9375 30.8125 14.5104 30.8125 12.75Z" fill="black"/>
|
||||||
|
<path d="M14.875 12.75C14.875 9.22914 17.7291 6.375 21.25 6.375C17.7291 6.375 14.875 3.52086 14.875 0C14.875 3.52086 12.0209 6.375 8.5 6.375C12.0209 6.375 14.875 9.22914 14.875 12.75Z" fill="black"/>
|
||||||
|
<path d="M23.375 6.375L0 29.75L4.25 34L27.625 10.625L23.375 6.375ZM19.7472 13.1903L22.7521 10.1854L23.8146 11.2479L20.8097 14.2528L19.7472 13.1903Z" fill="black"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_89">
|
||||||
|
<rect width="34" height="34" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1008 B |
11
public/menu.svg
Normal file
11
public/menu.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<svg width="102" height="48" viewBox="0 0 102 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_0_12)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.3333 17.5417C18.9882 17.5417 18.7083 17.8215 18.7083 18.1667C18.7083 18.5119 18.9882 18.7917 19.3333 18.7917H32.6667C33.0118 18.7917 33.2917 18.5119 33.2917 18.1667C33.2917 17.8215 33.0118 17.5417 32.6667 17.5417H19.3333ZM18.7083 24C18.7083 23.6549 18.9882 23.375 19.3333 23.375H32.6667C33.0118 23.375 33.2917 23.6549 33.2917 24C33.2917 24.3452 33.0118 24.625 32.6667 24.625H19.3333C18.9882 24.625 18.7083 24.3452 18.7083 24ZM18.7083 29.8334C18.7083 29.4882 18.9882 29.2084 19.3333 29.2084H32.6667C33.0118 29.2084 33.2917 29.4882 33.2917 29.8334C33.2917 30.1785 33.0118 30.4584 32.6667 30.4584H19.3333C18.9882 30.4584 18.7083 30.1785 18.7083 29.8334Z" fill="#1D1D1D"/>
|
||||||
|
</g>
|
||||||
|
<path d="M51.936 30H50.208L47.008 19.888V30H45.376V18.4H48.112L51.072 28.064L54.032 18.4H56.768V30H55.136V19.888L51.936 30ZM66.8926 26.176H60.2686C60.3166 28.032 61.6606 28.928 62.9246 28.928C64.2046 28.928 64.9086 28.352 65.2766 27.504H66.7806C66.3966 28.976 65.0206 30.208 62.9246 30.208C60.2046 30.208 58.7006 28.256 58.7006 25.712C58.7006 22.976 60.5246 21.248 62.8766 21.248C65.5166 21.248 67.0686 23.44 66.8926 26.176ZM62.8766 22.496C61.5966 22.496 60.4126 23.2 60.2846 24.928H65.3566C65.3086 23.712 64.4286 22.496 62.8766 22.496ZM70.0455 21.392V22.688C70.5415 21.872 71.3735 21.248 72.8295 21.248C74.9095 21.248 75.6615 22.592 75.6615 24.56V30H74.2055V24.992C74.2055 23.664 73.9815 22.512 72.3175 22.512C70.9095 22.512 70.0455 23.472 70.0455 25.328V30H68.5895V21.392H70.0455ZM83.1675 30V28.768C82.6715 29.584 81.8875 30.208 80.4635 30.208C78.4795 30.208 77.7115 28.864 77.7115 26.896V21.392H79.1675V26.464C79.1675 27.792 79.3755 28.944 80.9755 28.944C82.3675 28.944 83.1675 27.984 83.1675 26.128V21.392H84.6235V30H83.1675Z" fill="#1D1D1D"/>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_12">
|
||||||
|
<rect width="20" height="24" fill="white" transform="translate(16 12)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.0 KiB |
11
public/profile.svg
Normal file
11
public/profile.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<svg width="108" height="49" viewBox="0 0 108 49" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_0_55)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.96 16.25C24.7049 16.25 22.8767 18.0782 22.8767 20.3333C22.8767 22.5885 24.7049 24.4167 26.96 24.4167C29.2152 24.4167 31.0433 22.5885 31.0433 20.3333C31.0433 18.0782 29.2152 16.25 26.96 16.25ZM24.46 26.25C22.2049 26.25 20.3767 28.0782 20.3767 30.3333C20.3767 31.668 21.4587 32.75 22.7934 32.75H31.1267C32.4614 32.75 33.5433 31.668 33.5433 30.3333C33.5433 28.0782 31.7152 26.25 29.46 26.25H24.46Z" fill="#1D1D1D"/>
|
||||||
|
</g>
|
||||||
|
<path d="M46.4298 18.9H50.0618C52.8938 18.9 54.8778 19.54 54.8778 22.404C54.8778 25.284 52.8938 25.908 50.0618 25.908H48.0618V30.5H46.4298V18.9ZM50.1898 20.276H48.0618V24.484H50.1898C51.9018 24.484 53.2138 24.308 53.2138 22.404C53.2138 20.516 51.9018 20.276 50.1898 20.276ZM60.5094 21.86V23.412C60.2054 23.364 59.9334 23.348 59.6934 23.348C58.3494 23.348 57.6774 24.084 57.6774 25.988V30.5H56.2214V21.892H57.6454V23.396C58.0774 22.42 58.9414 21.892 60.0774 21.844C60.2214 21.844 60.3334 21.844 60.5094 21.86ZM62.7446 26.228C62.7446 28.532 63.9926 29.428 65.3206 29.428C66.6486 29.428 67.8966 28.436 67.8966 26.228C67.8966 23.924 66.6486 23.028 65.3206 23.028C63.9926 23.028 62.7446 23.876 62.7446 26.228ZM65.3206 21.748C67.3206 21.748 69.4486 23.108 69.4486 26.228C69.4486 29.348 67.3206 30.708 65.3206 30.708C63.3206 30.708 61.1926 29.348 61.1926 26.228C61.1926 23.108 63.3206 21.748 65.3206 21.748ZM71.6363 21.892V21.268C71.6363 19.476 71.9883 18.9 73.9563 18.9H74.7083V20.116H73.9883C73.2203 20.116 73.0923 20.292 73.0923 21.188V21.892H74.7083V23.06H73.0923V30.5H71.6363V23.06H70.4363V21.892H71.6363ZM76.2839 21.892H77.7399V30.5H76.2839V21.892ZM76.2839 18.9H77.7399V20.66H76.2839V18.9ZM81.5055 18.9V30.5H80.0495V18.9H81.5055ZM91.4151 26.676H84.7911C84.8391 28.532 86.1831 29.428 87.4471 29.428C88.7271 29.428 89.4311 28.852 89.7991 28.004H91.3031C90.9191 29.476 89.5431 30.708 87.4471 30.708C84.7271 30.708 83.2231 28.756 83.2231 26.212C83.2231 23.476 85.0471 21.748 87.3991 21.748C90.0391 21.748 91.5911 23.94 91.4151 26.676ZM87.3991 22.996C86.1191 22.996 84.9351 23.7 84.8071 25.428H89.8791C89.8311 24.212 88.9511 22.996 87.3991 22.996Z" fill="#1D1D1D"/>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_55">
|
||||||
|
<rect width="20" height="20" fill="white" transform="translate(16.96 14.5)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.3 KiB |
BIN
public/restourant.png
Normal file
BIN
public/restourant.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
17
public/search.svg
Normal file
17
public/search.svg
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
<svg width="79" height="39" viewBox="0 0 79 39" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M1.28601 15.86C1.28601 13.636 3.60601 12.692 5.47801 12.692C7.57402 12.692 9.41401 13.636 9.87802 15.86H8.29401C7.91002 14.532 6.56601 14.068 5.41401 14.068C4.51801 14.068 2.95001 14.468 2.95001 15.764C2.95001 16.788 3.75001 17.3 4.83802 17.54L6.18201 17.844C7.95801 18.228 10.086 18.9 10.086 21.236C10.086 23.492 7.97402 24.708 5.67001 24.708C2.93401 24.708 1.20601 23.204 0.902015 20.9H2.50201C2.80601 22.5 3.91001 23.332 5.70201 23.332C7.43002 23.332 8.40602 22.532 8.40602 21.38C8.40602 20.148 7.35002 19.668 5.91002 19.332L4.47002 19.028C2.87001 18.676 1.28601 17.78 1.28601 15.86ZM19.6264 20.676H13.0024C13.0504 22.532 14.3944 23.428 15.6584 23.428C16.9384 23.428 17.6424 22.852 18.0104 22.004H19.5144C19.1304 23.476 17.7544 24.708 15.6584 24.708C12.9384 24.708 11.4344 22.756 11.4344 20.212C11.4344 17.476 13.2584 15.748 15.6104 15.748C18.2504 15.748 19.8024 17.94 19.6264 20.676ZM15.6104 16.996C14.3304 16.996 13.1464 17.7 13.0184 19.428H18.0904C18.0424 18.212 17.1624 16.996 15.6104 16.996ZM26.6691 20.9V20.356C24.0291 20.612 22.3491 21.012 22.3491 22.196C22.3491 23.012 22.9731 23.556 24.0131 23.556C25.3731 23.556 26.6691 22.932 26.6691 20.9ZM23.6931 24.708C22.0771 24.708 20.7331 23.812 20.7331 22.228C20.7331 20.196 23.0371 19.588 26.5571 19.204V18.996C26.5571 17.412 25.6931 16.9 24.6051 16.9C23.3891 16.9 22.7011 17.54 22.6371 18.612H21.1331C21.2611 16.756 22.9251 15.716 24.5891 15.716C26.9731 15.716 28.0291 16.836 28.0131 19.268L27.9971 21.252C27.9811 22.708 28.0451 23.684 28.2211 24.5H26.7491C26.7011 24.18 26.6531 23.828 26.6371 23.316C26.1091 24.212 25.2291 24.708 23.6931 24.708ZM34.4706 15.86V17.412C34.1666 17.364 33.8946 17.348 33.6546 17.348C32.3106 17.348 31.6386 18.084 31.6386 19.988V24.5H30.1826V15.892H31.6066V17.396C32.0386 16.42 32.9026 15.892 34.0386 15.844C34.1826 15.844 34.2946 15.844 34.4706 15.86ZM39.2819 15.748C41.3939 15.748 42.6739 17.3 42.8819 18.772H41.4099C41.2019 17.748 40.3219 17.028 39.1859 17.028C37.9059 17.028 36.7059 18.036 36.7059 20.196C36.7059 22.372 37.9059 23.428 39.1859 23.428C40.4179 23.428 41.2659 22.596 41.4739 21.7H42.9779C42.6739 23.316 41.1539 24.708 39.1379 24.708C36.6579 24.708 35.1219 22.836 35.1219 20.212C35.1219 17.652 36.7379 15.748 39.2819 15.748ZM46.0761 12.9V17.188C46.5721 16.372 47.4041 15.748 48.8601 15.748C50.9401 15.748 51.6921 17.092 51.6921 19.06V24.5H50.2361V19.492C50.2361 18.164 50.0121 17.012 48.3481 17.012C46.9401 17.012 46.0761 17.972 46.0761 19.828V24.5H44.6201V12.9H46.0761Z" fill="#1D1D1D"/>
|
||||||
|
<g clip-path="url(#clip0_0_24)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M67.1414 11.25C63.8277 11.25 61.1414 13.9363 61.1414 17.25C61.1414 20.5637 63.8277 23.25 67.1414 23.25C70.4551 23.25 73.1414 20.5637 73.1414 17.25C73.1414 15.6587 72.5092 14.1326 71.384 13.0074C70.2588 11.8821 68.7327 11.25 67.1414 11.25ZM59.6414 17.25C59.6414 13.1079 62.9993 9.75 67.1414 9.75C69.1305 9.75 71.0382 10.5402 72.4447 11.9467C73.8512 13.3532 74.6414 15.2609 74.6414 17.25C74.6414 21.3921 71.2835 24.75 67.1414 24.75C62.9993 24.75 59.6414 21.3921 59.6414 17.25ZM76.3634 24.9304L74.2345 23.212C73.9124 22.892 73.396 22.892 73.0739 23.212C72.9069 23.3802 72.813 23.6087 72.813 23.847C72.813 24.0854 72.9069 24.3139 73.0739 24.4821L74.8406 26.5069C75.2713 26.9422 75.9696 26.9422 76.4003 26.5069C76.831 26.0715 76.831 25.3657 76.4003 24.9304H76.3634ZM62.14 17.25C62.14 14.4886 64.3786 12.25 67.14 12.25C68.4661 12.25 69.7379 12.7768 70.6755 13.7145C71.6132 14.6521 72.14 15.9239 72.14 17.25C72.14 20.0114 69.9014 22.25 67.14 22.25C64.3786 22.25 62.14 20.0114 62.14 17.25Z" fill="#1D1D1D"/>
|
||||||
|
</g>
|
||||||
|
<g clip-path="url(#clip1_0_24)">
|
||||||
|
<path d="M58.5787 31.6321C65.1385 31.1691 71.5974 30.8774 78.2387 30.8774" stroke="#FFCF08" stroke-width="0.754717" stroke-linejoin="round"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_24">
|
||||||
|
<rect width="20" height="20" fill="white" transform="translate(58.39 8.5)"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="clip1_0_24">
|
||||||
|
<rect width="20" height="1.50943" fill="white" transform="translate(58.39 30.5)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.0 KiB |
11
public/support.svg
Normal file
11
public/support.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<svg width="119" height="49" viewBox="0 0 119 49" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_0_45)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.08 32C18.08 31.8424 18.1286 31.6962 18.2117 31.5754C18.7542 30.7616 18.9464 30.4637 19.0283 30.2479C19.13 29.9799 19.1622 29.8638 19.176 29.7654C19.1898 29.6669 19.1907 29.5464 19.1667 29.2609C19.1597 29.1781 19.12 28.9901 19.0039 28.5954C18.893 28.2183 18.7306 27.7104 18.5086 27.0159C18.2662 26.2579 18.08 25.3894 18.08 24.5C18.08 19.9436 21.7737 16.25 26.33 16.25C30.8863 16.25 34.58 19.9436 34.58 24.5C34.58 29.0563 30.8863 32.75 26.33 32.75H18.83C18.4158 32.75 18.08 32.4142 18.08 32ZM26.33 28.6667C26.7902 28.6667 27.1633 28.2936 27.1633 27.8333C27.1633 27.3731 26.7902 27 26.33 27C25.8698 27 25.4967 27.3731 25.4967 27.8333C25.4967 28.2936 25.8698 28.6667 26.33 28.6667ZM26.33 21.9167C25.8238 21.9167 25.4133 22.3271 25.4133 22.8333V23.25C25.4133 23.6642 25.0776 24 24.6633 24C24.2491 24 23.9133 23.6642 23.9133 23.25V22.8333C23.9133 21.4987 24.9953 20.4167 26.33 20.4167C27.6647 20.4167 28.7467 21.4987 28.7467 22.8333V22.9344C28.7467 23.6022 28.4814 24.2426 28.0092 24.7148L26.8603 25.8637C26.5674 26.1566 26.0926 26.1566 25.7997 25.8637C25.5068 25.5708 25.5068 25.0959 25.7997 24.803L26.9486 23.6541C27.1394 23.4632 27.2467 23.2044 27.2467 22.9344V22.8333C27.2467 22.3271 26.8363 21.9167 26.33 21.9167Z" fill="#1D1D1D"/>
|
||||||
|
</g>
|
||||||
|
<path d="M45.6817 22.4C45.6817 20.315 47.8567 19.43 49.6117 19.43C51.5767 19.43 53.3017 20.315 53.7367 22.4H52.2517C51.8917 21.155 50.6317 20.72 49.5517 20.72C48.7117 20.72 47.2417 21.095 47.2417 22.31C47.2417 23.27 47.9917 23.75 49.0117 23.975L50.2717 24.26C51.9367 24.62 53.9317 25.25 53.9317 27.44C53.9317 29.555 51.9517 30.695 49.7917 30.695C47.2267 30.695 45.6067 29.285 45.3217 27.125H46.8217C47.1067 28.625 48.1417 29.405 49.8217 29.405C51.4417 29.405 52.3567 28.655 52.3567 27.575C52.3567 26.42 51.3667 25.97 50.0167 25.655L48.6667 25.37C47.1667 25.04 45.6817 24.2 45.6817 22.4ZM60.5994 30.5V29.345C60.1344 30.11 59.3994 30.695 58.0644 30.695C56.2044 30.695 55.4844 29.435 55.4844 27.59V22.43H56.8494V27.185C56.8494 28.43 57.0444 29.51 58.5444 29.51C59.8494 29.51 60.5994 28.61 60.5994 26.87V22.43H61.9644V30.5H60.5994ZM64.1297 22.43H65.4947V23.705C65.9897 22.85 66.8297 22.295 68.1347 22.295C69.9947 22.295 71.5847 23.855 71.5847 26.495C71.5847 29.18 69.9947 30.695 68.1347 30.695C66.8297 30.695 65.9897 30.14 65.4947 29.285V33.125H64.1297V22.43ZM65.4347 26.495C65.4347 28.625 66.5747 29.525 67.7897 29.525C69.1847 29.525 70.0997 28.43 70.0997 26.495C70.0997 24.56 69.1847 23.465 67.7897 23.465C66.5747 23.465 65.4347 24.365 65.4347 26.495ZM73.1825 22.43H74.5475V23.705C75.0425 22.85 75.8825 22.295 77.1875 22.295C79.0475 22.295 80.6375 23.855 80.6375 26.495C80.6375 29.18 79.0475 30.695 77.1875 30.695C75.8825 30.695 75.0425 30.14 74.5475 29.285V33.125H73.1825V22.43ZM74.4875 26.495C74.4875 28.625 75.6275 29.525 76.8425 29.525C78.2375 29.525 79.1525 28.43 79.1525 26.495C79.1525 24.56 78.2375 23.465 76.8425 23.465C75.6275 23.465 74.4875 24.365 74.4875 26.495ZM83.2824 26.495C83.2824 28.655 84.4524 29.495 85.6974 29.495C86.9424 29.495 88.1124 28.565 88.1124 26.495C88.1124 24.335 86.9424 23.495 85.6974 23.495C84.4524 23.495 83.2824 24.29 83.2824 26.495ZM85.6974 22.295C87.5724 22.295 89.5674 23.57 89.5674 26.495C89.5674 29.42 87.5724 30.695 85.6974 30.695C83.8224 30.695 81.8274 29.42 81.8274 26.495C81.8274 23.57 83.8224 22.295 85.6974 22.295ZM95.2201 22.4V23.855C94.9351 23.81 94.6801 23.795 94.4551 23.795C93.1951 23.795 92.5651 24.485 92.5651 26.27V30.5H91.2001V22.43H92.5351V23.84C92.9401 22.925 93.7501 22.43 94.8151 22.385C94.9501 22.385 95.0551 22.385 95.2201 22.4ZM96.9221 22.43V20.405H98.2871V22.43H99.8171V23.525H98.2871V28.31C98.2871 29.15 98.3471 29.36 99.1271 29.36H99.8171V30.5H98.8271C97.2821 30.5 96.9221 30.155 96.9221 28.475V23.525H95.6471V22.43H96.9221Z" fill="#1D1D1D"/>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_0_45">
|
||||||
|
<rect width="20" height="20" fill="white" transform="translate(16.33 14.5)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.0 KiB |
|
|
@ -1,8 +1,5 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { configureRootTheme } from '@yandex/ui/Theme'
|
import { Register } from './pages/Register';
|
||||||
import { theme } from '@yandex/ui/Theme/presets/default'
|
|
||||||
|
|
||||||
|
|
||||||
import { MyMap } from './сomponents/map';
|
import { MyMap } from './сomponents/map';
|
||||||
import 'mapbox-gl/dist/mapbox-gl.css';
|
import 'mapbox-gl/dist/mapbox-gl.css';
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -6,4 +6,8 @@
|
||||||
border: none;
|
border: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
.button:hover{
|
||||||
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
26
src/elements/FavoriteCard/index.tsx
Normal file
26
src/elements/FavoriteCard/index.tsx
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
import React, { useState } from "react";
|
||||||
|
import './style.css'
|
||||||
|
|
||||||
|
export interface FavoriteCardIE{
|
||||||
|
title: string,
|
||||||
|
location:string,
|
||||||
|
imageURL:string
|
||||||
|
}
|
||||||
|
|
||||||
|
export const FavoriteCard:React.FC<FavoriteCardIE> = (props) =>{
|
||||||
|
const [liked, setLiked] = useState(false)
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="favoriteCard">
|
||||||
|
<div className="img-cnt">
|
||||||
|
<img className="imageFavoriteCard" src={props.imageURL}></img>
|
||||||
|
<img width={40} onClick={()=>setLiked(!liked)} className="likeButton" src={liked? 'likeButtonActive.svg':'likeButton.svg'}></img>
|
||||||
|
</div>
|
||||||
|
<div className="tr-cnt">
|
||||||
|
<span className="titleFavoriteCard">{props.title}</span>
|
||||||
|
<br />
|
||||||
|
<span className="locationFavoriteCard">{props.location}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
30
src/elements/FavoriteCard/style.css
Normal file
30
src/elements/FavoriteCard/style.css
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
.favoriteCard{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imageFavoriteCard{
|
||||||
|
border-radius: 30px;
|
||||||
|
}
|
||||||
|
.likeButton{
|
||||||
|
cursor: pointer;
|
||||||
|
transition: 0.3s;
|
||||||
|
transform: translateY(-60px) translateX(10px);
|
||||||
|
}
|
||||||
|
.likeButton:hover{
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
.titleFavoriteCard{
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.locationFavoriteCard{
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.img-cnt{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.tr-cnt{
|
||||||
|
transform: translateY(-40px);
|
||||||
|
}
|
||||||
28
src/elements/GenerateCard/index.tsx
Normal file
28
src/elements/GenerateCard/index.tsx
Normal file
|
|
@ -0,0 +1,28 @@
|
||||||
|
import React from "react";
|
||||||
|
import { Button } from '../Button'
|
||||||
|
import { Block } from '../Block'
|
||||||
|
import './style.css'
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export const GenerateCard:React.FC = (props) =>{
|
||||||
|
|
||||||
|
|
||||||
|
return(
|
||||||
|
<Block className='generatecard-block'>
|
||||||
|
<div className="generateCardDescr">
|
||||||
|
<div className="generateCardTitle">
|
||||||
|
<div className="generateTitleText">Сгенерируй свой фантастический Тур!</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src='generateTour.png'></img>
|
||||||
|
<Button className='generate-y'>Посмотреть <img className="wand" src='magicWand.svg'></img></Button>
|
||||||
|
|
||||||
|
</Block>
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
52
src/elements/GenerateCard/style.css
Normal file
52
src/elements/GenerateCard/style.css
Normal file
|
|
@ -0,0 +1,52 @@
|
||||||
|
.generatecard-block{
|
||||||
|
width: 400px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:30px;
|
||||||
|
padding: 25px;
|
||||||
|
border: solid #F5DFB8 1px;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.generateCardDescr{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardTitle{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:15px;
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.generateTitleText{
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.generateCardTitle{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:15px
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.generate-y{
|
||||||
|
background-color: #FFCF08;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 15px 50px;
|
||||||
|
outline: none;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap:10px
|
||||||
|
}
|
||||||
|
|
||||||
|
.wand{
|
||||||
|
height: 25px;
|
||||||
|
}
|
||||||
25
src/elements/Header/index.tsx
Normal file
25
src/elements/Header/index.tsx
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
import React from "react";
|
||||||
|
import './style.css'
|
||||||
|
|
||||||
|
export const RusPassHeader:React.FC = () =>{
|
||||||
|
return(
|
||||||
|
<div className="padding">
|
||||||
|
<div className="headerWrapper">
|
||||||
|
<div className="iconWrapper">
|
||||||
|
<img className="headerIcon" src='logo.svg'></img>
|
||||||
|
<img className="headerIcon" src='menu.svg'></img>
|
||||||
|
<img className="headerIcon" src='bonus.svg'></img>
|
||||||
|
<img className="headerIcon" src='search.svg'></img>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div className="iconWrapper">
|
||||||
|
<img className="headerIcon" src='language.svg'></img>
|
||||||
|
<img className="headerIcon" src='support.svg'></img>
|
||||||
|
<img className="headerIcon" src='favorites.svg'></img>
|
||||||
|
<img className="headerIcon" src='profile.svg'></img>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
);
|
||||||
|
}
|
||||||
27
src/elements/Header/style.css
Normal file
27
src/elements/Header/style.css
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
.headerWrapper{
|
||||||
|
height: 100px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.padding{
|
||||||
|
padding-left: 50px;
|
||||||
|
padding-right: 50px;
|
||||||
|
width: calc(100% - 100px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.iconWrapper{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headerIcon{
|
||||||
|
transition: 0.3s;
|
||||||
|
cursor:pointer
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.headerIcon:hover{
|
||||||
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
58
src/elements/TourCard/index.tsx
Normal file
58
src/elements/TourCard/index.tsx
Normal file
|
|
@ -0,0 +1,58 @@
|
||||||
|
import React from "react";
|
||||||
|
import { Button } from '../../elements/Button'
|
||||||
|
import { Block } from '../../elements/Block'
|
||||||
|
import './style.css'
|
||||||
|
|
||||||
|
export interface PlaceCardIE{
|
||||||
|
title:string,
|
||||||
|
type: string,
|
||||||
|
imageURL?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface TourCardIE{
|
||||||
|
title:string,
|
||||||
|
days:number,
|
||||||
|
placeCards: PlaceCardIE[],
|
||||||
|
imageURL?: string
|
||||||
|
}
|
||||||
|
|
||||||
|
export const PlaceCard: React.FC<PlaceCardIE> = (props) =>{
|
||||||
|
return(
|
||||||
|
<div className="placeCard">
|
||||||
|
<div className="placeDescrWrapper">
|
||||||
|
<div>{props.title}</div>
|
||||||
|
<div className="placeType">{props.type}</div>
|
||||||
|
</div>
|
||||||
|
<img className="placeImage" src={props.imageURL}></img>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export const TourCard:React.FC<TourCardIE> = (props) =>{
|
||||||
|
|
||||||
|
|
||||||
|
return(
|
||||||
|
<Block className='tourcard-block'>
|
||||||
|
<div className="cardDescr">
|
||||||
|
<div className="cardTitle">
|
||||||
|
<div className="titleText">{props.title}</div>
|
||||||
|
<div className="cardInfo">
|
||||||
|
<div>{props.days} дней,</div>
|
||||||
|
<div>{props.placeCards.length} мест</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img className="cardAvatar" src={props.imageURL}></img>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div className="placesWrapper">
|
||||||
|
{
|
||||||
|
props.placeCards.map((value, index) => <PlaceCard {...value}></PlaceCard>)
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
<Button className=''>Посмотреть</Button>
|
||||||
|
|
||||||
|
</Block>
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
70
src/elements/TourCard/style.css
Normal file
70
src/elements/TourCard/style.css
Normal file
|
|
@ -0,0 +1,70 @@
|
||||||
|
.tourcard-block{
|
||||||
|
width: 400px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:50px;
|
||||||
|
padding: 25px;
|
||||||
|
border: solid #F5DFB8 1px;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardDescr{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardTitle{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:15px
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardInfo{
|
||||||
|
display: flex;
|
||||||
|
gap:15px;
|
||||||
|
color:rgba(29, 29, 29, 0.5)
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardAvatar{
|
||||||
|
height: 100px;
|
||||||
|
transform: rotate(5deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.titleText{
|
||||||
|
font-size: 24px;
|
||||||
|
padding-right: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placesWrapper{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:20px;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeCard{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeImage{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeDescrWrapper{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:7px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeType{
|
||||||
|
color:rgba(29, 29, 29, 0.5);
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
@ -1,6 +1,82 @@
|
||||||
import react from 'react'
|
import react from 'react'
|
||||||
|
import { Button } from '../../elements/Button';
|
||||||
|
import { FavoriteCard, FavoriteCardIE } from '../../elements/FavoriteCard';
|
||||||
|
import { GenerateCard } from '../../elements/GenerateCard';
|
||||||
|
import { RusPassHeader } from '../../elements/Header';
|
||||||
|
import { TourCard, TourCardIE } from '../../elements/TourCard';
|
||||||
|
import './style.css'
|
||||||
|
|
||||||
export const Main: react.FC = () => {
|
export const Main: react.FC = () => {
|
||||||
|
const TourPropsCard = {
|
||||||
return <div>Main</div>
|
title: 'Я покажу тебе Москву',
|
||||||
|
days: 8,
|
||||||
|
imageURL: 'https://images.unsplash.com/photo-1575936123452-b67c3203c357?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8aW1hZ2V8ZW58MHx8MHx8fDA%3D&w=1000&q=80',
|
||||||
|
placeCards: [
|
||||||
|
{
|
||||||
|
title:'Парк Горького',
|
||||||
|
type: 'Место',
|
||||||
|
imageURL:'https://images.unsplash.com/photo-1575936123452-b67c3203c357?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8aW1hZ2V8ZW58MHx8MHx8fDA%3D&w=1000&q=80',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:'Отель Москва',
|
||||||
|
type: 'Отель',
|
||||||
|
imageURL:'https://images.unsplash.com/photo-1575936123452-b67c3203c357?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8aW1hZ2V8ZW58MHx8MHx8fDA%3D&w=1000&q=80',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title:'Ресторан Сказка',
|
||||||
|
type: 'Ресторан',
|
||||||
|
imageURL:'https://images.unsplash.com/photo-1575936123452-b67c3203c357?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8aW1hZ2V8ZW58MHx8MHx8fDA%3D&w=1000&q=80',
|
||||||
|
}
|
||||||
|
]
|
||||||
|
} as TourCardIE
|
||||||
|
|
||||||
|
const favoriteCardProps = {
|
||||||
|
imageURL:'restourant.png',
|
||||||
|
title:'Кафе Сказка',
|
||||||
|
location:'Казань'
|
||||||
|
} as FavoriteCardIE
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className='mainWrapper'>
|
||||||
|
<RusPassHeader></RusPassHeader>
|
||||||
|
<div className='mainCard'>
|
||||||
|
<h2>Рекомендации</h2>
|
||||||
|
<div className='cardWrapper'>
|
||||||
|
<GenerateCard></GenerateCard>
|
||||||
|
<TourCard {...TourPropsCard}></TourCard>
|
||||||
|
<TourCard {...TourPropsCard}></TourCard>
|
||||||
|
<TourCard {...TourPropsCard}></TourCard>
|
||||||
|
<TourCard {...TourPropsCard}></TourCard>
|
||||||
|
<TourCard {...TourPropsCard}></TourCard>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className='mainCard'>
|
||||||
|
<h2>Добавьте в избранное</h2>
|
||||||
|
<div className='fav-wrapper'>
|
||||||
|
<FavoriteCard {...favoriteCardProps}></FavoriteCard>
|
||||||
|
<FavoriteCard {...favoriteCardProps}></FavoriteCard>
|
||||||
|
<FavoriteCard {...favoriteCardProps}></FavoriteCard>
|
||||||
|
<FavoriteCard {...favoriteCardProps}></FavoriteCard>
|
||||||
|
<FavoriteCard {...favoriteCardProps}></FavoriteCard>
|
||||||
|
<FavoriteCard {...favoriteCardProps}></FavoriteCard>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<Button className=''>Посмотреть все</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href='/'>Документация</a>
|
||||||
|
|
||||||
|
<div className='mainIconWrapper'>
|
||||||
|
<img className='mainIcon' src='icons/yt.svg'></img>
|
||||||
|
<img className='mainIcon' src='icons/vk.svg'></img>
|
||||||
|
<img className='mainIcon' src='icons/dz.svg'></img>
|
||||||
|
<img className='mainIcon' src='icons/tg.svg'></img>
|
||||||
|
<img className='mainIcon' src='icons/ok.svg'></img>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className='grey'>© 2023 A project of the Government of Moscow</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
);
|
||||||
}
|
}
|
||||||
59
src/pages/Main/style.css
Normal file
59
src/pages/Main/style.css
Normal file
|
|
@ -0,0 +1,59 @@
|
||||||
|
.mainCard{
|
||||||
|
background-color: #FFFBF3;
|
||||||
|
width: сalc(100%-100px);
|
||||||
|
margin: 0px 50px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:25px;
|
||||||
|
border-radius: 48px;
|
||||||
|
padding: 50px;
|
||||||
|
width: calc(100% - 200px);
|
||||||
|
}
|
||||||
|
.mainCard>h2{
|
||||||
|
display: inline-block;
|
||||||
|
width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardWrapper{
|
||||||
|
display: inline-flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap:25px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fav-wrapper{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 25px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grey{
|
||||||
|
font-size: 12px;
|
||||||
|
color:#1D1D1D
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainIcon{
|
||||||
|
cursor: pointer;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainIcon:hover{
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainIconWrapper{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap:25px
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainWrapper{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:50px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 100px;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user