Merge pull request 'registrationSetting' (#7) from registrationSetting into main

Reviewed-on: #7
This commit is contained in:
Николай Полтщук 2024-01-11 17:51:57 +03:00
commit cc0f76ea8d
9 changed files with 535 additions and 0 deletions

View File

@ -20,6 +20,7 @@ import ReportForm from "./components/ReportForm/ReportForm";
import FreeDevelopers from "./components/FreeDevelopers/FreeDevelopers";
import { TicketFullScreen } from "./components/Modal/Tracker/TicketFullScreen/TicketFullScreen";
import { ProfileCalendar } from "./components/ProfileCalendar/ProfileCalendar";
import { RegistrationSetting } from "@pages/RegistrationSetting/RegistrationSetting";
import Article from "./pages/Article/Article";
import FormPage from "./pages/FormPage/FormPage";
import SingleReportPage from "./pages/SingleReportPage/SingleReportPage";
@ -64,6 +65,7 @@ const App = () => {
<Route exact path="/tracker-auth" element={<TrackerAuth />} />
<Route exact path="/tracker-registration" element={<TrackerRegistration />} />
<Route exact path="/company" element={<CompanyInfo />} />
<Route exact path="/registration-setting" element={<RegistrationSetting />} />
<Route exact path="/worker/:id" element={<FreeDevelopers />} />
<Route

15
src/assets/icons/QA.svg Normal file
View File

@ -0,0 +1,15 @@
<svg width="45" height="47" viewBox="0 0 45 47" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.6">
<path d="M34.9691 14.9574C36.1803 13.374 37.393 11.7905 38.6028 10.2057C39.0181 9.66336 39.4444 9.12783 39.832 8.5664C40.1424 8.11671 40.5177 8.01723 41.0171 8.19711C42.5732 8.75854 43.8203 9.71787 44.8081 11.022C45.1047 11.4131 45.0357 11.7674 44.7501 12.1353C44.0949 12.9815 43.4741 13.8536 42.7994 14.6835C42.5277 15.0174 42.5525 15.1891 42.9057 15.4153C43.3278 15.6851 43.7196 16.004 44.1183 16.3092C44.5156 16.6131 44.5667 16.9933 44.2756 17.3803C42.8119 19.3276 41.3413 21.2694 39.8637 23.2072C39.5768 23.5833 39.1919 23.7046 38.7877 23.3966C38.3738 23.0818 38.4345 22.6975 38.7201 22.3214C39.9189 20.7434 41.1109 19.1613 42.3221 17.5929C42.5898 17.2454 42.7553 17.0056 42.2545 16.6935C41.8351 16.4319 41.5965 16.222 41.1854 16.7794C39.2154 19.4543 37.1915 22.0925 35.1746 24.7334C34.9235 25.0618 34.8201 25.3889 34.8201 25.7963C34.8311 29.5192 34.8201 33.2407 34.8353 36.9636C34.838 37.495 34.7097 37.9106 34.3276 38.3031C31.9258 40.7737 29.5377 43.2592 27.158 45.7516C26.8476 46.0773 26.5151 46.2026 26.0709 46.2026C18.6254 46.1945 11.1799 46.2054 3.73585 46.189C1.45957 46.1849 0.00275912 44.7078 0.00275912 42.4661C0 29.868 0 17.2699 0 4.67318C0 2.33616 1.46095 0.893066 3.80758 0.893066C12.9072 0.893066 22.0067 0.893066 31.1063 0.895792C32.8294 0.895792 34.111 1.77609 34.6518 3.28459C34.8256 3.76835 34.8256 4.26437 34.827 4.76312C34.8297 8.1426 34.8284 11.5234 34.8284 14.9029C34.8753 14.9206 34.9222 14.9397 34.9691 14.9574ZM33.3922 27.1004C32.461 28.32 31.643 29.3761 30.8428 30.4444C30.6455 30.7074 30.4234 30.9078 30.1254 31.0549C28.7514 31.7336 27.3815 32.4217 26.0157 33.1153C25.6598 33.2966 25.3191 33.4914 24.93 33.2148C24.5286 32.93 24.6472 32.5253 24.7134 32.156C24.9052 31.0863 25.1052 30.0166 25.3328 28.9537C25.5053 28.1456 25.5453 27.3239 26.1082 26.6017C28.4589 23.5819 30.7531 20.5199 33.0777 17.4811C33.297 17.195 33.4005 16.9156 33.3991 16.5518C33.3867 12.6027 33.3936 8.65225 33.3909 4.7018C33.3909 3.14151 32.541 2.29664 30.9766 2.29664C21.9226 2.29664 12.8671 2.29664 3.8131 2.29664C2.30662 2.29664 1.42095 3.16604 1.42095 4.66773C1.41957 17.2658 1.42095 29.8639 1.42784 42.4634C1.42784 43.882 2.31766 44.7745 3.73861 44.7759C10.8626 44.7813 17.9867 44.7759 25.1107 44.7882C25.5481 44.7882 25.7039 44.6941 25.6915 44.2335C25.6584 42.9403 25.6681 41.6458 25.6819 40.3526C25.7053 38.269 27.2394 36.7619 29.3418 36.7483C30.5365 36.7401 31.7326 36.7374 32.9273 36.7537C33.275 36.7592 33.4046 36.676 33.4019 36.3013C33.3867 33.3061 33.3936 30.3123 33.3936 27.1004H33.3922ZM41.6572 13.8087C41.5482 13.7106 41.4558 13.6138 41.3509 13.5348C40.7467 13.0851 40.1176 12.6654 39.5409 12.1843C39.1919 11.8927 39.0236 11.9963 38.7946 12.307C37.9282 13.4775 37.0453 14.6358 36.1651 15.7955C33.3302 19.5279 30.4979 23.2631 27.6477 26.9846C27.3787 27.3361 27.4436 27.4956 27.7719 27.7191C28.3568 28.117 28.9349 28.5299 29.4784 28.9782C29.8399 29.2766 30.0013 29.1744 30.2565 28.8378C33.962 23.9376 37.684 19.0482 41.4006 14.1575C41.482 14.0499 41.562 13.9395 41.6572 13.8087ZM32.4224 38.1777C31.1891 38.1777 30.1379 38.1355 29.0908 38.19C28.1127 38.2418 27.267 38.9654 27.2063 39.8729C27.1263 41.083 27.187 42.3012 27.187 43.6299C28.9376 41.8066 30.6193 40.0555 32.4224 38.1764V38.1777ZM40.9095 9.66609C40.5742 9.86777 40.4432 10.2262 40.199 10.4742C40.0114 10.6649 40.0445 10.7999 40.2624 10.9538C40.9481 11.4403 41.6213 11.9432 42.2973 12.4405C42.4077 12.5209 42.4932 12.5945 42.6546 12.4923C43.292 12.0849 43.3596 11.4676 42.7994 10.9484C42.616 10.778 42.4408 10.5941 42.2325 10.4592C41.8144 10.188 41.3785 9.94408 40.9081 9.66609H40.9095ZM26.3427 31.3438C27.1704 30.9255 27.8933 30.5603 28.6838 30.161C28.0382 29.6895 27.4587 29.2671 26.8324 28.8106C26.6683 29.6636 26.5193 30.4295 26.3427 31.3438Z" fill="#0B0B0C"/>
<path d="M20.6451 20.182C18.2805 20.182 15.916 20.182 13.5514 20.182C13.3459 20.182 13.1362 20.182 12.9347 20.1452C12.5595 20.0784 12.3981 19.8195 12.3953 19.4639C12.3926 19.0973 12.5954 18.867 12.9499 18.788C13.1031 18.7539 13.27 18.7675 13.43 18.7675C18.2736 18.7675 23.1187 18.7675 27.9623 18.7675C28.1002 18.7675 28.2423 18.7512 28.3748 18.7771C28.7569 18.8534 28.9887 19.0837 28.9804 19.4816C28.9707 19.8713 28.7652 20.1329 28.3582 20.1575C27.8781 20.1874 27.3953 20.1806 26.9138 20.1806C24.8252 20.1834 22.7351 20.1806 20.6465 20.1806L20.6451 20.182Z" fill="#0B0B0C"/>
<path d="M14.513 5.9691C14.5461 6.26889 14.3157 6.44059 14.1212 6.63137C13.1458 7.59207 12.187 8.56912 11.1868 9.50529C10.8254 9.84324 10.7757 10.0245 11.1731 10.3897C12.1801 11.3163 13.1237 12.3084 14.1088 13.2595C14.4868 13.6247 14.6854 14.0117 14.266 14.4287C13.8466 14.8471 13.4507 14.6454 13.0824 14.2788C11.8697 13.0715 10.6405 11.8805 9.42515 10.6758C8.83332 10.0899 8.83332 9.8228 9.40446 9.25864C10.6695 8.00769 11.9428 6.76491 13.2051 5.50987C13.4797 5.23733 13.7832 5.14467 14.1377 5.29321C14.4205 5.41176 14.5337 5.64887 14.5116 5.96774L14.513 5.9691Z" fill="#0B0B0C"/>
<path d="M20.9872 5.2019C21.3018 5.23052 21.4866 5.39132 21.6687 5.57119C22.9366 6.81806 24.2071 8.06356 25.4846 9.30225C25.9399 9.74376 25.9205 10.1689 25.4874 10.5968C24.2375 11.83 22.9821 13.0578 21.7322 14.2924C21.3652 14.6549 20.95 14.8471 20.5458 14.4205C20.1498 14.0022 20.3485 13.6125 20.7265 13.2486C21.7294 12.2838 22.7006 11.2877 23.7091 10.3297C24.0112 10.0436 24.0264 9.88276 23.7119 9.58569C22.6524 8.58275 21.6301 7.54165 20.5872 6.52099C20.3168 6.25663 20.1981 5.97455 20.3637 5.60799C20.4947 5.31637 20.7568 5.25505 20.9845 5.20327L20.9872 5.2019Z" fill="#0B0B0C"/>
<path d="M16.0374 15.9427C15.469 15.959 15.1945 15.5611 15.36 14.8961C15.6608 13.6901 15.985 12.4882 16.3036 11.2863C16.8886 9.07877 17.4873 6.87529 18.0557 4.66364C18.1881 4.14854 18.4171 3.79833 18.9896 3.93187C19.5966 4.07359 19.5759 4.55871 19.4532 5.02339C18.5565 8.43694 17.6473 11.8464 16.7547 15.2599C16.6513 15.6551 16.4802 15.9236 16.0374 15.9427Z" fill="#0B0B0C"/>
<path d="M9.55483 24.375C9.60587 24.7702 9.28168 24.961 9.06233 25.2131C8.71192 25.6164 8.00144 25.9176 8.04145 26.3836C8.07594 26.7856 8.70226 27.1372 9.06646 27.5106C9.16165 27.6087 9.27064 27.6945 9.35755 27.7995C9.62105 28.1183 9.66795 28.4781 9.38376 28.7847C9.07336 29.1199 8.68019 29.1104 8.3422 28.8119C7.93247 28.4495 7.54619 28.0611 7.16681 27.6673C6.95022 27.4424 6.79019 27.407 6.5598 27.6618C6.22457 28.0338 5.85761 28.3772 5.49616 28.7261C5.13472 29.0749 4.72913 29.1662 4.35113 28.7792C3.98417 28.4018 4.14833 28.0379 4.47115 27.7068C4.91399 27.2517 5.70862 26.8483 5.69758 26.3318C5.6893 25.889 4.91399 25.4611 4.47667 25.0277C4.12074 24.6762 3.99107 24.2769 4.38286 23.8994C4.77465 23.5206 5.16507 23.6582 5.51548 24.0262C5.86175 24.3886 6.24664 24.7143 6.58602 25.0822C6.78881 25.303 6.92263 25.3112 7.12956 25.0931C7.52136 24.6803 7.92557 24.2783 8.34771 23.894C8.57948 23.6828 8.86643 23.6037 9.17269 23.7713C9.40859 23.9008 9.56724 24.0793 9.55621 24.3736L9.55483 24.375Z" fill="#0B0B0C"/>
<path d="M18.0515 27.0772C16.4885 27.0772 14.9255 27.0691 13.3638 27.0813C12.8451 27.0854 12.4147 26.9764 12.3967 26.3795C12.3788 25.769 12.8244 25.6491 13.3307 25.6505C16.5478 25.6532 19.7649 25.6573 22.9821 25.66C23.4718 25.66 23.7905 25.8658 23.7726 26.3823C23.756 26.8892 23.4332 27.0827 22.9462 27.0813C21.3142 27.0772 19.6822 27.08 18.0515 27.0786V27.0772Z" fill="#0B0B0C"/>
<path d="M18.0543 40.8445C16.4926 40.8445 14.931 40.8377 13.3693 40.8473C12.8603 40.85 12.4174 40.7669 12.4022 40.155C12.3857 39.535 12.8313 39.4287 13.3376 39.4287C16.5299 39.4314 19.7222 39.4382 22.9145 39.4328C23.4318 39.4328 23.7836 39.6017 23.7739 40.1564C23.7643 40.7232 23.3725 40.85 22.8772 40.8473C21.27 40.8404 19.6615 40.8445 18.0543 40.8445Z" fill="#0B0B0C"/>
<path d="M17.4087 32.5321C18.762 32.5321 20.1154 32.5416 21.4673 32.5266C22.0095 32.5212 22.4744 32.6329 22.4841 33.2543C22.4923 33.8512 22.026 33.9643 21.5239 33.9643C18.7951 33.967 16.0663 33.9697 13.3376 33.9697C12.8327 33.9697 12.3884 33.8416 12.3981 33.2366C12.4078 32.6411 12.8271 32.5198 13.35 32.5253C14.7033 32.5389 16.0553 32.5294 17.4087 32.5294V32.5321Z" fill="#0B0B0C"/>
<path d="M5.76104 22.0721C5.63964 22.0666 5.47823 22.0639 5.35131 21.9412C4.74706 21.3512 4.12626 20.7775 3.54271 20.167C3.253 19.8631 3.26956 19.4829 3.5841 19.1968C3.8945 18.9133 4.26284 18.9297 4.58152 19.2036C4.87536 19.457 5.17059 19.7173 5.41477 20.0158C5.70034 20.366 5.88244 20.2869 6.16387 19.9994C7.02472 19.1191 7.91729 18.2674 8.79745 17.4048C8.91195 17.2931 9.0168 17.1704 9.14096 17.071C9.49413 16.7862 9.86523 16.763 10.1825 17.105C10.4791 17.4239 10.4419 17.7877 10.1467 18.0821C8.87057 19.3535 7.58068 20.6112 6.29769 21.8758C6.15835 22.0135 5.99143 22.0693 5.76242 22.0734L5.76104 22.0721Z" fill="#0B0B0C"/>
<path d="M4.24077 32.7869C4.61463 32.8114 4.8864 33.2257 5.15955 33.5582C5.62308 34.1224 5.93624 34.0597 6.40667 33.5459C7.21923 32.6588 8.11319 31.8426 8.96989 30.9923C9.3341 30.6311 9.73141 30.4295 10.1536 30.8628C10.5743 31.2948 10.3495 31.6722 9.98249 32.0293C8.80849 33.1726 7.64828 34.3308 6.47565 35.4769C5.939 36.0015 5.63826 35.9933 5.09057 35.4673C4.59807 34.9945 4.10557 34.5216 3.6241 34.0392C3.38406 33.7994 3.26266 33.5228 3.43234 33.1807C3.56892 32.9055 3.78689 32.7801 4.24215 32.7856L4.24077 32.7869Z" fill="#0B0B0C"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 9.1 KiB

View File

@ -0,0 +1,14 @@
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.81159 27.6537C2.81159 23.6554 2.84767 19.6541 2.79054 15.6558C2.76949 14.2912 3.19048 13.709 4.58877 13.7244C9.7429 13.7768 14.9 13.6967 20.0542 13.7706C21.8343 13.7953 23.5544 14.0263 25.3947 13.8846C30.6721 13.4841 35.9977 13.7706 41.3021 13.7244C42.6944 13.7121 43.1244 14.3035 43.1154 15.665C43.0733 22.0752 43.0974 28.4823 43.0944 34.8925C43.0944 35.2499 43.1064 35.6164 43.0342 35.9614C42.965 36.2879 42.6674 36.4697 42.3576 36.4296C42.1291 36.3988 41.8945 36.214 41.8705 35.9245C41.8404 35.5179 41.8344 35.1051 41.8344 34.6954C41.8344 28.5932 41.8073 22.4911 41.8554 16.392C41.8645 15.32 41.5848 15.0089 40.5233 15.0212C35.6188 15.0798 30.7142 15.0397 25.8067 15.049C24.0836 15.049 23.6897 15.4525 23.6867 17.2237C23.6777 23.7879 23.6837 30.349 23.6837 36.9132C23.6837 37.3229 23.6987 37.7357 23.6536 38.1423C23.6205 38.4534 23.4912 38.7368 23.0943 38.7214C22.7605 38.7091 22.4869 38.5674 22.4328 38.2255C22.3696 37.825 22.3786 37.4092 22.3756 37.0026C22.3756 30.4907 22.3756 23.9789 22.3756 17.467C22.3756 15.4802 22.0448 15.0952 20.0692 15.0582C17.9161 15.0182 15.7661 15.049 13.613 15.049C10.8104 15.049 8.00481 15.0921 5.20522 15.0305C4.27002 15.0089 4.02945 15.2923 4.03547 16.238C4.07155 23.8772 4.07155 31.5165 4.03547 39.1588C4.03246 40.0552 4.30911 40.2554 5.13305 40.2493C9.53841 40.2092 13.9438 40.2739 18.3461 40.2123C20.7127 40.1784 22.965 40.816 25.4699 40.394C29.2227 39.7626 33.153 40.2277 37.005 40.2339C37.5343 40.2339 38.256 40.0891 38.253 40.9177C38.25 41.7956 37.4771 41.5399 36.99 41.543C33.2853 41.5646 29.5806 41.5584 25.8789 41.5522C24.9467 41.5522 24.0806 41.6354 23.5514 42.5903C23.2296 43.1694 22.7816 43.2187 22.3425 42.7259C21.4043 41.6785 20.1895 41.5522 18.9115 41.5522C14.2054 41.5584 9.50233 41.5615 4.79626 41.5522C3.01006 41.5492 2.81159 41.3397 2.80858 39.5069C2.80257 35.5579 2.80858 31.612 2.80858 27.663L2.81159 27.6537Z" fill="#080808"/>
<path d="M0.426973 29.4799C0.426973 25.4816 0.423966 21.4833 0.429981 17.4851C0.429981 16.9522 0.25557 16.2221 1.07951 16.1944C1.99667 16.1605 1.70197 16.9676 1.70197 17.445C1.72302 25.2352 1.75309 33.0285 1.68393 40.8187C1.6719 42.2818 2.11996 42.633 3.47615 42.6145C8.87986 42.5437 14.2836 42.596 19.6873 42.5745C20.6195 42.5714 21.3081 42.6453 21.4615 43.8528C21.5667 44.6937 22.2794 45.125 23.1093 45.1281C23.9393 45.1281 24.6339 44.703 24.7722 43.8651C24.9587 42.7316 25.5691 42.5591 26.5404 42.5683C30.194 42.6114 33.8446 42.5776 37.4982 42.593C38.0094 42.593 38.7912 42.3897 38.8213 43.1813C38.8574 44.0838 38.0425 43.9144 37.4681 43.9175C34.1152 43.9267 30.7623 43.9421 27.4095 43.9052C26.6908 43.899 26.2517 44.013 25.936 44.7831C25.4248 46.0429 24.3212 46.6005 23.0402 46.5758C21.8253 46.5512 20.7518 46.006 20.2917 44.7892C19.988 43.9883 19.5309 43.9021 18.8182 43.9052C13.5649 43.9298 8.31152 43.9206 3.05516 43.9175C1.00433 43.9175 0.420959 43.3045 0.420959 41.1668C0.420959 37.2701 0.420959 33.3766 0.420959 29.4799H0.426973Z" fill="#080808"/>
<path d="M46.3148 40.3284C43.9151 39.2226 41.6388 38.1722 39.1309 37.014C39.9368 39.6662 40.6675 42.075 41.3952 44.4807C41.5275 44.4684 41.6538 44.4961 41.7169 44.4438C43.02 43.3903 44.2248 43.5217 45.3315 44.8381C46.1133 45.7683 46.8981 46.6986 47.674 47.635C47.9897 48.0201 48.4378 48.4267 47.8484 48.9226C47.2319 49.4401 46.9553 48.8055 46.6546 48.4636C45.7825 47.4779 44.8984 46.4984 44.1046 45.4449C43.5994 44.7734 43.2265 44.7795 42.7183 45.3833C42.4928 45.6513 42.1891 45.8515 41.9305 46.0918C41.1306 46.8434 40.6615 46.6431 40.3517 45.5989C39.4436 42.5278 38.5024 39.4659 37.5612 36.4041C37.4409 36.0098 37.2334 35.6494 37.6454 35.3013C38.0423 34.9656 38.4212 35.1997 38.761 35.3568C41.6718 36.6751 44.5737 38.0151 47.4725 39.3581C48.3265 39.7555 48.5671 40.3808 47.68 40.9168C46.0441 41.9087 46.4561 42.7927 47.5928 43.8585C48.3656 44.5793 49.0151 45.4387 49.7128 46.2427C49.9563 46.523 50.1548 46.8588 49.83 47.1884C49.5023 47.518 49.1023 47.5364 48.7746 47.1668C47.4575 45.6944 46.1524 44.2127 44.8413 42.7342C44.4504 42.2937 44.5586 41.9148 44.9706 41.5575C45.3856 41.1971 45.7825 40.8182 46.3118 40.3315L46.3148 40.3284Z" fill="#1A1A1A"/>
<path d="M45.4969 27.1544C45.4969 30.1793 45.4969 33.2073 45.4969 36.2322C45.4969 36.7928 45.5811 37.4828 44.7601 37.449C43.9843 37.4182 44.2068 36.7128 44.2068 36.263C44.1888 30.1609 44.1918 24.0556 44.2068 17.9535C44.2068 17.4976 44.0114 16.7983 44.8052 16.8137C45.6322 16.8291 45.4969 17.5284 45.4969 18.0767C45.5029 21.1016 45.4969 24.1295 45.4969 27.1544Z" fill="#080808"/>
<path d="M13.267 24.7695C11.4718 24.7695 9.67358 24.7695 7.87836 24.7695C7.32806 24.7695 6.65147 24.8404 6.66651 24.0364C6.68154 23.3526 7.29498 23.3772 7.80619 23.3772C11.4989 23.3772 15.1916 23.3772 18.8842 23.3772C19.3894 23.3772 20.0119 23.3433 20.0209 24.0395C20.033 24.8496 19.3534 24.7665 18.8061 24.7695C16.9597 24.7695 15.1134 24.7695 13.267 24.7695Z" fill="#1A1A1A"/>
<path d="M13.4144 26.6118C15.2577 26.6118 17.1011 26.5995 18.9444 26.621C19.3985 26.6272 20.051 26.4362 20.0089 27.2741C19.9789 27.9025 19.5007 27.924 19.0286 27.924C15.2427 27.9209 11.4538 27.924 7.66789 27.924C7.2048 27.924 6.71465 27.924 6.67856 27.2895C6.63045 26.4547 7.27697 26.6272 7.73405 26.6241C9.6285 26.6056 11.52 26.6149 13.4144 26.6149V26.6118Z" fill="#080808"/>
<path d="M13.4024 29.6986C15.2548 29.6986 17.1071 29.6894 18.9595 29.7048C19.3745 29.7079 19.9608 29.5292 20.009 30.2284C20.0601 30.9585 19.5308 30.9954 18.9896 30.9954C15.2337 30.9893 11.4779 30.9924 7.72205 30.9954C7.19882 30.9954 6.64552 31.0108 6.67259 30.2623C6.69664 29.5569 7.274 29.7109 7.69198 29.7079C9.59546 29.6955 11.4959 29.7017 13.3994 29.7017L13.4024 29.6986Z" fill="#080808"/>
<path d="M13.3483 33.8483C11.4479 33.8483 9.54439 33.8576 7.64392 33.8422C7.21992 33.8391 6.66061 33.9376 6.67865 33.223C6.69669 32.5946 7.15377 32.5361 7.64091 32.5392C11.4449 32.5423 15.2458 32.5423 19.0498 32.5392C19.5339 32.5392 19.994 32.5915 20.015 33.2199C20.0391 33.9346 19.4768 33.8391 19.0528 33.8422C17.1523 33.8576 15.2488 33.8483 13.3483 33.8483Z" fill="#080808"/>
<path d="M23.6986 5.59221C23.6986 6.66109 23.7076 7.72997 23.6956 8.79885C23.6896 9.24858 23.7377 9.80921 23.0972 9.82153C22.5319 9.83385 22.3755 9.39952 22.3755 8.87894C22.3815 6.53788 22.3815 4.19374 22.3755 1.85267C22.3755 1.3321 22.5499 0.863883 23.0761 0.882365C23.6355 0.900847 23.6986 1.43991 23.6986 1.92352C23.6986 3.14642 23.6986 4.36624 23.6986 5.58913V5.59221Z" fill="#1A1A1A"/>
<path d="M13.4925 20.5041C14.7404 20.5041 15.9854 20.5041 17.2333 20.5041C17.7355 20.5041 18.3249 20.4517 18.3158 21.1849C18.3068 21.8163 17.7776 21.7855 17.3175 21.7855C14.7254 21.7825 12.1333 21.7855 9.53818 21.7794C9.10216 21.7794 8.55487 21.8718 8.53683 21.191C8.51277 20.4086 9.11719 20.5072 9.60735 20.5041C10.9034 20.4949 12.1994 20.5041 13.4955 20.5041H13.4925Z" fill="#080808"/>
<path d="M36.5751 10.7086C36.0068 10.5084 35.6429 10.1326 36.1391 9.60274C37.8741 7.75761 39.6604 5.96793 41.4315 4.15977C41.7292 3.85789 42.0389 3.83017 42.3397 4.15977C42.5832 4.4216 42.6073 4.77584 42.3968 4.99762C40.6136 6.86431 38.8094 8.70636 37.0021 10.5453C36.9089 10.6408 36.7315 10.6531 36.5751 10.7086Z" fill="#1A1A1A"/>
<path d="M9.31582 10.6558C9.17749 10.5356 8.94595 10.36 8.74147 10.1537C7.2259 8.6104 5.71936 7.06407 4.2068 5.51774C3.81588 5.11729 3.30768 4.67988 3.87001 4.12234C4.39625 3.59868 4.75108 4.18703 5.08487 4.52587C6.63652 6.09992 8.17614 7.68938 9.72478 9.26652C10.0225 9.57147 10.245 9.88259 10.0465 10.3385C9.92926 10.6095 9.71275 10.6896 9.31582 10.6558Z" fill="#080808"/>
</svg>

After

Width:  |  Height:  |  Size: 7.4 KiB

11
src/assets/icons/git.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1,8 @@
<svg width="50" height="47" viewBox="0 0 50 47" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.6">
<path d="M1.80882e-06 35.8948C-0.00312353 30.5911 4.04419 26.0438 9.16767 25.5208C14.9485 24.9311 19.8959 28.8368 20.6585 34.6124C20.7075 34.9791 20.7898 35.0947 21.1773 35.0916C23.7463 35.0718 26.3154 35.0739 28.8844 35.0895C29.224 35.0916 29.3105 34.9927 29.3397 34.6624C29.7303 30.2369 33.3422 26.375 37.7729 25.6218C43.4287 24.6613 48.6199 28.1961 49.7888 33.805C50.9753 39.4931 47.0301 45.1688 41.2857 46.0407C35.3778 46.9367 30.0012 42.8831 29.3428 37.022C29.3094 36.7251 29.2167 36.6512 28.9344 36.6522C26.3133 36.6616 23.6922 36.6658 21.071 36.648C20.72 36.646 20.7012 36.8033 20.6585 37.072C20.0001 41.3027 17.6842 44.2343 13.6379 45.6396C7.27371 47.8524 0.487555 43.2758 0.0437566 36.5522C0.0281299 36.3095 0.0114614 36.0678 1.80882e-06 35.8948ZM1.60851 35.8052C1.60955 37.7784 2.21795 39.5463 3.39308 41.1287C3.58268 41.384 3.73062 41.434 4.02857 41.2808C4.96721 40.7964 5.91106 40.313 6.88304 39.9026C7.64354 39.5817 7.58104 39.241 7.26746 38.6493C6.92784 38.0086 6.58822 37.3637 6.16421 36.7689C5.7923 36.247 5.65478 35.6698 5.90481 35.0489C6.0017 34.8093 5.96003 34.5739 5.94648 34.3322C5.88189 33.1497 6.12984 32.0548 6.89763 31.1214C8.07901 29.6848 10.1657 29.1472 11.9596 29.8046C13.8057 30.4807 14.836 32.058 14.7954 34.1374C14.7902 34.4134 14.6901 34.701 14.8058 34.9624C15.136 35.7104 14.8766 36.3303 14.4641 36.9564C14.0838 37.5336 13.739 38.1378 13.4181 38.7514C13.1212 39.3192 13.2254 39.5807 13.7828 39.8515C14.7485 40.3214 15.7267 40.7683 16.6789 41.2642C17.0196 41.4413 17.1821 41.3725 17.3904 41.0839C18.8781 39.0254 19.4469 36.7408 18.9958 34.2457C18.1843 29.7546 14.0422 26.6501 9.50937 27.0876C5.05576 27.5179 1.61893 31.3089 1.60851 35.8052ZM30.869 35.848C30.869 37.768 31.5211 39.6786 32.6369 41.1246C32.8317 41.3767 32.9786 41.4361 33.2745 41.286C34.2464 40.7912 35.233 40.3276 36.2144 39.8505C36.7717 39.5796 36.8821 39.3452 36.6009 38.791C36.28 38.1597 35.9268 37.5388 35.532 36.9512C35.109 36.323 34.8851 35.6917 35.1903 34.9552C35.2611 34.7843 35.2143 34.6145 35.2038 34.4426C35.1247 33.1299 35.3945 31.9194 36.3196 30.9339C37.6072 29.5629 39.6147 29.166 41.4462 29.8931C43.0984 30.5495 44.06 32.0975 44.0517 34.0696C44.0506 34.378 43.9517 34.6957 44.0798 34.9968C44.3725 35.6813 44.1621 36.2688 43.786 36.8533C43.4016 37.4492 43.0391 38.0617 42.7036 38.6868C42.3744 39.2983 42.4786 39.5754 43.0859 39.8713C44.035 40.3339 44.9955 40.7756 45.9331 41.2621C46.2686 41.4361 46.4405 41.3777 46.652 41.0829C48.0323 39.1525 48.6386 37.0241 48.3126 34.6593C47.6698 29.9952 43.6256 26.7511 38.8751 27.0772C34.4163 27.3835 30.87 31.2704 30.8732 35.848H30.869ZM45.0955 42.6206C44.0454 42.1122 43.0474 41.5892 42.016 41.1423C41.3545 40.8558 41.0868 40.3547 40.9888 39.7067C40.8867 39.0327 41.0034 38.3951 41.3535 37.8055C41.7243 37.1814 42.0931 36.5564 42.4765 35.9396C42.5682 35.7927 42.6192 35.6667 42.5182 35.5135C42.3317 35.2281 42.3859 34.9291 42.4307 34.6134C42.6942 32.7549 41.6827 31.3266 39.9939 31.1485C38.2052 30.9599 36.8894 32.0725 36.7894 33.8759C36.7728 34.1842 36.8228 34.4978 36.8488 34.8072C36.8665 35.0156 36.9092 35.2375 36.778 35.4135C36.5863 35.6709 36.7311 35.8334 36.8613 36.0542C37.3614 36.9002 37.9739 37.694 38.226 38.666C38.5282 39.8328 38.1156 40.6985 37.0488 41.2173C36.0883 41.684 35.1267 42.1507 34.1558 42.6216C36.9301 45.2063 42.2609 45.2167 45.0955 42.6206ZM15.8278 42.6154C14.8047 42.1205 13.8078 41.5965 12.7764 41.1527C12.1128 40.8673 11.843 40.362 11.7367 39.7192C11.6284 39.065 11.745 38.4409 12.0753 37.8607C12.3326 37.4085 12.5941 36.9595 12.8483 36.5074C13.0889 36.0803 13.5484 35.7032 13.1368 35.1281C13.0837 35.0541 13.1577 34.8937 13.1629 34.7739C13.1775 34.4103 13.215 34.0446 13.1941 33.6831C13.1129 32.2997 12.0836 31.2652 10.6897 31.1422C9.16767 31.0068 7.90503 31.8652 7.60187 33.2591C7.49457 33.754 7.5227 34.2592 7.58312 34.7614C7.61021 34.9843 7.65917 35.2229 7.52061 35.4198C7.3581 35.65 7.43831 35.8042 7.57791 36.0178C8.07171 36.771 8.57177 37.5294 8.88743 38.3753C9.35831 39.6411 8.93327 40.661 7.74147 41.2444C6.80178 41.7048 5.85793 42.1601 4.89845 42.6258C8.09984 45.3417 13.0316 45.1125 15.8288 42.6143L15.8278 42.6154Z" fill="black"/>
<path d="M13.9797 11.2151C14.0047 5.47068 18.6343 0.827468 24.337 0.864972C30.5075 0.905601 34.8028 6.00824 34.6955 11.4297C34.584 17.024 29.9366 21.6391 24.3058 21.5881C18.5354 21.536 13.9546 16.9355 13.9797 11.2151ZM15.5725 11.2088C15.5694 13.1621 16.1663 14.9144 17.3165 16.4927C17.5259 16.7792 17.6696 16.8636 18.0176 16.6802C18.9531 16.1875 19.9157 15.7478 20.8689 15.2895C21.4742 14.9978 21.594 14.7061 21.2711 14.1206C20.9117 13.4684 20.57 12.8059 20.1366 12.1964C19.7897 11.7099 19.6271 11.163 19.8303 10.5775C19.9313 10.2868 19.9334 10.0139 19.9168 9.71594C19.8355 8.27411 20.2168 6.97918 21.3544 6.03533C22.839 4.80394 24.5339 4.60913 26.2758 5.37796C27.9718 6.12596 28.7333 7.53237 28.7625 9.36277C28.7677 9.70656 28.649 10.0597 28.7844 10.3931C29.0636 11.0765 28.8792 11.6693 28.501 12.2568C28.1083 12.8684 27.7374 13.4955 27.3905 14.1331C27.08 14.704 27.1905 14.9936 27.7562 15.2686C28.6917 15.7228 29.6376 16.1593 30.5596 16.6396C30.9294 16.8313 31.1305 16.824 31.393 16.451C32.7869 14.4737 33.3536 12.3048 32.9963 9.90971C32.3077 5.30608 28.225 2.13594 23.4724 2.50473C19.0927 2.84435 15.5819 6.71457 15.5736 11.2109L15.5725 11.2088ZM29.8022 18.0335C28.7594 17.5272 27.752 16.998 26.7102 16.5469C26.0205 16.2479 25.7768 15.7083 25.6882 15.0478C25.6007 14.3946 25.7309 13.7737 26.0695 13.2007C26.307 12.7975 26.5373 12.3912 26.7706 11.9849C27.0321 11.5297 27.4915 11.1223 27.0915 10.5139C27.0477 10.4473 27.1123 10.3129 27.1165 10.2097C27.1321 9.82949 27.1769 9.44612 27.1488 9.06899C27.0498 7.74489 26.1247 6.75832 24.8381 6.56872C23.4515 6.36453 22.2378 6.99793 21.7211 8.19285C21.4419 8.83876 21.4648 9.51279 21.5513 10.1868C21.5805 10.4181 21.6149 10.6608 21.4857 10.8421C21.3117 11.0859 21.418 11.2265 21.5461 11.4338C22.0555 12.2558 22.6358 13.0476 22.9098 13.9883C23.265 15.2124 22.8358 16.1166 21.7034 16.6532C21.2023 16.8907 20.7033 17.1324 20.2085 17.3824C19.7719 17.6022 19.3011 17.7606 18.8948 18.0658C22.0389 20.7088 26.8686 20.5598 29.8022 18.0335Z" fill="black"/>
<path d="M36.1654 24.6186C36.1539 24.9864 35.9758 25.2655 35.6008 25.377C35.2007 25.4968 34.8788 25.3489 34.6715 24.9968C34.11 24.0435 33.5599 23.0841 33.0057 22.1256C32.7119 21.6172 32.4119 21.112 32.1275 20.5973C31.8649 20.1233 31.9702 19.6451 32.3692 19.4212C32.7692 19.1961 33.2328 19.3409 33.5057 19.8066C34.3433 21.238 35.1695 22.6757 36.0018 24.1102C36.0904 24.2623 36.1508 24.4227 36.1654 24.6186Z" fill="black"/>
<path d="M13.2744 25.4156C12.6201 25.401 12.3066 24.7551 12.667 24.1196C13.315 22.9768 13.9807 21.8454 14.6391 20.7078C14.8204 20.3942 14.9881 20.0712 15.1808 19.7639C15.4486 19.3378 15.9028 19.2076 16.2955 19.4222C16.6799 19.6326 16.8154 20.1056 16.5643 20.5505C15.7225 22.0402 14.8641 23.5206 14.0057 25.002C13.8473 25.276 13.5973 25.4166 13.2744 25.4156Z" fill="black"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.9 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -0,0 +1,23 @@
<svg width="48" height="46" viewBox="0 0 48 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1986_1654)">
<path d="M0.914551 3.54154C1.06751 3.47785 1.05831 3.31863 1.09051 3.20148C1.6368 1.24534 3.49876 -0.00113652 5.47344 7.77599e-07C14.1933 0.00682454 22.9131 0.00227537 31.633 0.00341266C32.2586 0.00341266 32.5749 0.226322 32.5864 0.674416C32.5956 1.03835 32.4254 1.28628 32.0585 1.35679C31.8503 1.3966 31.633 1.39774 31.4202 1.39774C22.8533 1.40001 14.2864 1.40342 5.71955 1.39432C4.35787 1.39319 3.2791 1.84128 2.62816 3.08548C2.38319 3.55291 2.29924 4.06014 2.29579 4.57534C2.28544 6.3643 2.30039 8.15213 2.28429 9.94109C2.28084 10.2629 2.37169 10.3403 2.69026 10.3391C5.06171 10.3255 7.43316 10.3312 9.80346 10.3323C10.5418 10.3323 10.8857 10.5518 10.8845 11.0204C10.8845 11.4878 10.5257 11.721 9.80576 11.721C7.43431 11.721 5.06286 11.7266 2.69256 11.7141C2.38549 11.713 2.28314 11.7676 2.28429 12.0997C2.29464 21.7997 2.29119 31.5008 2.29349 41.2008C2.29349 42.7884 3.15029 43.9371 4.62928 44.3215C4.9628 44.4079 5.32393 44.4204 5.6724 44.4204C18.1714 44.425 30.6692 44.417 43.1682 44.433C45.0865 44.4352 46.1066 43.3139 46.3965 42.2186C46.4977 41.8376 46.5368 41.4476 46.5368 41.0518C46.5345 35.4745 46.5345 29.8961 46.5356 24.3188C46.5356 24.1823 46.5241 24.0447 46.5414 23.9093C46.5897 23.5227 46.8335 23.3157 47.2119 23.2861C47.5672 23.2588 47.8743 23.5556 47.91 23.9287C47.9203 24.0344 47.9134 24.1402 47.9134 24.2471C47.9134 29.9313 47.9134 35.6144 47.9134 41.2986C47.9134 43.8848 45.964 45.8205 43.3384 45.8205C30.7175 45.8239 18.0966 45.8204 5.47574 45.825C3.50106 45.825 1.6391 44.5797 1.09396 42.6235C1.06176 42.5064 1.07096 42.3472 0.918001 42.2835V3.54154H0.914551Z" fill="#060608"/>
<path d="M29.6698 10.3335C35.1292 10.3335 40.5897 10.3278 46.0491 10.3437C46.4597 10.3449 46.5494 10.2414 46.5437 9.84675C46.5195 8.08963 46.5414 6.33138 46.531 4.57426C46.5207 3.02299 45.6558 1.87887 44.1929 1.50242C43.8444 1.41258 43.4684 1.40575 43.1038 1.40575C40.4276 1.39779 37.7514 1.40234 35.0751 1.4012C34.2655 1.4012 33.963 1.21469 33.9573 0.716553C33.9515 0.212732 34.2724 0.00346952 35.0556 0.00346952C37.8089 0.00346952 40.561 5.76343e-05 43.3143 0.00346952C45.6282 0.0068814 47.3947 1.44215 47.8559 3.68944C47.9008 3.91008 47.91 4.13981 47.91 4.36613C47.9123 9.9275 47.91 15.4877 47.9157 21.0491C47.9157 21.3505 47.8858 21.6223 47.6098 21.8077C47.3867 21.9578 47.144 21.9658 46.9163 21.852C46.6518 21.719 46.531 21.4904 46.5322 21.1844C46.5402 20.0176 46.5356 18.8507 46.5356 17.6838C46.5356 15.8653 46.523 14.0468 46.5448 12.2294C46.5494 11.8313 46.4655 11.7108 46.0365 11.7108C35.1476 11.7244 24.2587 11.7221 13.3698 11.721C13.2019 11.721 13.0271 11.7381 12.8673 11.6994C12.5038 11.6118 12.2715 11.3923 12.2957 10.9909C12.3187 10.6008 12.5383 10.3881 12.9271 10.3506C13.0938 10.3347 13.2629 10.3335 13.4308 10.3335C18.8442 10.3335 24.2587 10.3335 29.6721 10.3335H29.6698Z" fill="#060608"/>
<path d="M10.9363 25.6653C9.9277 25.6653 8.91909 25.671 7.91048 25.663C7.26759 25.6585 7.02147 25.4265 7.01917 24.7884C7.00997 22.7891 7.01112 20.7908 7.01917 18.7915C7.02147 18.1057 7.25839 17.8885 7.97373 17.8873C9.86905 17.8839 11.7644 17.8816 13.6597 17.8919C13.9254 17.893 14.1163 17.8214 14.2991 17.6303C14.7189 17.1902 15.1559 16.766 15.5941 16.344C15.9863 15.9653 16.3693 15.9289 16.6821 16.2235C16.996 16.518 16.9604 16.9456 16.5751 17.3346C16.0944 17.8214 15.6125 18.3081 15.1145 18.7778C14.9317 18.9507 14.8707 19.1293 14.8719 19.3726C14.8811 21.1445 14.8776 22.9164 14.8765 24.6872C14.8765 25.4708 14.6787 25.663 13.8725 25.6641C12.8937 25.6664 11.9162 25.6641 10.9375 25.6641L10.9363 25.6653ZM8.43146 21.5676C8.43146 22.4809 8.43606 23.2519 8.42801 24.0219C8.42571 24.2095 8.46711 24.2869 8.67758 24.2857C10.2072 24.2778 11.7368 24.2801 13.2652 24.2823C13.4044 24.2823 13.4929 24.2675 13.4929 24.0924C13.4872 22.8891 13.4906 21.6859 13.4906 20.378C12.597 21.2685 11.7862 22.0862 10.9651 22.8926C10.5315 23.3179 10.1727 23.3145 9.73909 22.8926C9.32737 22.4911 8.93059 22.0737 8.43146 21.5676ZM12.635 19.2714C11.2687 19.2714 10.0186 19.2691 8.76958 19.2748C8.66147 19.2748 8.50161 19.1986 8.44871 19.3465C8.39926 19.4864 8.41536 19.6354 8.54417 19.7605C9.0985 20.2995 9.64709 20.8443 10.1922 21.3936C10.2969 21.4982 10.3647 21.5244 10.4809 21.4073C11.1721 20.7146 11.869 20.0289 12.635 19.2703V19.2714Z" fill="#060608"/>
<path d="M33.9504 21.7554C33.9504 20.7557 33.947 19.7572 33.9504 18.7575C33.9527 18.132 34.1724 17.892 34.7842 17.8898C36.8474 17.8818 38.9095 17.8818 40.9727 17.8898C41.5386 17.892 41.7985 18.1263 41.8019 18.6847C41.8157 20.7432 41.8157 22.8029 41.8019 24.8614C41.7985 25.4198 41.5386 25.6598 40.9773 25.662C38.8992 25.67 36.821 25.6711 34.7428 25.662C34.1862 25.6598 33.9527 25.4061 33.9504 24.8443C33.9447 23.8151 33.9493 22.7858 33.9493 21.7554H33.9504ZM37.9067 19.2704C37.158 19.2704 36.4081 19.2807 35.6606 19.2647C35.4052 19.2591 35.327 19.325 35.3293 19.5866C35.342 21.0401 35.3397 22.4935 35.3305 23.9481C35.3293 24.1847 35.3615 24.2905 35.6433 24.2882C37.1258 24.2734 38.6082 24.2768 40.0906 24.2859C40.3241 24.287 40.4012 24.2313 40.4 23.9879C40.3885 22.5197 40.3874 21.0503 40.4 19.5809C40.4023 19.3091 40.3069 19.2602 40.0619 19.2659C39.3442 19.2807 38.6254 19.2716 37.9067 19.2716V19.2704Z" fill="#060608"/>
<path d="M24.3852 25.6652C23.3766 25.6652 22.3679 25.6709 21.3605 25.663C20.7222 25.6584 20.4749 25.4105 20.4738 24.7793C20.4703 22.7811 20.4703 20.7828 20.4738 18.7846C20.4738 18.1443 20.7141 17.8907 21.3467 17.8884C23.3938 17.8816 25.4409 17.8816 27.4881 17.8884C28.1011 17.8907 28.3495 18.1432 28.3506 18.7482C28.3552 20.7612 28.3552 22.7742 28.3506 24.7884C28.3495 25.4128 28.0976 25.6584 27.4547 25.663C26.4312 25.6709 25.4076 25.6652 24.384 25.6652H24.3852ZM21.878 21.778C21.878 22.5036 21.8884 23.2303 21.8723 23.9559C21.8665 24.2118 21.9413 24.2891 22.2046 24.2868C23.6698 24.2743 25.1362 24.2766 26.6014 24.2846C26.8348 24.2857 26.9567 24.2584 26.9533 23.9741C26.9395 22.507 26.9418 21.0399 26.9521 19.5728C26.9533 19.3362 26.8854 19.2634 26.6439 19.2657C25.1626 19.2759 23.6825 19.2771 22.2012 19.2657C21.9332 19.2634 21.8677 19.3498 21.8734 19.6C21.8884 20.3256 21.8792 21.0524 21.8792 21.778H21.878Z" fill="#060608"/>
<path d="M10.9673 28.5611C11.9759 28.5611 12.9856 28.5565 13.9943 28.5633C14.5187 28.5667 14.8292 28.7885 14.8649 29.1797C14.8994 29.5596 14.7418 29.8257 14.3542 29.9201C14.222 29.952 14.084 29.9713 13.9483 29.9713C11.9609 29.9747 9.9736 29.9747 7.98628 29.9713C7.83562 29.9713 7.68036 29.9531 7.5343 29.9178C7.23413 29.8451 7.07312 29.6403 7.04552 29.3367C7.01677 29.0148 7.15248 28.7806 7.4492 28.6452C7.61941 28.5679 7.80112 28.5599 7.98743 28.5611C8.98109 28.5645 9.97475 28.5622 10.9684 28.5633L10.9673 28.5611Z" fill="#1A191B"/>
<path d="M37.9044 28.5608C38.8831 28.5608 39.8618 28.5631 40.8394 28.5597C41.0245 28.5597 41.2074 28.5665 41.3776 28.6438C41.6743 28.7791 41.81 29.0134 41.7813 29.3353C41.7548 29.6389 41.5938 29.8437 41.2925 29.9164C41.1464 29.9517 40.9912 29.9699 40.8405 29.9699C38.8532 29.9733 36.8659 29.9733 34.8786 29.9699C34.7578 29.9699 34.6359 29.9506 34.5163 29.929C34.1724 29.8664 33.9803 29.6606 33.9585 29.3137C33.9355 28.9452 34.1161 28.7064 34.4714 28.612C34.6163 28.5744 34.7716 28.5619 34.9223 28.5619C35.9159 28.5574 36.9096 28.5597 37.9032 28.5597L37.9044 28.5608Z" fill="#1A191B"/>
<path d="M24.4105 29.9724C23.4467 29.9724 22.4841 29.9747 21.5204 29.9701C21.3536 29.9701 21.1857 29.9508 21.0212 29.9212C20.6877 29.8621 20.5209 29.6221 20.4887 29.3207C20.4554 29.0068 20.6267 28.7726 20.9177 28.6384C21.0879 28.5599 21.2719 28.5576 21.456 28.5576C23.4283 28.5599 25.4019 28.5599 27.3742 28.5576C27.5594 28.5576 27.7434 28.561 27.9125 28.6395C28.2023 28.7748 28.3736 29.0091 28.3368 29.3242C28.3012 29.6255 28.1344 29.8644 27.7998 29.9212C27.6353 29.9485 27.4674 29.9679 27.3006 29.969C26.3369 29.9735 25.3742 29.9713 24.4105 29.9713V29.9724Z" fill="#1A191B"/>
<path d="M24.4381 32.0737C25.4616 32.0737 26.4852 32.0681 27.5099 32.076C28.0286 32.0806 28.3598 32.3694 28.3483 32.7732C28.3368 33.1803 27.9998 33.4544 27.4812 33.4556C25.434 33.459 23.3857 33.4556 21.3386 33.459C20.9706 33.459 20.6842 33.3464 20.5336 32.987C20.4094 32.6902 20.5221 32.457 20.7245 32.2489C20.9154 32.0521 21.1707 32.076 21.4122 32.0749C22.4208 32.0715 23.4295 32.0737 24.4381 32.0737Z" fill="#060608"/>
<path d="M24.3921 36.9336C23.3835 36.9336 22.3749 36.937 21.3674 36.9324C20.8096 36.9302 20.4704 36.6584 20.4784 36.2387C20.4865 35.8145 20.8223 35.5574 21.387 35.5574C23.4341 35.5552 25.4812 35.5575 27.5295 35.5552C27.9527 35.5552 28.2437 35.7337 28.33 36.1477C28.3955 36.4627 28.231 36.7016 27.9562 36.8597C27.7894 36.9563 27.5997 36.9324 27.4191 36.9324C26.4105 36.9358 25.4019 36.9336 24.3944 36.9336H24.3921Z" fill="#060608"/>
<path d="M10.9639 32.074C11.9725 32.074 12.98 32.0694 13.9886 32.0751C14.5878 32.0785 14.8684 32.3037 14.8696 32.7564C14.8707 33.2022 14.5625 33.4558 13.9944 33.4569C11.9633 33.4603 9.93115 33.4603 7.90012 33.4569C7.37224 33.4569 7.05022 33.1976 7.03642 32.7859C7.02147 32.3401 7.32279 32.0808 7.89322 32.0763C8.91679 32.0694 9.94035 32.074 10.9639 32.074Z" fill="#060608"/>
<path d="M37.9066 33.4578C36.8532 33.4578 35.7986 33.4578 34.7451 33.4578C34.3886 33.4578 34.1057 33.3202 33.9883 32.9825C33.8871 32.6913 33.9653 32.4172 34.2241 32.2114C34.392 32.0783 34.591 32.0749 34.7877 32.0749C36.8348 32.0726 38.8819 32.0703 40.9279 32.0749C41.4983 32.076 41.8019 32.3376 41.7904 32.78C41.7789 33.1929 41.4569 33.4533 40.9302 33.4556C39.9216 33.4601 38.9141 33.4567 37.9055 33.4567L37.9066 33.4578Z" fill="#060608"/>
<path d="M10.9709 36.9338C9.94734 36.9338 8.92377 36.9372 7.90136 36.9326C7.33438 36.9292 7.02616 36.6722 7.03536 36.2321C7.04456 35.817 7.36313 35.5588 7.89216 35.5588C9.93929 35.5565 11.9853 35.5554 14.0324 35.5588C14.5683 35.5588 14.8685 35.8147 14.8708 36.2457C14.8731 36.6824 14.589 36.9292 14.0427 36.9326C13.0192 36.9395 11.9956 36.9349 10.9732 36.9349L10.9709 36.9338Z" fill="#060608"/>
<path d="M37.8699 36.9337C36.8463 36.9337 35.8228 36.9382 34.8004 36.9314C34.2414 36.928 33.962 36.6971 33.9574 36.2592C33.9516 35.81 34.2564 35.5575 34.8257 35.5564C36.8567 35.5541 38.8889 35.5541 40.9199 35.5564C41.4777 35.5564 41.7985 35.8225 41.7893 36.2604C41.7813 36.6869 41.4857 36.928 40.9406 36.9314C39.917 36.9371 38.8935 36.9325 37.8711 36.9325L37.8699 36.9337Z" fill="#060608"/>
</g>
<defs>
<clipPath id="clip0_1986_1654">
<rect width="47" height="45.825" fill="white" transform="translate(0.914551)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -0,0 +1,219 @@
import React, { useState } from "react";
import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
import { Footer } from "@components/Common/Footer/Footer";
import SideBar from "@components/SideBar/SideBar";
import qa from "assets/icons/QA.svg";
import rightArrow from "assets/icons/arrows/arrowRight.svg";
import curse from "assets/icons/curse.svg";
import git from "assets/icons/git.svg";
import myTeam from "assets/icons/myTeam.svg";
import outstaffing from "assets/icons/outstaffing.svg";
import tasks from "assets/icons/tasks.svg";
import arrowInfo from "assets/icons/trackerIntroInfo.svg";
import registrationImg from "assets/images/trackerRegistrationImg.png";
import "./registrationSetting.scss";
export const RegistrationSetting = () => {
const questions = {
countPeople: ["Только я", "2-5", "6-12", "13-40", "более 50", "более 100"],
role: [
"Лидер команды",
"Член команды",
"Менеджер",
"Программист",
"Владелец бизнеса"
],
environment: [
{
title: "Задачи и трекер",
subtitle: "Сервис управления проектами и задачами",
icon: tasks
},
{
title: "Моя команда",
subtitle: "Данные вашего персонала",
icon: myTeam
},
{
title: "Тестирование ",
subtitle: "Сотрудники для вашего сервиса",
icon: qa
},
{
title: "Гит",
subtitle:
"ПО для хостинга IT-проектов и совместной разработки на базе Git",
icon: git
},
{
title: "Аутстафинг",
subtitle: "Каталог IT специалистов",
icon: outstaffing
},
{
title: "Курсы IT ",
subtitle: "Обучайтесь сами обучайте персонал",
icon: curse
}
]
};
const [selectedOptions, setSelectedOptions] = useState({
countPeople: "",
role: ""
});
const [selectedEnvironment, setSelectedEnvironment] = useState([]);
const [step, setStep] = useState(1);
return (
<div className="registrationSetting">
<AuthHeader />
<SideBar />
<div className="registrationSetting__content">
<div className="container">
<h1 className="registrationSetting__title">
Добро пожаловать{" "}
<span>
в ITGuild
<img src={arrowInfo} alt="arrow" />
</span>
</h1>
<div className="registrationSetting__question questionBlock">
<div className="questionBlock__head">
<span className="questionBlock__suptitle">
Эти ответы помогут сформировать кабинет
</span>
<div className="questionBlock__steps">
<span className="active" />
<span className={step >= 2 ? "active" : ""} />
<span className={step >= 3 ? "active" : ""} />
</div>
</div>
<h3 className="questionBlock__question">
Со сколькими людьми ты будешь работать?
</h3>
<div className="questionBlock__answers">
{questions.countPeople.map((item, index) => {
return (
<button
onClick={() =>
setSelectedOptions((prevState) => ({
...prevState,
countPeople: item
}))
}
key={index}
className={
item === selectedOptions.countPeople ? "active" : ""
}
>
{item}
</button>
);
})}
</div>
<img
className="registrationSetting__question__img"
src={registrationImg}
alt="img"
/>
</div>
{step >= 2 && (
<div className="registrationSetting__question questionBlock">
<h3 className="questionBlock__question">Какая у тебя роль?</h3>
<div className="questionBlock__answers">
{questions.role.map((item, index) => {
return (
<button
onClick={() =>
setSelectedOptions((prevState) => ({
...prevState,
role: item
}))
}
key={index}
className={item === selectedOptions.role ? "active" : ""}
>
{item}
</button>
);
})}
</div>
</div>
)}
{step >= 3 && (
<div className="registrationSetting__environment environment">
<span className="environment__suptitle">
Организуй комфортную среду для продуктивности
</span>
<h3 className="environment__title">
Добавь сервисы для своего рабочего пространства
</h3>
<div className="environment__items">
{questions.environment.map((item, index) => {
return (
<div
className={
selectedEnvironment.includes(item.title)
? "environment__item item item--active"
: "environment__item item"
}
key={index}
onClick={() => {
if (selectedEnvironment.includes(item.title)) {
setSelectedEnvironment((prevState) =>
prevState.filter((name) => name !== item.title)
);
} else {
setSelectedEnvironment((prevState) => [
...prevState,
item.title
]);
}
}}
>
<div className="item__head">
<img src={item.icon} alt="icon" />
<h5>{item.title}</h5>
</div>
<div className="item__bottom">
<p>{item.subtitle}</p>
<div className="arrow">
<img src={rightArrow} alt="arrow" />
</div>
</div>
</div>
);
})}
</div>
<button className="registrationSetting__continue registrationSetting__done">
Готово
</button>
</div>
)}
{step !== 3 && (
<button
onClick={() => {
if (step === 1 && selectedOptions.countPeople) {
setStep((prevState) => prevState + 1);
}
if (step === 2 && selectedOptions.role) {
setStep((prevState) => prevState + 1);
}
}}
className="registrationSetting__continue"
>
Продолжить
</button>
)}
</div>
<Footer />
</div>
</div>
);
};

View File

@ -0,0 +1,226 @@
.registrationSetting {
&__content {
font-family: "LabGrotesque", sans-serif;
background-color: #f1f1f1;
color: #000000;
padding: 50px 0 0;
min-height: 100vh;
@media (max-width: 1375px) {
padding-top: 100px;
}
.container {
padding-bottom: 30px;
}
}
&__title {
font-size: 30px;
font-weight: 500;
margin-bottom: 46px;
color: #000000;
span {
color: #52B709;
position: relative;
img {
position: absolute;
bottom: -15px;
right: -85px;
max-width: 280px;
@media (max-width: 600px) {
max-width: 257px;
right: 0;
}
@media (max-width: 483px) {
max-width: 160px;
left: -175px;
}
}
}
@media (max-width: 600px) {
font-size: 24px;
margin-bottom: 25px;
}
}
&__question {
background: #FFFFFF;
border-radius: 12px;
padding: 46.5px 75.5px 38px;
position: relative;
&__img {
position: absolute;
top: -100px;
right: 58px;
}
}
.questionBlock {
display: flex;
flex-direction: column;
margin-bottom: 18px;
&__head {
display: flex;
margin-bottom: 33px;
}
&__suptitle {
color: #6F6F6F;
font-size: 14px;
margin-right: 70px;
}
&__steps {
display: flex;
column-gap: 9px;
align-items: center;
span {
width: 75px;
height: 6.5px;
background: #B0BABF;
border-radius: 77px;
}
.active {
background: #6F6F6F;
}
}
&__question {
font-size: 20px;
font-weight: 500;
color: #000000;
}
&__answers {
margin-top: 45px;
display: flex;
column-gap: 20px;
button {
border-radius: 12px;
border: 1px solid #8DC63F;
padding: 4px 30px;
line-height: 32px;
font-size: 15px;
}
.active {
background: #1458DD;
color: whitesmoke;
font-weight: 500;
border: none;
}
}
}
&__environment {
margin-top: 13px;
padding: 32px 20px 42px 44px;
background: #E2EBEF;
border-radius: 12px;
.environment {
&__suptitle {
font-size: 14px;
color: #6F6F6F;
margin-left: 31px;
}
&__title {
color: #000000;
font-size: 20px;
margin: 24px 0 48px 31px;
font-weight: 500;
}
&__items {
display: flex;
flex-wrap: wrap;
row-gap: 19px;
column-gap: 21px;
margin-bottom: 30px;
}
&__item {
opacity: 0.6;
background: white;
padding: 35px 32px 26px 27.5px;
border-radius: 12px;
max-width: 341px;
width: 100%;
height: 181px;
cursor: pointer;
.item {
&__head {
display: flex;
column-gap: 19.5px;
margin-bottom: 35px;
img {
max-width: 48px;
max-height: 48px;
}
h5 {
font-size: 18px;
font-weight: 500;
color: #000000;
max-width: 128px;
}
}
&__bottom {
display: flex;
column-gap: 22.4px;
p {
color: #6F6F6F;
font-size: 12px;
max-width: 189px;
}
.arrow {
width: 48px;
height: 48px;
border-radius: 50px;
background: #DDEEC6;
margin-left: auto;
display: flex;
align-items: center;
justify-content: center;
}
}
}
}
}
}
.item--active {
opacity: 1;
border: 2px solid #1458DD;
}
&__continue {
margin: 6px 0 0 75.5px;
background-color: #52B709;
width: 174px;
height: 46px;
color: white;
font-size: 18px;
font-weight: 500;
padding: 7px 33px;
border: none;
border-radius: 44px;
}
&__done {
margin: 0;
}
}