Questionnaire
This commit is contained in:
Денис Катаев
Victor Ershov
parent
2c68672ff7
commit
3c381c9ab9
BIN
public/airplane.png
Normal file
BIN
public/airplane.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
public/bar_chart.png
Normal file
BIN
public/bar_chart.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
public/birds_squabble.webp
Executable file
BIN
public/birds_squabble.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
79
public/both.svg
Executable file
79
public/both.svg
Executable file
@ -0,0 +1,79 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 305 255" width="305" height="255"
|
||||
preserveAspectRatio="xMidYMid slice"
|
||||
style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;">
|
||||
<defs>
|
||||
<clipPath id="__lottie_element_683">
|
||||
<rect width="305" height="255" x="0" y="0"></rect>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g clip-path="url(#__lottie_element_683)">
|
||||
<g transform="matrix(1,0,0,1,134.75,191.07400512695312)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,16.25,16.25)">
|
||||
<path fill="rgb(186,199,235)" fill-opacity="1"
|
||||
d=" M0,-16 C8.836999893188477,-16 16,-8.836999893188477 16,0 C16,8.836999893188477 8.836999893188477,16 0,16 C-8.836000442504883,16 -16,8.836999893188477 -16,0 C-16,-8.836999893188477 -8.836000442504883,-16 0,-16z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,37.608001708984375,183.73599243164062)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,115.25,3.25)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M112,-3 C112,-3 -112,-3 -112,-3 C-113.65799713134766,-3 -115,-1.656999945640564 -115,0 C-115,1.656000018119812 -113.65799713134766,3 -112,3 C-112,3 112,3 112,3 C113.65499877929688,3 115,1.656000018119812 115,0 C115,-1.656999945640564 113.65499877929688,-3 112,-3z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,166.74900817871094,94.07398986816406)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,47.75,43.25)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M-22.11199951171875,-43 C-12.944999694824219,-42.999000549316406 -4.491000175476074,-38.0989990234375 0,-30.180999755859375 C4.492000102996826,-38.0989990234375 12.946999549865723,-42.999000549316406 22.11400032043457,-43 C36.132999420166016,-43 47.5,-30.115999221801758 47.5,-16.22599983215332 C47.5,18.65999984741211 0,43 0,43 C0,43 -47.5,18.65999984741211 -47.5,-16.22599983215332 C-47.5,-30.115999221801758 -36.132999420166016,-43 -22.11199951171875,-43z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,163.85800170898438,49.18299865722656)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,6.520999908447266,6.520999908447266)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M5.701000213623047,-0.5699999928474426 C2.861999988555908,-0.5699999928474426 0.5699999928474426,-2.861999988555908 0.5699999928474426,-5.699999809265137 C0.5699999928474426,-6.019999980926514 0.3199999928474426,-6.270999908447266 0.0010000000474974513,-6.270999908447266 C-0.3199999928474426,-6.270999908447266 -0.5699999928474426,-6.019999980926514 -0.5699999928474426,-5.699999809265137 C-0.5699999928474426,-2.861999988555908 -2.861999988555908,-0.5699999928474426 -5.699999809265137,-0.5699999928474426 C-6.019999980926514,-0.5699999928474426 -6.270999908447266,-0.3199999928474426 -6.270999908447266,0 C-6.270999908447266,0.3190000057220459 -6.019999980926514,0.5699999928474426 -5.699999809265137,0.5699999928474426 C-2.861999988555908,0.5699999928474426 -0.5699999928474426,2.8610000610351562 -0.5699999928474426,5.699999809265137 C-0.5699999928474426,6.019000053405762 -0.3199999928474426,6.270999908447266 0.0010000000474974513,6.270999908447266 C0.3199999928474426,6.270999908447266 0.5699999928474426,6.019000053405762 0.5699999928474426,5.699999809265137 C0.5699999928474426,2.8610000610351562 2.861999988555908,0.5699999928474426 5.701000213623047,0.5699999928474426 C6.019999980926514,0.5699999928474426 6.270999908447266,0.3190000057220459 6.270999908447266,0 C6.270999908447266,-0.3199999928474426 6.019999980926514,-0.5699999928474426 5.701000213623047,-0.5699999928474426z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0.800000011920929,0,0,0.800000011920929,123.55280303955078,33.76640319824219)" opacity="1"
|
||||
style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,12.434000015258789,11.946999549865723)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M0.31200000643730164,-11.696999549865723 C0.31200000643730164,-11.696999549865723 -0.38100001215934753,-11.696999549865723 -0.38100001215934753,-11.696999549865723 C-0.7960000038146973,-11.696999549865723 -1.1419999599456787,-11.39799976348877 -1.1419999599456787,-10.998000144958496 C-1.4880000352859497,-6.306000232696533 -6.611000061035156,-1.5140000581741333 -11.491999626159668,-1.0809999704360962 C-11.871999740600586,-1.0479999780654907 -12.184000015258789,-0.7160000205039978 -12.184000015258789,-0.3490000069141388 C-12.184000015258789,-0.3490000069141388 -12.184000015258789,0.3490000069141388 -12.184000015258789,0.3490000069141388 C-12.184000015258789,0.7480000257492065 -11.871999740600586,1.0479999780654907 -11.456999778747559,1.0809999704360962 C-6.611000061035156,1.4140000343322754 -1.6619999408721924,6.238999843597412 -1.1419999599456787,10.930999755859375 C-1.1069999933242798,11.36400032043457 -0.7269999980926514,11.696999549865723 -0.24300000071525574,11.696999549865723 C-0.24300000071525574,11.696999549865723 0.24300000071525574,11.696999549865723 0.24300000071525574,11.696999549865723 C0.7269999980926514,11.696999549865723 1.1069999933242798,11.36400032043457 1.1430000066757202,10.89799976348877 C1.5579999685287476,5.639999866485596 5.953999996185303,1.315000057220459 11.42300033569336,1.0479999780654907 C11.871999740600586,1.0149999856948853 12.184000015258789,0.6819999814033508 12.184000015258789,0.24899999797344208 C12.184000015258789,0.24899999797344208 12.184000015258789,-0.3490000069141388 12.184000015258789,-0.3490000069141388 C12.184000015258789,-0.7820000052452087 11.838000297546387,-1.1150000095367432 11.42300033569336,-1.1490000486373901 C5.919000148773193,-1.4149999618530273 1.4880000352859497,-5.77400016784668 1.1430000066757202,-11.097999572753906 C1.0729999542236328,-11.39799976348877 0.7269999980926514,-11.696999549865723 0.31200000643730164,-11.696999549865723z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,39.26000213623047,88.07398986816406)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,22.292999267578125,45.856998443603516)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M13.413000106811523,-45.606998443603516 C8.647000312805176,-45.606998443603516 4.7829999923706055,-41.73899841308594 4.7829999923706055,-36.96799850463867 C4.7829999923706055,-36.71900177001953 4.796000003814697,-36.4739990234375 4.816999912261963,-36.23099899291992 C3.9630000591278076,-36.417999267578125 3.078000068664551,-36.518001556396484 2.1679999828338623,-36.518001556396484 C-4.670000076293945,-36.518001556396484 -10.211999893188477,-30.9689998626709 -10.211999893188477,-24.125 C-10.211999893188477,-22.591999053955078 -9.932000160217285,-21.125 -9.423999786376953,-19.768999099731445 C-15.741999626159668,-19.20800018310547 -20.695999145507812,-13.89799976348877 -20.695999145507812,-7.427999973297119 C-20.695999145507812,-3.321000099182129 -18.698999404907227,0.31700000166893005 -15.62600040435791,2.572999954223633 C-18.701000213623047,3.5899999141693115 -21.073999404907227,6.304999828338623 -21.489999771118164,9.737000465393066 C-22.042999267578125,14.29699993133545 -18.937000274658203,18.45800018310547 -14.479999542236328,19.27400016784668 C-15.864999771118164,21.332000732421875 -16.67300033569336,23.812999725341797 -16.67300033569336,26.48200035095215 C-16.67300033569336,33.619998931884766 -10.892999649047852,39.40700149536133 -3.76200008392334,39.40700149536133 C-1.4429999589920044,39.40700149536133 0.7310000061988831,38.790000915527344 2.61299991607666,37.71900177001953 C3.509999990463257,42.21699905395508 7.47599983215332,45.606998443603516 12.232000350952148,45.606998443603516 C17.649999618530273,45.606998443603516 22.042999267578125,41.20899963378906 22.042999267578125,35.7859992980957 C22.042999267578125,35.7859992980957 22.042999267578125,-36.96799850463867 22.042999267578125,-36.96799850463867 C22.042999267578125,-41.73899841308594 18.179000854492188,-45.606998443603516 13.413000106811523,-45.606998443603516z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,27.79400062561035,66.31300354003906)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M6.118000030517578,-5.756999969482422 C5.836999893188477,-6.413000106811523 5.076000213623047,-6.718999862670898 4.419000148773193,-6.438000202178955 C2.438999891281128,-5.5929999351501465 0.8050000071525574,-4.086999893188477 -0.20200000703334808,-2.190999984741211 C-2.1459999084472656,-2.6500000953674316 -4.178999900817871,-2.4779999256134033 -6.051000118255615,-1.6779999732971191 C-6.709000110626221,-1.3969999551773071 -7.013999938964844,-0.6359999775886536 -6.734000205993652,0.020999999716877937 C-6.452000141143799,0.6800000071525574 -5.690999984741211,0.9819999933242798 -5.033999919891357,0.7009999752044678 C-3.3559999465942383,-0.01600000075995922 -1.5,-0.03500000014901161 0.19200000166893005,0.6430000066757202 C1.8849999904632568,1.3209999799728394 3.2100000381469727,2.617000102996826 3.9260001182556152,4.294000148773193 C4.104000091552734,4.711999893188477 4.242000102996826,5.144999980926514 4.333000183105469,5.585999965667725 C4.47599983215332,6.271999835968018 5.138000011444092,6.718999862670898 5.823999881744385,6.5980000495910645 C5.836999893188477,6.59499979019165 5.85099983215332,6.5920000076293945 5.864999771118164,6.589000225067139 C6.565000057220459,6.441999912261963 7.013999938964844,5.757999897003174 6.868000030517578,5.058000087738037 C6.742000102996826,4.449999809265137 6.552999973297119,3.8510000705718994 6.307000160217285,3.2760000228881836 C5.479000091552734,1.3350000381469727 4.053999900817871,-0.23499999940395355 2.2360000610351562,-1.2430000305175781 C2.9730000495910645,-2.490000009536743 4.09499979019165,-3.4830000400543213 5.435999870300293,-4.057000160217285 C6.0929999351501465,-4.336999893188477 6.39900016784668,-5.098999977111816 6.118000030517578,-5.756999969482422z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,28.18899917602539,36.54499816894531)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M-0.8930000066757202,-0.8930000066757202 C-0.9049999713897705,-0.8679999709129333 -0.9169999957084656,-0.8429999947547913 -0.9300000071525574,-0.8199999928474426 C-1.590999960899353,0.49399998784065247 -1.9780000448226929,1.9609999656677246 -2.0290000438690186,3.506999969482422 C-2.0969998836517334,5.579999923706055 -1.5509999990463257,7.599999904632568 -0.45100000500679016,9.347999572753906 C-0.07000000029802322,9.95300006866455 -0.25,10.75100040435791 -0.8550000190734863,11.131999969482422 C-1.0700000524520874,11.267999649047852 -1.3079999685287476,11.331000328063965 -1.5440000295639038,11.331000328063965 C-1.9739999771118164,11.331000328063965 -2.3940000534057617,11.116999626159668 -2.6410000324249268,10.72700023651123 C-4.017000198364258,8.538999557495117 -4.701000213623047,6.014999866485596 -4.616000175476074,3.4230000972747803 C-4.561999797821045,1.7730000019073486 -4.198999881744385,0.19300000369548798 -3.5810000896453857,-1.2549999952316284 C-5.568999767303467,-3.7300000190734863 -6.603000164031982,-6.89300012588501 -6.432000160217285,-10.069999694824219 C-6.394000053405762,-10.784000396728516 -5.7789998054504395,-11.331000328063965 -5.070000171661377,-11.293000221252441 C-4.355999946594238,-11.255000114440918 -3.806999921798706,-10.645000457763672 -3.8459999561309814,-9.930999755859375 C-3.9639999866485596,-7.742000102996826 -3.367000102996826,-5.561999797821045 -2.184000015258789,-3.7330000400543213 C-0.5170000195503235,-6.043000221252441 1.9129999876022339,-7.791999816894531 4.811999797821045,-8.607999801635742 C5.5,-8.802000045776367 6.215000152587891,-8.402000427246094 6.408999919891357,-7.714000225067139 C6.603000164031982,-7.026000022888184 6.202000141143799,-6.310999870300293 5.513999938964844,-6.117000102996826 C2.6679999828338623,-5.315999984741211 0.3889999985694885,-3.3910000324249268 -0.8930000066757202,-0.8930000066757202z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,67.78199768066406,45.856998443603516)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M-13.413000106811523,-45.606998443603516 C-8.647000312805176,-45.606998443603516 -4.7829999923706055,-41.73899841308594 -4.7829999923706055,-36.96799850463867 C-4.7829999923706055,-36.71900177001953 -4.796000003814697,-36.4739990234375 -4.816999912261963,-36.23099899291992 C-3.9630000591278076,-36.417999267578125 -3.078000068664551,-36.518001556396484 -2.1679999828338623,-36.518001556396484 C4.669000148773193,-36.518001556396484 10.211999893188477,-30.9689998626709 10.211999893188477,-24.125 C10.211999893188477,-22.591999053955078 9.932000160217285,-21.125 9.423999786376953,-19.768999099731445 C15.741000175476074,-19.20800018310547 20.695999145507812,-13.89799976348877 20.695999145507812,-7.427999973297119 C20.695999145507812,-3.321000099182129 18.698999404907227,0.31700000166893005 15.62600040435791,2.572999954223633 C18.701000213623047,3.5899999141693115 21.073999404907227,6.304999828338623 21.489999771118164,9.737000465393066 C22.042999267578125,14.29699993133545 18.937000274658203,18.45800018310547 14.479999542236328,19.27400016784668 C15.864999771118164,21.332000732421875 16.67300033569336,23.812999725341797 16.67300033569336,26.48200035095215 C16.67300033569336,33.619998931884766 10.892999649047852,39.40700149536133 3.76200008392334,39.40700149536133 C1.4429999589920044,39.40700149536133 -0.7310000061988831,38.790000915527344 -2.61299991607666,37.71900177001953 C-3.510999917984009,42.21699905395508 -7.47599983215332,45.606998443603516 -12.232000350952148,45.606998443603516 C-17.649999618530273,45.606998443603516 -22.042999267578125,41.20899963378906 -22.042999267578125,35.7859992980957 C-22.042999267578125,35.7859992980957 -22.042999267578125,-36.96799850463867 -22.042999267578125,-36.96799850463867 C-22.042999267578125,-41.73899841308594 -18.179000854492188,-45.606998443603516 -13.413000106811523,-45.606998443603516z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,62.28200149536133,66.31300354003906)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M-6.117000102996826,-5.756999969482422 C-5.835999965667725,-6.413000106811523 -5.076000213623047,-6.718999862670898 -4.419000148773193,-6.438000202178955 C-2.438999891281128,-5.5929999351501465 -0.8059999942779541,-4.086999893188477 0.20100000500679016,-2.190999984741211 C2.1449999809265137,-2.6500000953674316 4.178999900817871,-2.4779999256134033 6.051000118255615,-1.6779999732971191 C6.709000110626221,-1.3969999551773071 7.013999938964844,-0.6359999775886536 6.734000205993652,0.020999999716877937 C6.453000068664551,0.6800000071525574 5.690000057220459,0.9819999933242798 5.0329999923706055,0.7009999752044678 C3.3550000190734863,-0.01600000075995922 1.4989999532699585,-0.03500000014901161 -0.19300000369548798,0.6430000066757202 C-1.8860000371932983,1.3209999799728394 -3.2100000381469727,2.617000102996826 -3.9260001182556152,4.294000148773193 C-4.104000091552734,4.711999893188477 -4.242000102996826,5.144999980926514 -4.333000183105469,5.585999965667725 C-4.47599983215332,6.271999835968018 -5.138000011444092,6.718999862670898 -5.823999881744385,6.5980000495910645 C-5.836999893188477,6.59499979019165 -5.85099983215332,6.5920000076293945 -5.864999771118164,6.589000225067139 C-6.565000057220459,6.441999912261963 -7.013000011444092,5.757999897003174 -6.867000102996826,5.058000087738037 C-6.741000175476074,4.449999809265137 -6.552999973297119,3.8510000705718994 -6.307000160217285,3.2760000228881836 C-5.479000091552734,1.3350000381469727 -4.053999900817871,-0.23499999940395355 -2.2360000610351562,-1.2430000305175781 C-2.9730000495910645,-2.490000009536743 -4.09499979019165,-3.4830000400543213 -5.435999870300293,-4.057000160217285 C-6.093999862670898,-4.336999893188477 -6.3979997634887695,-5.098999977111816 -6.117000102996826,-5.756999969482422z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,61.88600158691406,36.54499816894531)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M0.8930000066757202,-0.8930000066757202 C0.9049999713897705,-0.8679999709129333 0.9169999957084656,-0.8429999947547913 0.9300000071525574,-0.8199999928474426 C1.590999960899353,0.49399998784065247 1.9780000448226929,1.9609999656677246 2.0290000438690186,3.506999969482422 C2.0969998836517334,5.579999923706055 1.5509999990463257,7.599999904632568 0.45100000500679016,9.347999572753906 C0.07000000029802322,9.95300006866455 0.25,10.75100040435791 0.8550000190734863,11.131999969482422 C1.0700000524520874,11.267999649047852 1.3079999685287476,11.331000328063965 1.5440000295639038,11.331000328063965 C1.9739999771118164,11.331000328063965 2.3940000534057617,11.116999626159668 2.6410000324249268,10.72700023651123 C4.017000198364258,8.538999557495117 4.701000213623047,6.014999866485596 4.616000175476074,3.4230000972747803 C4.561999797821045,1.7730000019073486 4.198999881744385,0.19300000369548798 3.5810000896453857,-1.2549999952316284 C5.568999767303467,-3.7300000190734863 6.603000164031982,-6.89300012588501 6.432000160217285,-10.069999694824219 C6.394000053405762,-10.784000396728516 5.7789998054504395,-11.331000328063965 5.070000171661377,-11.293000221252441 C4.355999946594238,-11.255000114440918 3.806999921798706,-10.645000457763672 3.8459999561309814,-9.930999755859375 C3.9639999866485596,-7.742000102996826 3.367000102996826,-5.561999797821045 2.184000015258789,-3.7330000400543213 C0.5170000195503235,-6.043000221252441 -1.9129999876022339,-7.791999816894531 -4.811999797821045,-8.607999801635742 C-5.5,-8.802000045776367 -6.215000152587891,-8.402000427246094 -6.408999919891357,-7.714000225067139 C-6.603000164031982,-7.026000022888184 -6.202000141143799,-6.310999870300293 -5.513999938964844,-6.117000102996826 C-2.6679999828338623,-5.315999984741211 -0.3889999985694885,-3.3910000324249268 0.8930000066757202,-0.8930000066757202z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 18 KiB |
6
public/check-mark.svg
Executable file
6
public/check-mark.svg
Executable file
@ -0,0 +1,6 @@
|
||||
<svg width="44" height="33" viewBox="0 0 60 46" fill="#6a3aa2" xmlns="http://www.w3.org/2000/svg"
|
||||
class="sc-d049f1c8-0 cwLll">
|
||||
<path
|
||||
d="M19.5009 35.9989L5.5009 21.9989L0.834229 26.6655L19.5009 45.3322L59.5009 5.33219L54.8342 0.665527L19.5009 35.9989Z">
|
||||
</path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 287 B |
BIN
public/cityscape_at_dusk.png
Normal file
BIN
public/cityscape_at_dusk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
public/cloud.png
Executable file
BIN
public/cloud.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
46
public/clouds.svg
Executable file
46
public/clouds.svg
Executable file
@ -0,0 +1,46 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 214 175" width="214" height="175"
|
||||
preserveAspectRatio="xMidYMid slice"
|
||||
style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;">
|
||||
<defs>
|
||||
<clipPath id="__lottie_element_372">
|
||||
<rect width="214" height="175" x="0" y="0"></rect>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g clip-path="url(#__lottie_element_372)">
|
||||
<g transform="matrix(1,0,0,1,3.25,35.29900360107422)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,103.75,56.25)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M46.79100036621094,-41.7140007019043 C38.555999755859375,-50.505001068115234 26.832000732421875,-56 13.821999549865723,-56 C-7.665999889373779,-56 -25.634000778198242,-41.005001068115234 -30.179000854492188,-20.929000854492188 C-32.875999450683594,-21.82699966430664 -35.757999420166016,-22.320999145507812 -38.75600051879883,-22.320999145507812 C-47.98899841308594,-22.320999145507812 -56.13600158691406,-17.707000732421875 -61.02199935913086,-10.666999816894531 C-63.75,-11.369999885559082 -66.61000061035156,-11.748000144958496 -69.55899810791016,-11.748000144958496 C-88.30400085449219,-11.748000144958496 -103.5,3.4170000553131104 -103.5,22.125 C-103.5,40.832000732421875 -88.30400085449219,56 -69.55899810791016,56 C-69.55899810791016,56 -32.13600158691406,56 -32.13600158691406,56 C-32.13600158691406,56 86.3270034790039,54.97999954223633 86.3270034790039,54.97999954223633 C86.3270034790039,54.97999954223633 103.5,41 102.5,22.517000198364258 C101.5009994506836,4.051000118255615 87.4800033569336,-10.96399974822998 68.95099639892578,-10.96399974822998 C65.4520034790039,-10.96399974822998 62.07899856567383,-10.428999900817871 58.90700149536133,-9.437000274658203 C58.92300033569336,-9.944000244140625 58.94599914550781,-10.45300006866455 58.94599914550781,-10.96399974822998 C58.94599914550781,-18.527000427246094 57.077999114990234,-25.652000427246094 53.777000427246094,-31.90999984741211">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,174.7209930419922,9.046000480651855)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,10.647000312805176,10.647000312805176)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M9.45300006866455,-0.9459999799728394 C4.745999813079834,-0.9459999799728394 0.9449999928474426,-4.744999885559082 0.9449999928474426,-9.45199966430664 C0.9449999928474426,-9.982000350952148 0.5299999713897705,-10.39799976348877 0.0010000000474974513,-10.39799976348877 C-0.527999997138977,-10.39799976348877 -0.9449999928474426,-9.982000350952148 -0.9449999928474426,-9.45199966430664 C-0.9449999928474426,-4.744999885559082 -4.744999885559082,-0.9459999799728394 -9.45199966430664,-0.9459999799728394 C-9.982000350952148,-0.9459999799728394 -10.39799976348877,-0.5299999713897705 -10.39799976348877,-0.0010000000474974513 C-10.39799976348877,0.5289999842643738 -9.982000350952148,0.9449999928474426 -9.45199966430664,0.9449999928474426 C-4.744999885559082,0.9449999928474426 -0.9449999928474426,4.744999885559082 -0.9449999928474426,9.45199966430664 C-0.9449999928474426,9.982000350952148 -0.527999997138977,10.39799976348877 0.0010000000474974513,10.39799976348877 C0.5299999713897705,10.39799976348877 0.9449999928474426,9.982000350952148 0.9449999928474426,9.45199966430664 C0.9449999928474426,4.744999885559082 4.745999813079834,0.9449999928474426 9.45300006866455,0.9449999928474426 C9.982000350952148,0.9449999928474426 10.39799976348877,0.5289999842643738 10.39799976348877,-0.0010000000474974513 C10.39799976348877,-0.5299999713897705 9.982000350952148,-0.9459999799728394 9.45300006866455,-0.9459999799728394z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,127.71699523925781,3.543999671936035)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,8.161999702453613,8.161999702453613)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M7.192999839782715,-0.7200000286102295 C3.6110000610351562,-0.7200000286102295 0.7179999947547913,-3.611999988555908 0.7179999947547913,-7.192999839782715 C0.7179999947547913,-7.5960001945495605 0.40299999713897705,-7.910999774932861 0.0010000000474974513,-7.910999774932861 C-0.40299999713897705,-7.910999774932861 -0.718999981880188,-7.5960001945495605 -0.718999981880188,-7.192999839782715 C-0.718999981880188,-3.611999988555908 -3.611999988555908,-0.7200000286102295 -7.192999839782715,-0.7200000286102295 C-7.59499979019165,-0.7200000286102295 -7.9120001792907715,-0.40400001406669617 -7.9120001792907715,-0.0010000000474974513 C-7.9120001792907715,0.4020000100135803 -7.59499979019165,0.718999981880188 -7.192999839782715,0.718999981880188 C-3.611999988555908,0.718999981880188 -0.718999981880188,3.609999895095825 -0.718999981880188,7.190999984741211 C-0.718999981880188,7.593999862670898 -0.40299999713897705,7.910999774932861 0.0010000000474974513,7.910999774932861 C0.40299999713897705,7.910999774932861 0.7179999947547913,7.593999862670898 0.7179999947547913,7.190999984741211 C0.7179999947547913,3.609999895095825 3.6110000610351562,0.718999981880188 7.192999839782715,0.718999981880188 C7.59499979019165,0.718999981880188 7.9120001792907715,0.4020000100135803 7.9120001792907715,-0.0010000000474974513 C7.9120001792907715,-0.40400001406669617 7.59499979019165,-0.7200000286102295 7.192999839782715,-0.7200000286102295z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,3.25,43.073997497558594)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,13.343999862670898,13.343999862670898)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M11.904000282287598,-1.190999984741211 C5.97599983215332,-1.190999984741211 1.190999984741211,-5.97599983215332 1.190999984741211,-11.904000282287598 C1.190999984741211,-12.569999694824219 0.6679999828338623,-13.093999862670898 0.0010000000474974513,-13.093999862670898 C-0.6660000085830688,-13.093999862670898 -1.1890000104904175,-12.569999694824219 -1.1890000104904175,-11.904000282287598 C-1.1890000104904175,-5.97599983215332 -5.97599983215332,-1.190999984741211 -11.904000282287598,-1.190999984741211 C-12.571000099182129,-1.190999984741211 -13.093999862670898,-0.6679999828338623 -13.093999862670898,-0.0010000000474974513 C-13.093999862670898,0.6660000085830688 -12.571000099182129,1.190999984741211 -11.904000282287598,1.190999984741211 C-5.97599983215332,1.190999984741211 -1.1890000104904175,5.97599983215332 -1.1890000104904175,11.904000282287598 C-1.1890000104904175,12.571000099182129 -0.6660000085830688,13.093999862670898 0.0010000000474974513,13.093999862670898 C0.6679999828338623,13.093999862670898 1.190999984741211,12.571000099182129 1.190999984741211,11.904000282287598 C1.190999984741211,5.97599983215332 5.97599983215332,1.190999984741211 11.904000282287598,1.190999984741211 C12.571000099182129,1.190999984741211 13.093999862670898,0.6660000085830688 13.093999862670898,-0.0010000000474974513 C13.093999862670898,-0.6679999828338623 12.571000099182129,-1.190999984741211 11.904000282287598,-1.190999984741211z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,75.25,101.27400207519531)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,64.25,35.25)">
|
||||
<path fill="rgb(245,247,251)" fill-opacity="1"
|
||||
d=" M42.909000396728516,-7.3429999351501465 C41.07699966430664,-7.3429999351501465 39.29899978637695,-7.109000205993652 37.60499954223633,-6.665999889373779 C34.569000244140625,-11.069000244140625 29.506000518798828,-13.949999809265137 23.76799964904785,-13.949999809265137 C21.9060001373291,-13.949999809265137 20.117000579833984,-13.642999649047852 18.44099998474121,-13.081000328063965 C15.616999626159668,-25.62700080871582 4.452000141143799,-35 -8.902000427246094,-35 C-24.384000778198242,-35 -36.9370002746582,-22.399999618530273 -36.9370002746582,-6.854000091552734 C-36.9370002746582,-6.5320000648498535 -36.92300033569336,-6.216000080108643 -36.91400146484375,-5.900000095367432 C-38.88399887084961,-6.519000053405762 -40.98099899291992,-6.854000091552734 -43.154998779296875,-6.854000091552734 C-54.66699981689453,-6.854000091552734 -64,2.513000011444092 -64,14.074000358581543 C-64,25.631999969482422 -54.66699981689453,35 -43.154998779296875,35 C-43.154998779296875,35 19.256999969482422,35 19.256999969482422,35 C19.256999969482422,35 30.840999603271484,35 30.840999603271484,35 C30.840999603271484,35 42.909000396728516,35 42.909000396728516,35 C54.55500030517578,35 64,25.520000457763672 64,13.82800006866455 C63.999000549316406,2.135999917984009 54.55500030517578,-7.3429999351501465 42.909000396728516,-7.3429999351501465z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.9 KiB |
BIN
public/company_and_sunset.webp
Normal file
BIN
public/company_and_sunset.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
83
public/compass.svg
Executable file
83
public/compass.svg
Executable file
@ -0,0 +1,83 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 207 227" width="207" height="227"
|
||||
preserveAspectRatio="xMidYMid slice"
|
||||
style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;">
|
||||
<defs>
|
||||
<clipPath id="__lottie_element_352">
|
||||
<rect width="207" height="227" x="0" y="0"></rect>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g clip-path="url(#__lottie_element_352)">
|
||||
<g transform="matrix(1,0,0,1,173.7379913330078,9.063000679016113)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,12.630000114440918,12.630000114440918)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M11.253999710083008,-1.1260000467300415 C5.650000095367432,-1.1260000467300415 1.125,-5.650000095367432 1.125,-11.255999565124512 C1.125,-11.88599967956543 0.6299999952316284,-12.380000114440918 0,-12.380000114440918 C-0.6299999952316284,-12.380000114440918 -1.1260000467300415,-11.88599967956543 -1.1260000467300415,-11.255999565124512 C-1.1260000467300415,-5.650000095367432 -5.650000095367432,-1.1260000467300415 -11.255000114440918,-1.1260000467300415 C-11.885000228881836,-1.1260000467300415 -12.380000114440918,-0.6309999823570251 -12.380000114440918,-0.0010000000474974513 C-12.380000114440918,0.6299999952316284 -11.885000228881836,1.125 -11.255000114440918,1.125 C-5.650000095367432,1.125 -1.1260000467300415,5.64900016784668 -1.1260000467300415,11.253999710083008 C-1.1260000467300415,11.883999824523926 -0.6299999952316284,12.380000114440918 0,12.380000114440918 C0.6299999952316284,12.380000114440918 1.125,11.883999824523926 1.125,11.253999710083008 C1.125,5.64900016784668 5.650000095367432,1.125 11.253999710083008,1.125 C11.885000228881836,1.125 12.380000114440918,0.6299999952316284 12.380000114440918,-0.0010000000474974513 C12.380000114440918,-0.6309999823570251 11.885000228881836,-1.1260000467300415 11.253999710083008,-1.1260000467300415z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,34.31300354003906,201.64199829101562)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,8.065999984741211,8.065999984741211)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M7.105000019073486,-0.7099999785423279 C3.565999984741211,-0.7099999785423279 0.7099999785423279,-3.566999912261963 0.7099999785423279,-7.10699987411499 C0.7099999785423279,-7.504000186920166 0.3970000147819519,-7.815999984741211 -0.0010000000474974513,-7.815999984741211 C-0.39800000190734863,-7.815999984741211 -0.7110000252723694,-7.504000186920166 -0.7110000252723694,-7.10699987411499 C-0.7110000252723694,-3.566999912261963 -3.565999984741211,-0.7099999785423279 -7.105000019073486,-0.7099999785423279 C-7.502999782562256,-0.7099999785423279 -7.815999984741211,-0.39800000190734863 -7.815999984741211,0.0010000000474974513 C-7.815999984741211,0.3970000147819519 -7.502999782562256,0.7080000042915344 -7.105000019073486,0.7080000042915344 C-3.565999984741211,0.7080000042915344 -0.7110000252723694,3.565999984741211 -0.7110000252723694,7.104000091552734 C-0.7110000252723694,7.502999782562256 -0.39800000190734863,7.815999984741211 -0.0010000000474974513,7.815999984741211 C0.3970000147819519,7.815999984741211 0.7099999785423279,7.502999782562256 0.7099999785423279,7.104000091552734 C0.7099999785423279,3.565999984741211 3.565999984741211,0.7080000042915344 7.105000019073486,0.7080000042915344 C7.502999782562256,0.7080000042915344 7.815999984741211,0.3970000147819519 7.815999984741211,0.0010000000474974513 C7.815999984741211,-0.39800000190734863 7.502999782562256,-0.7099999785423279 7.105000019073486,-0.7099999785423279z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,7.75,165.0760040283203)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,13.343999862670898,13.343999862670898)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M11.904000282287598,-1.190999984741211 C5.97599983215332,-1.190999984741211 1.190999984741211,-5.973999977111816 1.190999984741211,-11.904000282287598 C1.190999984741211,-12.569999694824219 0.6679999828338623,-13.093999862670898 0.0010000000474974513,-13.093999862670898 C-0.6660000085830688,-13.093999862670898 -1.1890000104904175,-12.569999694824219 -1.1890000104904175,-11.904000282287598 C-1.1890000104904175,-5.973999977111816 -5.97599983215332,-1.190999984741211 -11.904000282287598,-1.190999984741211 C-12.571000099182129,-1.190999984741211 -13.093999862670898,-0.6679999828338623 -13.093999862670898,-0.0010000000474974513 C-13.093999862670898,0.6650000214576721 -12.571000099182129,1.190999984741211 -11.904000282287598,1.190999984741211 C-5.97599983215332,1.190999984741211 -1.1890000104904175,5.973999977111816 -1.1890000104904175,11.904000282287598 C-1.1890000104904175,12.569999694824219 -0.6660000085830688,13.093999862670898 0.0010000000474974513,13.093999862670898 C0.6679999828338623,13.093999862670898 1.190999984741211,12.569999694824219 1.190999984741211,11.904000282287598 C1.190999984741211,5.973999977111816 5.97599983215332,1.190999984741211 11.904000282287598,1.190999984741211 C12.571000099182129,1.190999984741211 13.093999862670898,0.6650000214576721 13.093999862670898,-0.0010000000474974513 C13.093999862670898,-0.6679999828338623 12.571000099182129,-1.190999984741211 11.904000282287598,-1.190999984741211z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,26.679000854492188,19.323997497558594)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,80.32099914550781,19)">
|
||||
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"
|
||||
stroke="rgb(222,227,248)" stroke-opacity="1" stroke-width="6"
|
||||
d=" M0,-13 C7.179999828338623,-13 13,-7.179999828338623 13,0 C13,7.179999828338623 7.179999828338623,13 0,13 C-7.179999828338623,13 -13,7.179999828338623 -13,0 C-13,-7.179999828338623 -7.179999828338623,-13 0,-13z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,80.32099914550781,98)">
|
||||
<path fill="rgb(245,247,251)" fill-opacity="1"
|
||||
d=" M-47.87900161743164,-47.87900161743164 C-21.43600082397461,-74.32099914550781 21.43400001525879,-74.32099914550781 47.87900161743164,-47.87900161743164 C74.32099914550781,-21.43600082397461 74.32099914550781,21.434999465942383 47.87900161743164,47.87900161743164 C21.43400001525879,74.32099914550781 -21.43600082397461,74.32099914550781 -47.87900161743164,47.87900161743164 C-74.32099914550781,21.434999465942383 -74.32099914550781,-21.43600082397461 -47.87900161743164,-47.87900161743164z">
|
||||
</path>
|
||||
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"
|
||||
stroke="rgb(222,227,248)" stroke-opacity="1" stroke-width="6"
|
||||
d=" M-47.87900161743164,-47.87900161743164 C-21.43600082397461,-74.32099914550781 21.43400001525879,-74.32099914550781 47.87900161743164,-47.87900161743164 C74.32099914550781,-21.43600082397461 74.32099914550781,21.434999465942383 47.87900161743164,47.87900161743164 C21.43400001525879,74.32099914550781 -21.43600082397461,74.32099914550781 -47.87900161743164,47.87900161743164 C-74.32099914550781,21.434999465942383 -74.32099914550781,-21.43600082397461 -47.87900161743164,-47.87900161743164z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,51.8180046081543,62.88100051879883)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,107.24099731445312,55.94300079345703)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M-3,2 C-3,2 1,2 1,2 C2.1019999980926514,2 3,1.100000023841858 3,0 C3,-1.1009999513626099 2.1019999980926514,-2 1,-2 C1,-2 -3,-2 -3,-2 C-3,-2 -3,2 -3,2z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,3.25,55.94300079345703)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M-1,2 C-1,2 3,2 3,2 C3,2 3,-2 3,-2 C3,-2 -1,-2 -1,-2 C-2.0999999046325684,-2 -3,-1.1009999513626099 -3,0 C-3,1.100000023841858 -2.0999999046325684,2 -1,2z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,55.18199920654297,3.25)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M2,3 C2,3 2,-1 2,-1 C2,-2.0999999046325684 1.100000023841858,-3 0,-3 C-1.100000023841858,-3 -2,-2.0999999046325684 -2,-1 C-2,-1 -2,3 -2,3 C-2,3 2,3 2,3z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,55.18199920654297,107.24199676513672)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M2,1 C2,1 2,-3 2,-3 C2,-3 -2,-3 -2,-3 C-2,-3 -2,1 -2,1 C-2,2.1010000705718994 -1.100000023841858,3 0,3 C1.100000023841858,3 2,2.1010000705718994 2,1z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,79.87100219726562,83.95099639892578)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,26.878999710083008,33.37300109863281)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M-26.628999710083008,-33.12300109863281 C-26.628999710083008,-33.12300109863281 -11.6899995803833,9.39799976348877 -11.6899995803833,9.39799976348877 C-11.6899995803833,9.39799976348877 26.628999710083008,33.12300109863281 26.628999710083008,33.12300109863281 C26.628999710083008,33.12300109863281 11.692000389099121,-9.39799976348877 11.692000389099121,-9.39799976348877 C11.692000389099121,-9.39799976348877 -26.628999710083008,-33.12300109863281 -26.628999710083008,-33.12300109863281z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,27.00200080871582,33.38600158691406)">
|
||||
<path fill="rgb(255,255,255)" fill-opacity="1"
|
||||
d=" M5.484000205993652,6.820000171661377 C9.25,3.7920000553131104 9.847999572753906,-1.7139999866485596 6.822000026702881,-5.480999946594238 C3.7939999103546143,-9.246999740600586 -1.715999960899353,-9.845999717712402 -5.48199987411499,-6.817999839782715 C-9.24899959564209,-3.7890000343322754 -9.847999572753906,1.7170000076293945 -6.820000171661377,5.484000205993652 C-3.7920000553131104,9.25 1.715999960899353,9.845999717712402 5.484000205993652,6.820000171661377z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 11 KiB |
BIN
public/confused.png
Normal file
BIN
public/confused.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/couple_and_sunset_2.webp
Normal file
BIN
public/couple_and_sunset_2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
public/couple_in_bad_1.webp
Normal file
BIN
public/couple_in_bad_1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
public/couple_in_bad_2.webp
Normal file
BIN
public/couple_in_bad_2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
93
public/darts.svg
Executable file
93
public/darts.svg
Executable file
@ -0,0 +1,93 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 251" width="250" height="251"
|
||||
preserveAspectRatio="xMidYMid slice"
|
||||
style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;">
|
||||
<defs>
|
||||
<clipPath id="__lottie_element_332">
|
||||
<rect width="250" height="251" x="0" y="0"></rect>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g clip-path="url(#__lottie_element_332)">
|
||||
<g transform="matrix(1,0,0,1,61.54999923706055,83.2750015258789)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,31.291000366210938,124.2300033569336)">
|
||||
<path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"
|
||||
stroke="rgb(222,227,248)" stroke-opacity="1" stroke-width="6"
|
||||
d=" M6.35699987411499,-15.520999908447266 C6.35699987411499,-15.520999908447266 -6.35699987411499,15.520999908447266 -6.35699987411499,15.520999908447266">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,88.88700103759766,124.22799682617188)">
|
||||
<path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"
|
||||
stroke="rgb(222,227,248)" stroke-opacity="1" stroke-width="6"
|
||||
d=" M6.357999801635742,15.520999908447266 C6.357999801635742,15.520999908447266 -6.357999801635742,-15.520999908447266 -6.357999801635742,-15.520999908447266">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,60.0880012512207,60.0890007019043)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M0.0010000000474974513,59.8390007019043 C33.04800033569336,59.8390007019043 59.8380012512207,33.04800033569336 59.8380012512207,0 C59.8380012512207,-33.04800033569336 33.04800033569336,-59.8390007019043 0.0010000000474974513,-59.8390007019043 C-33.047000885009766,-59.8390007019043 -59.8390007019043,-33.04800033569336 -59.8390007019043,0 C-59.8390007019043,33.04800033569336 -33.047000885009766,59.8390007019043 0.0010000000474974513,59.8390007019043z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,60.0890007019043,60.09000015258789)">
|
||||
<path fill="rgb(245,247,251)" fill-opacity="1"
|
||||
d=" M0,48.61899948120117 C26.85300064086914,48.61899948120117 48.61899948120117,26.85099983215332 48.61899948120117,0 C48.61899948120117,-26.851999282836914 26.85300064086914,-48.61899948120117 0,-48.61899948120117 C-26.851999282836914,-48.61899948120117 -48.61899948120117,-26.851999282836914 -48.61899948120117,0 C-48.61899948120117,26.85099983215332 -26.851999282836914,48.61899948120117 0,48.61899948120117z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,60.09000015258789,60.09000015258789)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M-0.0010000000474974513,37.400001525878906 C20.65399932861328,37.400001525878906 37.400001525878906,20.65399932861328 37.400001525878906,0 C37.400001525878906,-20.6560001373291 20.65399932861328,-37.400001525878906 -0.0010000000474974513,-37.400001525878906 C-20.6560001373291,-37.400001525878906 -37.400001525878906,-20.6560001373291 -37.400001525878906,0 C-37.400001525878906,20.65399932861328 -20.6560001373291,37.400001525878906 -0.0010000000474974513,37.400001525878906z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,60.09000015258789,60.0890007019043)">
|
||||
<path fill="rgb(245,247,251)" fill-opacity="1"
|
||||
d=" M-0.0010000000474974513,26.92799949645996 C14.871000289916992,26.92799949645996 26.92799949645996,14.871000289916992 26.92799949645996,-0.0010000000474974513 C26.92799949645996,-14.873000144958496 14.871000289916992,-26.92799949645996 -0.0010000000474974513,-26.92799949645996 C-14.873000144958496,-26.92799949645996 -26.92799949645996,-14.873000144958496 -26.92799949645996,-0.0010000000474974513 C-26.92799949645996,14.871000289916992 -14.873000144958496,26.92799949645996 -0.0010000000474974513,26.92799949645996z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,60.0880012512207,60.0890007019043)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M0.0010000000474974513,14.960000038146973 C8.262999534606934,14.960000038146973 14.960000038146973,8.26200008392334 14.960000038146973,0 C14.960000038146973,-8.262999534606934 8.262999534606934,-14.960000038146973 0.0010000000474974513,-14.960000038146973 C-8.26099967956543,-14.960000038146973 -14.960000038146973,-8.262999534606934 -14.960000038146973,0 C-14.960000038146973,8.26200008392334 -8.26099967956543,14.960000038146973 0.0010000000474974513,14.960000038146973z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1.3200000524520874,0,0,1.3200000524520874,166.12344360351562,42.850440979003906)"
|
||||
opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,5.058000087738037,5.058000087738037)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M4.370999813079834,-0.43799999356269836 C2.194000005722046,-0.43799999356269836 0.4359999895095825,-2.194000005722046 0.4359999895095825,-4.370999813079834 C0.4359999895095825,-4.616000175476074 0.24500000476837158,-4.808000087738037 0,-4.808000087738037 C-0.24500000476837158,-4.808000087738037 -0.43700000643730164,-4.616000175476074 -0.43700000643730164,-4.370999813079834 C-0.43700000643730164,-2.194000005722046 -2.194000005722046,-0.43799999356269836 -4.370999813079834,-0.43799999356269836 C-4.614999771118164,-0.43799999356269836 -4.808000087738037,-0.2460000067949295 -4.808000087738037,-0.0010000000474974513 C-4.808000087738037,0.24400000274181366 -4.614999771118164,0.43700000643730164 -4.370999813079834,0.43700000643730164 C-2.194000005722046,0.43700000643730164 -0.43700000643730164,2.193000078201294 -0.43700000643730164,4.369999885559082 C-0.43700000643730164,4.614999771118164 -0.24500000476837158,4.808000087738037 0,4.808000087738037 C0.24500000476837158,4.808000087738037 0.4359999895095825,4.614999771118164 0.4359999895095825,4.369999885559082 C0.4359999895095825,2.193000078201294 2.194000005722046,0.43700000643730164 4.370999813079834,0.43700000643730164 C4.614999771118164,0.43700000643730164 4.808000087738037,0.24400000274181366 4.808000087738037,-0.0010000000474974513 C4.808000087738037,-0.2460000067949295 4.614999771118164,-0.43799999356269836 4.370999813079834,-0.43799999356269836z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1.7400000095367432,0,0,1.7400000095367432,49.76884078979492,58.4958381652832)" opacity="1"
|
||||
style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,4.834000110626221,4.835000038146973)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M4.166999816894531,-0.4169999957084656 C2.0910000801086426,-0.4169999957084656 0.4169999957084656,-2.0920000076293945 0.4169999957084656,-4.166999816894531 C0.4169999957084656,-4.401000022888184 0.2329999953508377,-4.585000038146973 -0.0010000000474974513,-4.585000038146973 C-0.23399999737739563,-4.585000038146973 -0.4169999957084656,-4.401000022888184 -0.4169999957084656,-4.166999816894531 C-0.4169999957084656,-2.0920000076293945 -2.0920000076293945,-0.4169999957084656 -4.166999816894531,-0.4169999957084656 C-4.401000022888184,-0.4169999957084656 -4.584000110626221,-0.2329999953508377 -4.584000110626221,0.0010000000474974513 C-4.584000110626221,0.23399999737739563 -4.401000022888184,0.4169999957084656 -4.166999816894531,0.4169999957084656 C-2.0920000076293945,0.4169999957084656 -0.4169999957084656,2.0929999351501465 -0.4169999957084656,4.168000221252441 C-0.4169999957084656,4.401000022888184 -0.23399999737739563,4.585000038146973 -0.0010000000474974513,4.585000038146973 C0.2329999953508377,4.585000038146973 0.4169999957084656,4.401000022888184 0.4169999957084656,4.168000221252441 C0.4169999957084656,2.0929999351501465 2.0910000801086426,0.4169999957084656 4.166999816894531,0.4169999957084656 C4.400000095367432,0.4169999957084656 4.584000110626221,0.23399999737739563 4.584000110626221,0.0010000000474974513 C4.584000110626221,-0.2329999953508377 4.400000095367432,-0.4169999957084656 4.166999816894531,-0.4169999957084656z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0.4300000071525574,0,0,0.4300000071525574,87.10250091552734,30.82750129699707)" opacity="1"
|
||||
style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,13.25,13.25)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M11.817999839782715,-1.1820000410079956 C5.933000087738037,-1.1820000410079956 1.1820000410079956,-5.933000087738037 1.1820000410079956,-11.819000244140625 C1.1820000410079956,-12.479999542236328 0.6620000004768372,-13 0,-13 C-0.6610000133514404,-13 -1.1820000410079956,-12.479999542236328 -1.1820000410079956,-11.819000244140625 C-1.1820000410079956,-5.933000087738037 -5.932000160217285,-1.1820000410079956 -11.817999839782715,-1.1820000410079956 C-12.479999542236328,-1.1820000410079956 -13,-0.6620000004768372 -13,0 C-13,0.6610000133514404 -12.479999542236328,1.180999994277954 -11.817999839782715,1.180999994277954 C-5.932000160217285,1.180999994277954 -1.1820000410079956,5.932000160217285 -1.1820000410079956,11.817999839782715 C-1.1820000410079956,12.479999542236328 -0.6610000133514404,13 0,13 C0.6620000004768372,13 1.1820000410079956,12.479999542236328 1.1820000410079956,11.817999839782715 C1.1820000410079956,5.932000160217285 5.933000087738037,1.180999994277954 11.817999839782715,1.180999994277954 C12.479999542236328,1.180999994277954 13,0.6610000133514404 13,0 C13,-0.6620000004768372 12.479999542236328,-1.1820000410079956 11.817999839782715,-1.1820000410079956z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,125,125.5)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"
|
||||
stroke="rgb(145,161,213)" stroke-opacity="1" stroke-width="4"
|
||||
d=" M-3.125,19.125 C-3.125,19.125 45.125,-28.125 45.125,-28.125"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0.13514000177383423,0,0,0.13514000177383423,125,125.5)" opacity="1"
|
||||
style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path fill="rgb(180,194,237)" fill-opacity="1"
|
||||
d=" M382.75,-344.75 C378.5,-344.25 375.25,-341 375.25,-341 C375.25,-341 312.75,-281 304.75,-271.25 C300.1520080566406,-265.6470031738281 305.25,-253.75 308.5,-247 C311.75,-240.25 327.25,-208.25 332.25,-204 C337.25,-199.75 372,-185.5 375.75,-184.5 C379.5,-183.5 388.25,-181.25 393,-181.75 C397.75,-182.25 399.5,-183.5 399.5,-183.5 C399.5,-183.5 465.25,-249.25 466.75,-251 C468.25,-252.75 473,-259.3330078125 472.25,-263.8330078125 C471.5,-268.3330078125 468.25,-270.5 464.25,-272.5 C460.25,-274.5 425.25,-286.5 417.25,-293.25 C409.25,-300 398.25,-335.75 396.25,-339 C394.25,-342.25 387,-345.25 382.75,-344.75z">
|
||||
</path>
|
||||
<path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4"
|
||||
stroke="rgb(145,161,213)" stroke-opacity="1" stroke-width="0"
|
||||
d=" M382.75,-344.75 C378.5,-344.25 375.25,-341 375.25,-341 C375.25,-341 312.75,-281 304.75,-271.25 C300.1520080566406,-265.6470031738281 305.25,-253.75 308.5,-247 C311.75,-240.25 327.25,-208.25 332.25,-204 C337.25,-199.75 372,-185.5 375.75,-184.5 C379.5,-183.5 388.25,-181.25 393,-181.75 C397.75,-182.25 399.5,-183.5 399.5,-183.5 C399.5,-183.5 465.25,-249.25 466.75,-251 C468.25,-252.75 473,-259.3330078125 472.25,-263.8330078125 C471.5,-268.3330078125 468.25,-270.5 464.25,-272.5 C460.25,-274.5 425.25,-286.5 417.25,-293.25 C409.25,-300 398.25,-335.75 396.25,-339 C394.25,-342.25 387,-345.25 382.75,-344.75z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
BIN
public/down_arrow.png
Executable file
BIN
public/down_arrow.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
public/family.png
Executable file
BIN
public/family.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
public/flexed_biceps.png
Normal file
BIN
public/flexed_biceps.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
BIN
public/fork_and_knife_with_plate.png
Normal file
BIN
public/fork_and_knife_with_plate.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/girl_talking.webp
Executable file
BIN
public/girl_talking.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
BIN
public/girl_thinking.webp
Normal file
BIN
public/girl_thinking.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
public/hourglass.png
Executable file
BIN
public/hourglass.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/jigsaw.png
Executable file
BIN
public/jigsaw.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
public/laughing_women.webp
Normal file
BIN
public/laughing_women.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
BIN
public/national_park.png
Normal file
BIN
public/national_park.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/parachute.png
Normal file
BIN
public/parachute.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/pleading_face.png
Normal file
BIN
public/pleading_face.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
5
public/plus.svg
Executable file
5
public/plus.svg
Executable file
@ -0,0 +1,5 @@
|
||||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"
|
||||
class="sc-b5272ea9-1 eCAKBL">
|
||||
<path d="M30.3432 17.6867H48V30.6024H30.3432V48H17.6568V30.6024H0V17.6867H17.6568V0H30.3432V17.6867Z"
|
||||
fill="#9974F6"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 272 B |
BIN
public/questionnaire/zodiacs/aquarius.webp
Normal file
BIN
public/questionnaire/zodiacs/aquarius.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/questionnaire/zodiacs/aries.webp
Normal file
BIN
public/questionnaire/zodiacs/aries.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
public/questionnaire/zodiacs/cancer.webp
Normal file
BIN
public/questionnaire/zodiacs/cancer.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
public/questionnaire/zodiacs/capricorn.webp
Normal file
BIN
public/questionnaire/zodiacs/capricorn.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/questionnaire/zodiacs/female/aquarius.webp
Normal file
BIN
public/questionnaire/zodiacs/female/aquarius.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
public/questionnaire/zodiacs/female/aries.webp
Normal file
BIN
public/questionnaire/zodiacs/female/aries.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/questionnaire/zodiacs/female/cancer.webp
Normal file
BIN
public/questionnaire/zodiacs/female/cancer.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/questionnaire/zodiacs/female/capricorn.webp
Normal file
BIN
public/questionnaire/zodiacs/female/capricorn.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
public/questionnaire/zodiacs/female/gemini.webp
Normal file
BIN
public/questionnaire/zodiacs/female/gemini.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
public/questionnaire/zodiacs/female/leo.webp
Normal file
BIN
public/questionnaire/zodiacs/female/leo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
public/questionnaire/zodiacs/female/libra.webp
Normal file
BIN
public/questionnaire/zodiacs/female/libra.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
public/questionnaire/zodiacs/female/pisces.webp
Normal file
BIN
public/questionnaire/zodiacs/female/pisces.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
public/questionnaire/zodiacs/female/sagittarius.webp
Normal file
BIN
public/questionnaire/zodiacs/female/sagittarius.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
public/questionnaire/zodiacs/female/scorpio.webp
Normal file
BIN
public/questionnaire/zodiacs/female/scorpio.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/questionnaire/zodiacs/female/taurus.webp
Normal file
BIN
public/questionnaire/zodiacs/female/taurus.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
public/questionnaire/zodiacs/female/virgo.webp
Normal file
BIN
public/questionnaire/zodiacs/female/virgo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
public/questionnaire/zodiacs/gemini.webp
Normal file
BIN
public/questionnaire/zodiacs/gemini.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/questionnaire/zodiacs/leo.webp
Normal file
BIN
public/questionnaire/zodiacs/leo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
public/questionnaire/zodiacs/libra.webp
Normal file
BIN
public/questionnaire/zodiacs/libra.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
public/questionnaire/zodiacs/male/aquarius.webp
Executable file
BIN
public/questionnaire/zodiacs/male/aquarius.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/questionnaire/zodiacs/male/aries.webp
Executable file
BIN
public/questionnaire/zodiacs/male/aries.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
public/questionnaire/zodiacs/male/cancer.webp
Executable file
BIN
public/questionnaire/zodiacs/male/cancer.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
public/questionnaire/zodiacs/male/capricorn.webp
Executable file
BIN
public/questionnaire/zodiacs/male/capricorn.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/questionnaire/zodiacs/male/gemini.webp
Executable file
BIN
public/questionnaire/zodiacs/male/gemini.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/questionnaire/zodiacs/male/leo.webp
Executable file
BIN
public/questionnaire/zodiacs/male/leo.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
public/questionnaire/zodiacs/male/libra.webp
Executable file
BIN
public/questionnaire/zodiacs/male/libra.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
public/questionnaire/zodiacs/male/pisces.webp
Executable file
BIN
public/questionnaire/zodiacs/male/pisces.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
public/questionnaire/zodiacs/male/sagittarius.webp
Executable file
BIN
public/questionnaire/zodiacs/male/sagittarius.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/questionnaire/zodiacs/male/scorpio.webp
Executable file
BIN
public/questionnaire/zodiacs/male/scorpio.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/questionnaire/zodiacs/male/taurus.webp
Executable file
BIN
public/questionnaire/zodiacs/male/taurus.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/questionnaire/zodiacs/male/virgo.webp
Executable file
BIN
public/questionnaire/zodiacs/male/virgo.webp
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/questionnaire/zodiacs/pisces.webp
Normal file
BIN
public/questionnaire/zodiacs/pisces.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
public/questionnaire/zodiacs/sagittarius.webp
Normal file
BIN
public/questionnaire/zodiacs/sagittarius.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/questionnaire/zodiacs/scorpio.webp
Normal file
BIN
public/questionnaire/zodiacs/scorpio.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/questionnaire/zodiacs/taurus.webp
Normal file
BIN
public/questionnaire/zodiacs/taurus.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/questionnaire/zodiacs/virgo.webp
Normal file
BIN
public/questionnaire/zodiacs/virgo.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
80
public/scalesHead.svg
Executable file
80
public/scalesHead.svg
Executable file
@ -0,0 +1,80 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 305 255" width="305" height="255"
|
||||
preserveAspectRatio="xMidYMid slice"
|
||||
style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;">
|
||||
<defs>
|
||||
<clipPath id="__lottie_element_663">
|
||||
<rect width="305" height="255" x="0" y="0"></rect>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g clip-path="url(#__lottie_element_663)">
|
||||
<g transform="matrix(1,0,0,1,134.75,191.07400512695312)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,16.25,16.25)">
|
||||
<path fill="rgb(186,199,235)" fill-opacity="1"
|
||||
d=" M0,-16 C8.836999893188477,-16 16,-8.836999893188477 16,0 C16,8.836999893188477 8.836999893188477,16 0,16 C-8.836000442504883,16 -16,8.836999893188477 -16,0 C-16,-8.836999893188477 -8.836000442504883,-16 0,-16z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0.9612616896629333,-0.27563735842704773,0.27563735842704773,0.9612616896629333,41.17677307128906,215.62908935546875)"
|
||||
opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,115.25,3.25)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M112,-3 C112,-3 -112,-3 -112,-3 C-113.65799713134766,-3 -115,-1.656999945640564 -115,0 C-115,1.656000018119812 -113.65799713134766,3 -112,3 C-112,3 112,3 112,3 C113.65499877929688,3 115,1.656000018119812 115,0 C115,-1.656999945640564 113.65499877929688,-3 112,-3z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,162.38702392578125,77.3608627319336)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,47.75,43.25)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M-22.11199951171875,-43 C-12.944999694824219,-42.999000549316406 -4.491000175476074,-38.0989990234375 0,-30.180999755859375 C4.492000102996826,-38.0989990234375 12.946999549865723,-42.999000549316406 22.11400032043457,-43 C36.132999420166016,-43 47.5,-30.115999221801758 47.5,-16.22599983215332 C47.5,18.65999984741211 0,43 0,43 C0,43 -47.5,18.65999984741211 -47.5,-16.22599983215332 C-47.5,-30.115999221801758 -36.132999420166016,-43 -22.11199951171875,-43z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,163.85800170898438,49.18299865722656)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,6.520999908447266,6.520999908447266)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M5.701000213623047,-0.5699999928474426 C2.861999988555908,-0.5699999928474426 0.5699999928474426,-2.861999988555908 0.5699999928474426,-5.699999809265137 C0.5699999928474426,-6.019999980926514 0.3199999928474426,-6.270999908447266 0.0010000000474974513,-6.270999908447266 C-0.3199999928474426,-6.270999908447266 -0.5699999928474426,-6.019999980926514 -0.5699999928474426,-5.699999809265137 C-0.5699999928474426,-2.861999988555908 -2.861999988555908,-0.5699999928474426 -5.699999809265137,-0.5699999928474426 C-6.019999980926514,-0.5699999928474426 -6.270999908447266,-0.3199999928474426 -6.270999908447266,0 C-6.270999908447266,0.3190000057220459 -6.019999980926514,0.5699999928474426 -5.699999809265137,0.5699999928474426 C-2.861999988555908,0.5699999928474426 -0.5699999928474426,2.8610000610351562 -0.5699999928474426,5.699999809265137 C-0.5699999928474426,6.019000053405762 -0.3199999928474426,6.270999908447266 0.0010000000474974513,6.270999908447266 C0.3199999928474426,6.270999908447266 0.5699999928474426,6.019000053405762 0.5699999928474426,5.699999809265137 C0.5699999928474426,2.8610000610351562 2.861999988555908,0.5699999928474426 5.701000213623047,0.5699999928474426 C6.019999980926514,0.5699999928474426 6.270999908447266,0.3190000057220459 6.270999908447266,0 C6.270999908447266,-0.3199999928474426 6.019999980926514,-0.5699999928474426 5.701000213623047,-0.5699999928474426z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0.800000011920929,0,0,0.800000011920929,123.55280303955078,33.76640319824219)" opacity="1"
|
||||
style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,12.434000015258789,11.946999549865723)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M0.31200000643730164,-11.696999549865723 C0.31200000643730164,-11.696999549865723 -0.38100001215934753,-11.696999549865723 -0.38100001215934753,-11.696999549865723 C-0.7960000038146973,-11.696999549865723 -1.1419999599456787,-11.39799976348877 -1.1419999599456787,-10.998000144958496 C-1.4880000352859497,-6.306000232696533 -6.611000061035156,-1.5140000581741333 -11.491999626159668,-1.0809999704360962 C-11.871999740600586,-1.0479999780654907 -12.184000015258789,-0.7160000205039978 -12.184000015258789,-0.3490000069141388 C-12.184000015258789,-0.3490000069141388 -12.184000015258789,0.3490000069141388 -12.184000015258789,0.3490000069141388 C-12.184000015258789,0.7480000257492065 -11.871999740600586,1.0479999780654907 -11.456999778747559,1.0809999704360962 C-6.611000061035156,1.4140000343322754 -1.6619999408721924,6.238999843597412 -1.1419999599456787,10.930999755859375 C-1.1069999933242798,11.36400032043457 -0.7269999980926514,11.696999549865723 -0.24300000071525574,11.696999549865723 C-0.24300000071525574,11.696999549865723 0.24300000071525574,11.696999549865723 0.24300000071525574,11.696999549865723 C0.7269999980926514,11.696999549865723 1.1069999933242798,11.36400032043457 1.1430000066757202,10.89799976348877 C1.5579999685287476,5.639999866485596 5.953999996185303,1.315000057220459 11.42300033569336,1.0479999780654907 C11.871999740600586,1.0149999856948853 12.184000015258789,0.6819999814033508 12.184000015258789,0.24899999797344208 C12.184000015258789,0.24899999797344208 12.184000015258789,-0.3490000069141388 12.184000015258789,-0.3490000069141388 C12.184000015258789,-0.7820000052452087 11.838000297546387,-1.1150000095367432 11.42300033569336,-1.1490000486373901 C5.919000148773193,-1.4149999618530273 1.4880000352859497,-5.77400016784668 1.1430000066757202,-11.097999572753906 C1.0729999542236328,-11.39799976348877 0.7269999980926514,-11.696999549865723 0.31200000643730164,-11.696999549865723z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,39.97132110595703,107.24525451660156)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,22.292999267578125,45.856998443603516)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M13.413000106811523,-45.606998443603516 C8.647000312805176,-45.606998443603516 4.7829999923706055,-41.73899841308594 4.7829999923706055,-36.96799850463867 C4.7829999923706055,-36.71900177001953 4.796000003814697,-36.4739990234375 4.816999912261963,-36.23099899291992 C3.9630000591278076,-36.417999267578125 3.078000068664551,-36.518001556396484 2.1679999828338623,-36.518001556396484 C-4.670000076293945,-36.518001556396484 -10.211999893188477,-30.9689998626709 -10.211999893188477,-24.125 C-10.211999893188477,-22.591999053955078 -9.932000160217285,-21.125 -9.423999786376953,-19.768999099731445 C-15.741999626159668,-19.20800018310547 -20.695999145507812,-13.89799976348877 -20.695999145507812,-7.427999973297119 C-20.695999145507812,-3.321000099182129 -18.698999404907227,0.31700000166893005 -15.62600040435791,2.572999954223633 C-18.701000213623047,3.5899999141693115 -21.073999404907227,6.304999828338623 -21.489999771118164,9.737000465393066 C-22.042999267578125,14.29699993133545 -18.937000274658203,18.45800018310547 -14.479999542236328,19.27400016784668 C-15.864999771118164,21.332000732421875 -16.67300033569336,23.812999725341797 -16.67300033569336,26.48200035095215 C-16.67300033569336,33.619998931884766 -10.892999649047852,39.40700149536133 -3.76200008392334,39.40700149536133 C-1.4429999589920044,39.40700149536133 0.7310000061988831,38.790000915527344 2.61299991607666,37.71900177001953 C3.509999990463257,42.21699905395508 7.47599983215332,45.606998443603516 12.232000350952148,45.606998443603516 C17.649999618530273,45.606998443603516 22.042999267578125,41.20899963378906 22.042999267578125,35.7859992980957 C22.042999267578125,35.7859992980957 22.042999267578125,-36.96799850463867 22.042999267578125,-36.96799850463867 C22.042999267578125,-41.73899841308594 18.179000854492188,-45.606998443603516 13.413000106811523,-45.606998443603516z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,27.79400062561035,66.31300354003906)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M6.118000030517578,-5.756999969482422 C5.836999893188477,-6.413000106811523 5.076000213623047,-6.718999862670898 4.419000148773193,-6.438000202178955 C2.438999891281128,-5.5929999351501465 0.8050000071525574,-4.086999893188477 -0.20200000703334808,-2.190999984741211 C-2.1459999084472656,-2.6500000953674316 -4.178999900817871,-2.4779999256134033 -6.051000118255615,-1.6779999732971191 C-6.709000110626221,-1.3969999551773071 -7.013999938964844,-0.6359999775886536 -6.734000205993652,0.020999999716877937 C-6.452000141143799,0.6800000071525574 -5.690999984741211,0.9819999933242798 -5.033999919891357,0.7009999752044678 C-3.3559999465942383,-0.01600000075995922 -1.5,-0.03500000014901161 0.19200000166893005,0.6430000066757202 C1.8849999904632568,1.3209999799728394 3.2100000381469727,2.617000102996826 3.9260001182556152,4.294000148773193 C4.104000091552734,4.711999893188477 4.242000102996826,5.144999980926514 4.333000183105469,5.585999965667725 C4.47599983215332,6.271999835968018 5.138000011444092,6.718999862670898 5.823999881744385,6.5980000495910645 C5.836999893188477,6.59499979019165 5.85099983215332,6.5920000076293945 5.864999771118164,6.589000225067139 C6.565000057220459,6.441999912261963 7.013999938964844,5.757999897003174 6.868000030517578,5.058000087738037 C6.742000102996826,4.449999809265137 6.552999973297119,3.8510000705718994 6.307000160217285,3.2760000228881836 C5.479000091552734,1.3350000381469727 4.053999900817871,-0.23499999940395355 2.2360000610351562,-1.2430000305175781 C2.9730000495910645,-2.490000009536743 4.09499979019165,-3.4830000400543213 5.435999870300293,-4.057000160217285 C6.0929999351501465,-4.336999893188477 6.39900016784668,-5.098999977111816 6.118000030517578,-5.756999969482422z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,28.18899917602539,36.54499816894531)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M-0.8930000066757202,-0.8930000066757202 C-0.9049999713897705,-0.8679999709129333 -0.9169999957084656,-0.8429999947547913 -0.9300000071525574,-0.8199999928474426 C-1.590999960899353,0.49399998784065247 -1.9780000448226929,1.9609999656677246 -2.0290000438690186,3.506999969482422 C-2.0969998836517334,5.579999923706055 -1.5509999990463257,7.599999904632568 -0.45100000500679016,9.347999572753906 C-0.07000000029802322,9.95300006866455 -0.25,10.75100040435791 -0.8550000190734863,11.131999969482422 C-1.0700000524520874,11.267999649047852 -1.3079999685287476,11.331000328063965 -1.5440000295639038,11.331000328063965 C-1.9739999771118164,11.331000328063965 -2.3940000534057617,11.116999626159668 -2.6410000324249268,10.72700023651123 C-4.017000198364258,8.538999557495117 -4.701000213623047,6.014999866485596 -4.616000175476074,3.4230000972747803 C-4.561999797821045,1.7730000019073486 -4.198999881744385,0.19300000369548798 -3.5810000896453857,-1.2549999952316284 C-5.568999767303467,-3.7300000190734863 -6.603000164031982,-6.89300012588501 -6.432000160217285,-10.069999694824219 C-6.394000053405762,-10.784000396728516 -5.7789998054504395,-11.331000328063965 -5.070000171661377,-11.293000221252441 C-4.355999946594238,-11.255000114440918 -3.806999921798706,-10.645000457763672 -3.8459999561309814,-9.930999755859375 C-3.9639999866485596,-7.742000102996826 -3.367000102996826,-5.561999797821045 -2.184000015258789,-3.7330000400543213 C-0.5170000195503235,-6.043000221252441 1.9129999876022339,-7.791999816894531 4.811999797821045,-8.607999801635742 C5.5,-8.802000045776367 6.215000152587891,-8.402000427246094 6.408999919891357,-7.714000225067139 C6.603000164031982,-7.026000022888184 6.202000141143799,-6.310999870300293 5.513999938964844,-6.117000102996826 C2.6679999828338623,-5.315999984741211 0.3889999985694885,-3.3910000324249268 -0.8930000066757202,-0.8930000066757202z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,67.78199768066406,45.856998443603516)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M-13.413000106811523,-45.606998443603516 C-8.647000312805176,-45.606998443603516 -4.7829999923706055,-41.73899841308594 -4.7829999923706055,-36.96799850463867 C-4.7829999923706055,-36.71900177001953 -4.796000003814697,-36.4739990234375 -4.816999912261963,-36.23099899291992 C-3.9630000591278076,-36.417999267578125 -3.078000068664551,-36.518001556396484 -2.1679999828338623,-36.518001556396484 C4.669000148773193,-36.518001556396484 10.211999893188477,-30.9689998626709 10.211999893188477,-24.125 C10.211999893188477,-22.591999053955078 9.932000160217285,-21.125 9.423999786376953,-19.768999099731445 C15.741000175476074,-19.20800018310547 20.695999145507812,-13.89799976348877 20.695999145507812,-7.427999973297119 C20.695999145507812,-3.321000099182129 18.698999404907227,0.31700000166893005 15.62600040435791,2.572999954223633 C18.701000213623047,3.5899999141693115 21.073999404907227,6.304999828338623 21.489999771118164,9.737000465393066 C22.042999267578125,14.29699993133545 18.937000274658203,18.45800018310547 14.479999542236328,19.27400016784668 C15.864999771118164,21.332000732421875 16.67300033569336,23.812999725341797 16.67300033569336,26.48200035095215 C16.67300033569336,33.619998931884766 10.892999649047852,39.40700149536133 3.76200008392334,39.40700149536133 C1.4429999589920044,39.40700149536133 -0.7310000061988831,38.790000915527344 -2.61299991607666,37.71900177001953 C-3.510999917984009,42.21699905395508 -7.47599983215332,45.606998443603516 -12.232000350952148,45.606998443603516 C-17.649999618530273,45.606998443603516 -22.042999267578125,41.20899963378906 -22.042999267578125,35.7859992980957 C-22.042999267578125,35.7859992980957 -22.042999267578125,-36.96799850463867 -22.042999267578125,-36.96799850463867 C-22.042999267578125,-41.73899841308594 -18.179000854492188,-45.606998443603516 -13.413000106811523,-45.606998443603516z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,62.28200149536133,66.31300354003906)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M-6.117000102996826,-5.756999969482422 C-5.835999965667725,-6.413000106811523 -5.076000213623047,-6.718999862670898 -4.419000148773193,-6.438000202178955 C-2.438999891281128,-5.5929999351501465 -0.8059999942779541,-4.086999893188477 0.20100000500679016,-2.190999984741211 C2.1449999809265137,-2.6500000953674316 4.178999900817871,-2.4779999256134033 6.051000118255615,-1.6779999732971191 C6.709000110626221,-1.3969999551773071 7.013999938964844,-0.6359999775886536 6.734000205993652,0.020999999716877937 C6.453000068664551,0.6800000071525574 5.690000057220459,0.9819999933242798 5.0329999923706055,0.7009999752044678 C3.3550000190734863,-0.01600000075995922 1.4989999532699585,-0.03500000014901161 -0.19300000369548798,0.6430000066757202 C-1.8860000371932983,1.3209999799728394 -3.2100000381469727,2.617000102996826 -3.9260001182556152,4.294000148773193 C-4.104000091552734,4.711999893188477 -4.242000102996826,5.144999980926514 -4.333000183105469,5.585999965667725 C-4.47599983215332,6.271999835968018 -5.138000011444092,6.718999862670898 -5.823999881744385,6.5980000495910645 C-5.836999893188477,6.59499979019165 -5.85099983215332,6.5920000076293945 -5.864999771118164,6.589000225067139 C-6.565000057220459,6.441999912261963 -7.013000011444092,5.757999897003174 -6.867000102996826,5.058000087738037 C-6.741000175476074,4.449999809265137 -6.552999973297119,3.8510000705718994 -6.307000160217285,3.2760000228881836 C-5.479000091552734,1.3350000381469727 -4.053999900817871,-0.23499999940395355 -2.2360000610351562,-1.2430000305175781 C-2.9730000495910645,-2.490000009536743 -4.09499979019165,-3.4830000400543213 -5.435999870300293,-4.057000160217285 C-6.093999862670898,-4.336999893188477 -6.3979997634887695,-5.098999977111816 -6.117000102996826,-5.756999969482422z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,61.88600158691406,36.54499816894531)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M0.8930000066757202,-0.8930000066757202 C0.9049999713897705,-0.8679999709129333 0.9169999957084656,-0.8429999947547913 0.9300000071525574,-0.8199999928474426 C1.590999960899353,0.49399998784065247 1.9780000448226929,1.9609999656677246 2.0290000438690186,3.506999969482422 C2.0969998836517334,5.579999923706055 1.5509999990463257,7.599999904632568 0.45100000500679016,9.347999572753906 C0.07000000029802322,9.95300006866455 0.25,10.75100040435791 0.8550000190734863,11.131999969482422 C1.0700000524520874,11.267999649047852 1.3079999685287476,11.331000328063965 1.5440000295639038,11.331000328063965 C1.9739999771118164,11.331000328063965 2.3940000534057617,11.116999626159668 2.6410000324249268,10.72700023651123 C4.017000198364258,8.538999557495117 4.701000213623047,6.014999866485596 4.616000175476074,3.4230000972747803 C4.561999797821045,1.7730000019073486 4.198999881744385,0.19300000369548798 3.5810000896453857,-1.2549999952316284 C5.568999767303467,-3.7300000190734863 6.603000164031982,-6.89300012588501 6.432000160217285,-10.069999694824219 C6.394000053405762,-10.784000396728516 5.7789998054504395,-11.331000328063965 5.070000171661377,-11.293000221252441 C4.355999946594238,-11.255000114440918 3.806999921798706,-10.645000457763672 3.8459999561309814,-9.930999755859375 C3.9639999866485596,-7.742000102996826 3.367000102996826,-5.561999797821045 2.184000015258789,-3.7330000400543213 C0.5170000195503235,-6.043000221252441 -1.9129999876022339,-7.791999816894531 -4.811999797821045,-8.607999801635742 C-5.5,-8.802000045776367 -6.215000152587891,-8.402000427246094 -6.408999919891357,-7.714000225067139 C-6.603000164031982,-7.026000022888184 -6.202000141143799,-6.310999870300293 -5.513999938964844,-6.117000102996826 C-2.6679999828338623,-5.315999984741211 -0.3889999985694885,-3.3910000324249268 0.8930000066757202,-0.8930000066757202z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 18 KiB |
80
public/scalesHeart.svg
Executable file
80
public/scalesHeart.svg
Executable file
@ -0,0 +1,80 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 305 255" width="305" height="255"
|
||||
preserveAspectRatio="xMidYMid slice"
|
||||
style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;">
|
||||
<defs>
|
||||
<clipPath id="__lottie_element_583">
|
||||
<rect width="305" height="255" x="0" y="0"></rect>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g clip-path="url(#__lottie_element_583)">
|
||||
<g transform="matrix(1,0,0,1,134.75,191.07400512695312)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,16.25,16.25)">
|
||||
<path fill="rgb(186,199,235)" fill-opacity="1"
|
||||
d=" M0,-16 C8.836999893188477,-16 16,-8.836999893188477 16,0 C16,8.836999893188477 8.836999893188477,16 0,16 C-8.836000442504883,16 -16,8.836999893188477 -16,0 C-16,-8.836999893188477 -8.836000442504883,-16 0,-16z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0.9612616896629333,0.27563735842704773,-0.27563735842704773,0.9612616896629333,42.968414306640625,152.09469604492188)"
|
||||
opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,115.25,3.25)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M112,-3 C112,-3 -112,-3 -112,-3 C-113.65799713134766,-3 -115,-1.656999945640564 -115,0 C-115,1.656000018119812 -113.65799713134766,3 -112,3 C-112,3 112,3 112,3 C113.65499877929688,3 115,1.656000018119812 115,0 C115,-1.656999945640564 113.65499877929688,-3 112,-3z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,166.33526611328125,111.34200286865234)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,47.75,43.25)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M-22.11199951171875,-43 C-12.944999694824219,-42.999000549316406 -4.491000175476074,-38.0989990234375 0,-30.180999755859375 C4.492000102996826,-38.0989990234375 12.946999549865723,-42.999000549316406 22.11400032043457,-43 C36.132999420166016,-43 47.5,-30.115999221801758 47.5,-16.22599983215332 C47.5,18.65999984741211 0,43 0,43 C0,43 -47.5,18.65999984741211 -47.5,-16.22599983215332 C-47.5,-30.115999221801758 -36.132999420166016,-43 -22.11199951171875,-43z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,163.85800170898438,49.18299865722656)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,6.520999908447266,6.520999908447266)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M5.701000213623047,-0.5699999928474426 C2.861999988555908,-0.5699999928474426 0.5699999928474426,-2.861999988555908 0.5699999928474426,-5.699999809265137 C0.5699999928474426,-6.019999980926514 0.3199999928474426,-6.270999908447266 0.0010000000474974513,-6.270999908447266 C-0.3199999928474426,-6.270999908447266 -0.5699999928474426,-6.019999980926514 -0.5699999928474426,-5.699999809265137 C-0.5699999928474426,-2.861999988555908 -2.861999988555908,-0.5699999928474426 -5.699999809265137,-0.5699999928474426 C-6.019999980926514,-0.5699999928474426 -6.270999908447266,-0.3199999928474426 -6.270999908447266,0 C-6.270999908447266,0.3190000057220459 -6.019999980926514,0.5699999928474426 -5.699999809265137,0.5699999928474426 C-2.861999988555908,0.5699999928474426 -0.5699999928474426,2.8610000610351562 -0.5699999928474426,5.699999809265137 C-0.5699999928474426,6.019000053405762 -0.3199999928474426,6.270999908447266 0.0010000000474974513,6.270999908447266 C0.3199999928474426,6.270999908447266 0.5699999928474426,6.019000053405762 0.5699999928474426,5.699999809265137 C0.5699999928474426,2.8610000610351562 2.861999988555908,0.5699999928474426 5.701000213623047,0.5699999928474426 C6.019999980926514,0.5699999928474426 6.270999908447266,0.3190000057220459 6.270999908447266,0 C6.270999908447266,-0.3199999928474426 6.019999980926514,-0.5699999928474426 5.701000213623047,-0.5699999928474426z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0.800000011920929,0,0,0.800000011920929,123.55280303955078,33.76640319824219)" opacity="1"
|
||||
style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,12.434000015258789,11.946999549865723)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M0.31200000643730164,-11.696999549865723 C0.31200000643730164,-11.696999549865723 -0.38100001215934753,-11.696999549865723 -0.38100001215934753,-11.696999549865723 C-0.7960000038146973,-11.696999549865723 -1.1419999599456787,-11.39799976348877 -1.1419999599456787,-10.998000144958496 C-1.4880000352859497,-6.306000232696533 -6.611000061035156,-1.5140000581741333 -11.491999626159668,-1.0809999704360962 C-11.871999740600586,-1.0479999780654907 -12.184000015258789,-0.7160000205039978 -12.184000015258789,-0.3490000069141388 C-12.184000015258789,-0.3490000069141388 -12.184000015258789,0.3490000069141388 -12.184000015258789,0.3490000069141388 C-12.184000015258789,0.7480000257492065 -11.871999740600586,1.0479999780654907 -11.456999778747559,1.0809999704360962 C-6.611000061035156,1.4140000343322754 -1.6619999408721924,6.238999843597412 -1.1419999599456787,10.930999755859375 C-1.1069999933242798,11.36400032043457 -0.7269999980926514,11.696999549865723 -0.24300000071525574,11.696999549865723 C-0.24300000071525574,11.696999549865723 0.24300000071525574,11.696999549865723 0.24300000071525574,11.696999549865723 C0.7269999980926514,11.696999549865723 1.1069999933242798,11.36400032043457 1.1430000066757202,10.89799976348877 C1.5579999685287476,5.639999866485596 5.953999996185303,1.315000057220459 11.42300033569336,1.0479999780654907 C11.871999740600586,1.0149999856948853 12.184000015258789,0.6819999814033508 12.184000015258789,0.24899999797344208 C12.184000015258789,0.24899999797344208 12.184000015258789,-0.3490000069141388 12.184000015258789,-0.3490000069141388 C12.184000015258789,-0.7820000052452087 11.838000297546387,-1.1150000095367432 11.42300033569336,-1.1490000486373901 C5.919000148773193,-1.4149999618530273 1.4880000352859497,-5.77400016784668 1.1430000066757202,-11.097999572753906 C1.0729999542236328,-11.39799976348877 0.7269999980926514,-11.696999549865723 0.31200000643730164,-11.696999549865723z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,43.86056137084961,69.44932556152344)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,22.292999267578125,45.856998443603516)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M13.413000106811523,-45.606998443603516 C8.647000312805176,-45.606998443603516 4.7829999923706055,-41.73899841308594 4.7829999923706055,-36.96799850463867 C4.7829999923706055,-36.71900177001953 4.796000003814697,-36.4739990234375 4.816999912261963,-36.23099899291992 C3.9630000591278076,-36.417999267578125 3.078000068664551,-36.518001556396484 2.1679999828338623,-36.518001556396484 C-4.670000076293945,-36.518001556396484 -10.211999893188477,-30.9689998626709 -10.211999893188477,-24.125 C-10.211999893188477,-22.591999053955078 -9.932000160217285,-21.125 -9.423999786376953,-19.768999099731445 C-15.741999626159668,-19.20800018310547 -20.695999145507812,-13.89799976348877 -20.695999145507812,-7.427999973297119 C-20.695999145507812,-3.321000099182129 -18.698999404907227,0.31700000166893005 -15.62600040435791,2.572999954223633 C-18.701000213623047,3.5899999141693115 -21.073999404907227,6.304999828338623 -21.489999771118164,9.737000465393066 C-22.042999267578125,14.29699993133545 -18.937000274658203,18.45800018310547 -14.479999542236328,19.27400016784668 C-15.864999771118164,21.332000732421875 -16.67300033569336,23.812999725341797 -16.67300033569336,26.48200035095215 C-16.67300033569336,33.619998931884766 -10.892999649047852,39.40700149536133 -3.76200008392334,39.40700149536133 C-1.4429999589920044,39.40700149536133 0.7310000061988831,38.790000915527344 2.61299991607666,37.71900177001953 C3.509999990463257,42.21699905395508 7.47599983215332,45.606998443603516 12.232000350952148,45.606998443603516 C17.649999618530273,45.606998443603516 22.042999267578125,41.20899963378906 22.042999267578125,35.7859992980957 C22.042999267578125,35.7859992980957 22.042999267578125,-36.96799850463867 22.042999267578125,-36.96799850463867 C22.042999267578125,-41.73899841308594 18.179000854492188,-45.606998443603516 13.413000106811523,-45.606998443603516z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,27.79400062561035,66.31300354003906)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M6.118000030517578,-5.756999969482422 C5.836999893188477,-6.413000106811523 5.076000213623047,-6.718999862670898 4.419000148773193,-6.438000202178955 C2.438999891281128,-5.5929999351501465 0.8050000071525574,-4.086999893188477 -0.20200000703334808,-2.190999984741211 C-2.1459999084472656,-2.6500000953674316 -4.178999900817871,-2.4779999256134033 -6.051000118255615,-1.6779999732971191 C-6.709000110626221,-1.3969999551773071 -7.013999938964844,-0.6359999775886536 -6.734000205993652,0.020999999716877937 C-6.452000141143799,0.6800000071525574 -5.690999984741211,0.9819999933242798 -5.033999919891357,0.7009999752044678 C-3.3559999465942383,-0.01600000075995922 -1.5,-0.03500000014901161 0.19200000166893005,0.6430000066757202 C1.8849999904632568,1.3209999799728394 3.2100000381469727,2.617000102996826 3.9260001182556152,4.294000148773193 C4.104000091552734,4.711999893188477 4.242000102996826,5.144999980926514 4.333000183105469,5.585999965667725 C4.47599983215332,6.271999835968018 5.138000011444092,6.718999862670898 5.823999881744385,6.5980000495910645 C5.836999893188477,6.59499979019165 5.85099983215332,6.5920000076293945 5.864999771118164,6.589000225067139 C6.565000057220459,6.441999912261963 7.013999938964844,5.757999897003174 6.868000030517578,5.058000087738037 C6.742000102996826,4.449999809265137 6.552999973297119,3.8510000705718994 6.307000160217285,3.2760000228881836 C5.479000091552734,1.3350000381469727 4.053999900817871,-0.23499999940395355 2.2360000610351562,-1.2430000305175781 C2.9730000495910645,-2.490000009536743 4.09499979019165,-3.4830000400543213 5.435999870300293,-4.057000160217285 C6.0929999351501465,-4.336999893188477 6.39900016784668,-5.098999977111816 6.118000030517578,-5.756999969482422z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,28.18899917602539,36.54499816894531)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M-0.8930000066757202,-0.8930000066757202 C-0.9049999713897705,-0.8679999709129333 -0.9169999957084656,-0.8429999947547913 -0.9300000071525574,-0.8199999928474426 C-1.590999960899353,0.49399998784065247 -1.9780000448226929,1.9609999656677246 -2.0290000438690186,3.506999969482422 C-2.0969998836517334,5.579999923706055 -1.5509999990463257,7.599999904632568 -0.45100000500679016,9.347999572753906 C-0.07000000029802322,9.95300006866455 -0.25,10.75100040435791 -0.8550000190734863,11.131999969482422 C-1.0700000524520874,11.267999649047852 -1.3079999685287476,11.331000328063965 -1.5440000295639038,11.331000328063965 C-1.9739999771118164,11.331000328063965 -2.3940000534057617,11.116999626159668 -2.6410000324249268,10.72700023651123 C-4.017000198364258,8.538999557495117 -4.701000213623047,6.014999866485596 -4.616000175476074,3.4230000972747803 C-4.561999797821045,1.7730000019073486 -4.198999881744385,0.19300000369548798 -3.5810000896453857,-1.2549999952316284 C-5.568999767303467,-3.7300000190734863 -6.603000164031982,-6.89300012588501 -6.432000160217285,-10.069999694824219 C-6.394000053405762,-10.784000396728516 -5.7789998054504395,-11.331000328063965 -5.070000171661377,-11.293000221252441 C-4.355999946594238,-11.255000114440918 -3.806999921798706,-10.645000457763672 -3.8459999561309814,-9.930999755859375 C-3.9639999866485596,-7.742000102996826 -3.367000102996826,-5.561999797821045 -2.184000015258789,-3.7330000400543213 C-0.5170000195503235,-6.043000221252441 1.9129999876022339,-7.791999816894531 4.811999797821045,-8.607999801635742 C5.5,-8.802000045776367 6.215000152587891,-8.402000427246094 6.408999919891357,-7.714000225067139 C6.603000164031982,-7.026000022888184 6.202000141143799,-6.310999870300293 5.513999938964844,-6.117000102996826 C2.6679999828338623,-5.315999984741211 0.3889999985694885,-3.3910000324249268 -0.8930000066757202,-0.8930000066757202z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,67.78199768066406,45.856998443603516)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M-13.413000106811523,-45.606998443603516 C-8.647000312805176,-45.606998443603516 -4.7829999923706055,-41.73899841308594 -4.7829999923706055,-36.96799850463867 C-4.7829999923706055,-36.71900177001953 -4.796000003814697,-36.4739990234375 -4.816999912261963,-36.23099899291992 C-3.9630000591278076,-36.417999267578125 -3.078000068664551,-36.518001556396484 -2.1679999828338623,-36.518001556396484 C4.669000148773193,-36.518001556396484 10.211999893188477,-30.9689998626709 10.211999893188477,-24.125 C10.211999893188477,-22.591999053955078 9.932000160217285,-21.125 9.423999786376953,-19.768999099731445 C15.741000175476074,-19.20800018310547 20.695999145507812,-13.89799976348877 20.695999145507812,-7.427999973297119 C20.695999145507812,-3.321000099182129 18.698999404907227,0.31700000166893005 15.62600040435791,2.572999954223633 C18.701000213623047,3.5899999141693115 21.073999404907227,6.304999828338623 21.489999771118164,9.737000465393066 C22.042999267578125,14.29699993133545 18.937000274658203,18.45800018310547 14.479999542236328,19.27400016784668 C15.864999771118164,21.332000732421875 16.67300033569336,23.812999725341797 16.67300033569336,26.48200035095215 C16.67300033569336,33.619998931884766 10.892999649047852,39.40700149536133 3.76200008392334,39.40700149536133 C1.4429999589920044,39.40700149536133 -0.7310000061988831,38.790000915527344 -2.61299991607666,37.71900177001953 C-3.510999917984009,42.21699905395508 -7.47599983215332,45.606998443603516 -12.232000350952148,45.606998443603516 C-17.649999618530273,45.606998443603516 -22.042999267578125,41.20899963378906 -22.042999267578125,35.7859992980957 C-22.042999267578125,35.7859992980957 -22.042999267578125,-36.96799850463867 -22.042999267578125,-36.96799850463867 C-22.042999267578125,-41.73899841308594 -18.179000854492188,-45.606998443603516 -13.413000106811523,-45.606998443603516z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,62.28200149536133,66.31300354003906)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M-6.117000102996826,-5.756999969482422 C-5.835999965667725,-6.413000106811523 -5.076000213623047,-6.718999862670898 -4.419000148773193,-6.438000202178955 C-2.438999891281128,-5.5929999351501465 -0.8059999942779541,-4.086999893188477 0.20100000500679016,-2.190999984741211 C2.1449999809265137,-2.6500000953674316 4.178999900817871,-2.4779999256134033 6.051000118255615,-1.6779999732971191 C6.709000110626221,-1.3969999551773071 7.013999938964844,-0.6359999775886536 6.734000205993652,0.020999999716877937 C6.453000068664551,0.6800000071525574 5.690000057220459,0.9819999933242798 5.0329999923706055,0.7009999752044678 C3.3550000190734863,-0.01600000075995922 1.4989999532699585,-0.03500000014901161 -0.19300000369548798,0.6430000066757202 C-1.8860000371932983,1.3209999799728394 -3.2100000381469727,2.617000102996826 -3.9260001182556152,4.294000148773193 C-4.104000091552734,4.711999893188477 -4.242000102996826,5.144999980926514 -4.333000183105469,5.585999965667725 C-4.47599983215332,6.271999835968018 -5.138000011444092,6.718999862670898 -5.823999881744385,6.5980000495910645 C-5.836999893188477,6.59499979019165 -5.85099983215332,6.5920000076293945 -5.864999771118164,6.589000225067139 C-6.565000057220459,6.441999912261963 -7.013000011444092,5.757999897003174 -6.867000102996826,5.058000087738037 C-6.741000175476074,4.449999809265137 -6.552999973297119,3.8510000705718994 -6.307000160217285,3.2760000228881836 C-5.479000091552734,1.3350000381469727 -4.053999900817871,-0.23499999940395355 -2.2360000610351562,-1.2430000305175781 C-2.9730000495910645,-2.490000009536743 -4.09499979019165,-3.4830000400543213 -5.435999870300293,-4.057000160217285 C-6.093999862670898,-4.336999893188477 -6.3979997634887695,-5.098999977111816 -6.117000102996826,-5.756999969482422z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,61.88600158691406,36.54499816894531)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M0.8930000066757202,-0.8930000066757202 C0.9049999713897705,-0.8679999709129333 0.9169999957084656,-0.8429999947547913 0.9300000071525574,-0.8199999928474426 C1.590999960899353,0.49399998784065247 1.9780000448226929,1.9609999656677246 2.0290000438690186,3.506999969482422 C2.0969998836517334,5.579999923706055 1.5509999990463257,7.599999904632568 0.45100000500679016,9.347999572753906 C0.07000000029802322,9.95300006866455 0.25,10.75100040435791 0.8550000190734863,11.131999969482422 C1.0700000524520874,11.267999649047852 1.3079999685287476,11.331000328063965 1.5440000295639038,11.331000328063965 C1.9739999771118164,11.331000328063965 2.3940000534057617,11.116999626159668 2.6410000324249268,10.72700023651123 C4.017000198364258,8.538999557495117 4.701000213623047,6.014999866485596 4.616000175476074,3.4230000972747803 C4.561999797821045,1.7730000019073486 4.198999881744385,0.19300000369548798 3.5810000896453857,-1.2549999952316284 C5.568999767303467,-3.7300000190734863 6.603000164031982,-6.89300012588501 6.432000160217285,-10.069999694824219 C6.394000053405762,-10.784000396728516 5.7789998054504395,-11.331000328063965 5.070000171661377,-11.293000221252441 C4.355999946594238,-11.255000114440918 3.806999921798706,-10.645000457763672 3.8459999561309814,-9.930999755859375 C3.9639999866485596,-7.742000102996826 3.367000102996826,-5.561999797821045 2.184000015258789,-3.7330000400543213 C0.5170000195503235,-6.043000221252441 -1.9129999876022339,-7.791999816894531 -4.811999797821045,-8.607999801635742 C-5.5,-8.802000045776367 -6.215000152587891,-8.402000427246094 -6.408999919891357,-7.714000225067139 C-6.603000164031982,-7.026000022888184 -6.202000141143799,-6.310999870300293 -5.513999938964844,-6.117000102996826 C-2.6679999828338623,-5.315999984741211 -0.3889999985694885,-3.3910000324249268 0.8930000066757202,-0.8930000066757202z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 18 KiB |
BIN
public/smiling_face_with_heart_eyes.png
Normal file
BIN
public/smiling_face_with_heart_eyes.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/smiling_face_with_smiling_eyes.png
Normal file
BIN
public/smiling_face_with_smiling_eyes.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
102
public/sun.svg
Normal file
102
public/sun.svg
Normal file
@ -0,0 +1,102 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 189 188" width="189" height="188"
|
||||
preserveAspectRatio="xMidYMid slice"
|
||||
style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;">
|
||||
<defs>
|
||||
<clipPath id="__lottie_element_479">
|
||||
<rect width="189" height="188" x="0" y="0"></rect>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g clip-path="url(#__lottie_element_479)">
|
||||
<g transform="matrix(0,1,-1,0,176.98899841308594,43.7760009765625)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,8.958999633789062,11.934000015258789)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M6.098999977111816,10.562000274658203 C8.043000221252441,9.439000129699707 8.708999633789062,6.953000068664551 7.586999893188477,5.007999897003174 C7.586999893188477,5.007999897003174 -0.5440000295639038,-9.074000358581543 -0.5440000295639038,-9.074000358581543 C-1.6660000085830688,-11.017999649047852 -4.1529998779296875,-11.684000015258789 -6.0980000495910645,-10.562000274658203 C-8.041999816894531,-9.439000129699707 -8.708000183105469,-6.953000068664551 -7.585000038146973,-5.007999897003174 C-7.585000038146973,-5.007999897003174 0.5460000038146973,9.074000358581543 0.5460000038146973,9.074000358581543 C1.6679999828338623,11.017999649047852 4.1539998054504395,11.684000015258789 6.098999977111816,10.562000274658203z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0,1,-1,0,143.98599243164062,11.345001220703125)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,11.916999816894531,8.755999565124512)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M4.984000205993652,7.7779998779296875 C6.24399995803833,8.505999565124512 7.797999858856201,8.503999710083008 9.057000160217285,7.77400016784668 C9.677000045776367,7.419000148773193 10.1899995803833,6.90500020980835 10.543999671936035,6.285999774932861 C11.666999816894531,4.341000080108643 11.00100040435791,1.8559999465942383 9.057000160217285,0.7329999804496765 C9.057000160217285,0.7329999804496765 -5.025000095367432,-7.395999908447266 -5.025000095367432,-7.395999908447266 C-6.97599983215332,-8.505999565124512 -9.458000183105469,-7.824999809265137 -10.567999839782715,-5.872000217437744 C-11.666999816894531,-3.938999891281128 -11.008999824523926,-1.4800000190734863 -9.09000015258789,-0.35499998927116394 C-9.09000015258789,-0.35499998927116394 4.984000205993652,7.7779998779296875 4.984000205993652,7.7779998779296875z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0,1,-1,0,98.69999694824219,-0.016998291015625)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,12.866000175476074,4.36299991607666)">
|
||||
<path fill="rgb(172,187,232)" fill-opacity="1"
|
||||
d=" M-8.279000282287598,4.111000061035156 C-8.279000282287598,4.111000061035156 7.980000019073486,4.111000061035156 7.980000019073486,4.111000061035156 C8.692000389099121,4.11299991607666 9.392000198364258,3.9260001182556152 10.006999969482422,3.569999933242798 C11.951000213623047,2.447999954223633 12.616000175476074,-0.039000000804662704 11.494000434875488,-1.9839999675750732 C10.767999649047852,-3.242000102996826 9.425999641418457,-4.015999794006348 7.9730000495910645,-4.015999794006348 C7.9730000495910645,-4.015999794006348 -8.28600025177002,-4.017000198364258 -8.28600025177002,-4.017000198364258 C-10.529000282287598,-4.11299991607666 -12.425000190734863,-2.371000051498413 -12.520999908447266,-0.1289999932050705 C-12.616000175476074,2.114000082015991 -10.87600040435791,4.010000228881836 -8.633000373840332,4.105000019073486 C-8.519000053405762,4.111000061035156 -8.404000282287598,4.111999988555908 -8.289999961853027,4.10699987411499 C-8.289999961853027,4.10699987411499 -8.279000282287598,4.111000061035156 -8.279000282287598,4.111000061035156z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0,1,-1,0,62.696998596191406,12.009998321533203)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,11.9350004196167,8.958999633789062)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M10.562000274658203,-6.0980000495910645 C9.439000129699707,-8.041999816894531 6.952000141143799,-8.708999633789062 5.007999897003174,-7.585999965667725 C5.007999897003174,-7.585999965667725 -9.074000358581543,0.5450000166893005 -9.074000358581543,0.5450000166893005 C-11.017999649047852,1.6679999828338623 -11.6850004196167,4.1529998779296875 -10.562999725341797,6.0980000495910645 C-9.4399995803833,8.041999816894531 -6.953000068664551,8.708999633789062 -5.007999897003174,7.586999893188477 C-5.007999897003174,7.586999893188477 9.074000358581543,-0.5450000166893005 9.074000358581543,-0.5450000166893005 C11.017999649047852,-1.6670000553131104 11.6850004196167,-4.1539998054504395 10.562000274658203,-6.0980000495910645z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0,1,-1,0,36.31000518798828,45.005001068115234)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,8.998000144958496,11.803999900817871)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M0.5040000081062317,-8.807000160217285 C0.5040000081062317,-8.807000160217285 -7.625999927520752,5.275000095367432 -7.625999927520752,5.275000095367432 C-8.748000144958496,7.218999862670898 -8.081999778747559,9.706000328063965 -6.138000011444092,10.829000473022461 C-4.880000114440918,11.553000450134277 -3.3299999237060547,11.553000450134277 -2.072999954223633,10.829000473022461 C-1.4539999961853027,10.472000122070312 -0.9390000104904175,9.961000442504883 -0.5849999785423279,9.33899974822998 C-0.5849999785423279,9.33899974822998 7.545000076293945,-4.743000030517578 7.545000076293945,-4.743000030517578 C8.748000144958496,-6.63700008392334 8.185999870300293,-9.149999618530273 6.289000034332275,-10.35200023651123 C4.39300012588501,-11.553000450134277 1.88100004196167,-10.994000434875488 0.6790000200271606,-9.095999717712402 C0.6179999709129333,-8.99899959564209 0.5609999895095825,-8.902000427246094 0.5080000162124634,-8.798999786376953 C0.5080000162124634,-8.798999786376953 0.5040000081062317,-8.807000160217285 0.5040000081062317,-8.807000160217285z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0,1,-1,0,26.150009155273438,90.39199829101562)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,4.317999839782715,12.449000358581543)">
|
||||
<path fill="rgb(172,187,232)" fill-opacity="1"
|
||||
d=" M-0.003000000026077032,-12.196999549865723 C-2.247999906539917,-12.196999549865723 -4.067999839782715,-10.376999855041504 -4.067999839782715,-8.131999969482422 C-4.067999839782715,-8.131999969482422 -4.067999839782715,8.130000114440918 -4.067999839782715,8.130000114440918 C-4.067999839782715,10.375 -2.249000072479248,12.196000099182129 -0.003000000026077032,12.196000099182129 C0.7110000252723694,12.199000358581543 1.4119999408721924,12.008999824523926 2.0290000438690186,11.651000022888184 C3.2909998893737793,10.923999786376953 4.067999839782715,9.581000328063965 4.067999839782715,8.12600040435791 C4.067999839782715,8.12600040435791 4.067999839782715,-8.135000228881836 4.067999839782715,-8.135000228881836 C4.065999984741211,-10.380999565124512 2.24399995803833,-12.199000358581543 -0.0010000000474974513,-12.196999549865723 C-0.0010000000474974513,-12.196999549865723 -0.003000000026077032,-12.196999549865723 -0.003000000026077032,-12.196999549865723z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0,1,-1,0,36.87999725341797,126.30599975585938)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,8.958000183105469,11.934000015258789)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M-6.0980000495910645,-10.562000274658203 C-8.041999816894531,-9.439000129699707 -8.708000183105469,-6.954999923706055 -7.585999965667725,-5.007999897003174 C-7.585999965667725,-5.007999897003174 0.5440000295639038,9.074000358581543 0.5440000295639038,9.074000358581543 C1.6670000553131104,11.017999649047852 4.1529998779296875,11.684000015258789 6.0980000495910645,10.562000274658203 C8.041999816894531,9.439000129699707 8.708000183105469,6.953000068664551 7.585999965667725,5.006999969482422 C7.585999965667725,5.006999969482422 -0.5450000166893005,-9.074000358581543 -0.5450000166893005,-9.074000358581543 C-1.6670000553131104,-11.017999649047852 -4.1529998779296875,-11.684000015258789 -6.0980000495910645,-10.562000274658203z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0,1,-1,0,63.909996032714844,152.86099243164062)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,11.920999526977539,8.753999710083008)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M-5.0289998054504395,-7.394000053405762 C-6.980999946594238,-8.503999710083008 -9.463000297546387,-7.820000171661377 -10.572999954223633,-5.869999885559082 C-11.670999526977539,-3.934999942779541 -11.012999534606934,-1.4780000448226929 -9.093000411987305,-0.3529999852180481 C-9.093000411987305,-0.3529999852180481 4.98799991607666,7.7769999504089355 4.98799991607666,7.7769999504089355 C6.248000144958496,8.503000259399414 7.800000190734863,8.501999855041504 9.059000015258789,7.7729997634887695 C9.678999900817871,7.418000221252441 10.194000244140625,6.9039998054504395 10.54800033569336,6.284999847412109 C11.670999526977539,4.3379998207092285 11.003000259399414,1.8539999723434448 9.059000015258789,0.7319999933242798 C9.059000015258789,0.7319999933242798 -5.0289998054504395,-7.394000053405762 -5.0289998054504395,-7.394000053405762z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0,1,-1,0,100.1199951171875,162.58799743652344)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,12.581000328063965,4.361999988555908)">
|
||||
<path fill="rgb(172,187,232)" fill-opacity="1"
|
||||
d=" M8.260000228881836,-4.015999794006348 C8.260000228881836,-4.015999794006348 -8.00100040435791,-4.017000198364258 -8.00100040435791,-4.017000198364258 C-10.244000434875488,-4.111999988555908 -12.137999534606934,-2.371000051498413 -12.234999656677246,-0.1289999932050705 C-12.331000328063965,2.114000082015991 -10.59000015258789,4.011000156402588 -8.345000267028809,4.105999946594238 C-8.232999801635742,4.111000061035156 -8.119000434875488,4.111000061035156 -8.005000114440918,4.10699987411499 C-8.005000114440918,4.10699987411499 8.255000114440918,4.10699987411499 8.255000114440918,4.10699987411499 C8.970000267028809,4.109000205993652 9.670999526977539,3.921999931335449 10.288000106811523,3.562999963760376 C12.234000205993652,2.440999984741211 12.899999618530273,-0.04699999839067459 11.777999877929688,-1.9910000562667847 C11.048999786376953,-3.249000072479248 9.706999778747559,-4.0229997634887695 8.255000114440918,-4.0229997634887695 C8.255000114440918,-4.0229997634887695 8.258999824523926,-4.015999794006348 8.258999824523926,-4.015999794006348 C8.258999824523926,-4.015999794006348 8.260000228881836,-4.015999794006348 8.260000228881836,-4.015999794006348z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0,1,-1,0,145.2239990234375,152.12200927734375)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,11.934000015258789,8.958999633789062)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M5.008999824523926,-7.585999965667725 C5.008999824523926,-7.585999965667725 -9.074999809265137,0.5440000295639038 -9.074999809265137,0.5440000295639038 C-11.019000053405762,1.6670000553131104 -11.6850004196167,4.1539998054504395 -10.562999725341797,6.0980000495910645 C-9.4399995803833,8.041999816894531 -6.955999851226807,8.708999633789062 -5.011000156402588,7.586999893188477 C-5.011000156402588,7.586999893188477 9.071999549865723,-0.5440000295639038 9.071999549865723,-0.5440000295639038 C11.017999649047852,-1.6670000553131104 11.6850004196167,-4.1529998779296875 10.562000274658203,-6.0980000495910645 C9.439000129699707,-8.043000221252441 6.951000213623047,-8.708999633789062 5.008999824523926,-7.585999965667725z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0,1,-1,0,177.83399963378906,125.07899475097656)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,8.996999740600586,11.807999610900879)">
|
||||
<path fill="rgb(192,204,237)" fill-opacity="1"
|
||||
d=" M-2.0739998817443848,10.824999809265137 C-1.4539999961853027,10.470999717712402 -0.9409999847412109,9.956999778747559 -0.5870000123977661,9.336999893188477 C-0.5870000123977661,9.336999893188477 7.544000148773193,-4.744999885559082 7.544000148773193,-4.744999885559082 C8.746999740600586,-6.640999794006348 8.184000015258789,-9.152999877929688 6.288000106811523,-10.354999542236328 C4.392000198364258,-11.557999610900879 1.88100004196167,-10.996000289916992 0.6779999732971191,-9.098999977111816 C0.6169999837875366,-9.003000259399414 0.5600000023841858,-8.904000282287598 0.5070000290870667,-8.803000450134277 C0.5070000290870667,-8.803000450134277 -7.624000072479248,5.2789998054504395 -7.624000072479248,5.2789998054504395 C-8.746999740600586,7.223999977111816 -8.079000473022461,9.710000038146973 -6.135000228881836,10.831999778747559 C-4.876999855041504,11.557999610900879 -3.328000068664551,11.557999610900879 -2.069999933242798,10.831999778747559 C-2.069999933242798,10.831999778747559 -2.0739998817443848,10.824999809265137 -2.0739998817443848,10.824999809265137z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0,1,-1,0,188.73800659179688,88.98100280761719)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,4.316999912261963,12.442999839782715)">
|
||||
<path fill="rgb(172,187,232)" fill-opacity="1"
|
||||
d=" M-0.004999999888241291,12.189000129699707 C0.7089999914169312,12.192000389099121 1.409999966621399,12.005000114440918 2.0269999504089355,11.645999908447266 C3.2890000343322754,10.920000076293945 4.066999912261963,9.57699966430664 4.066999912261963,8.121999740600586 C4.066999912261963,8.121999740600586 4.066999912261963,-8.140000343322754 4.066999912261963,-8.140000343322754 C4.052000045776367,-10.385000228881836 2.2200000286102295,-12.192999839782715 -0.02500000037252903,-12.178000450134277 C-2.249000072479248,-12.163000106811523 -4.048999786376953,-10.36400032043457 -4.064000129699707,-8.140000343322754 C-4.064000129699707,-8.140000343322754 -4.064000129699707,8.121999740600586 -4.064000129699707,8.121999740600586 C-4.066999912261963,10.366000175476074 -2.249000072479248,12.1850004196167 -0.004999999888241291,12.189000129699707z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(0,1,-1,0,154.75,34.25)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,59.75,59.75)">
|
||||
<path fill="rgb(230,235,248)" fill-opacity="1"
|
||||
d=" M0,59.5 C32.861000061035156,59.5 59.5,32.861000061035156 59.5,0 C59.5,-32.861000061035156 32.861000061035156,-59.5 0,-59.5 C-32.861000061035156,-59.5 -59.5,-32.861000061035156 -59.5,0 C-59.5,32.861000061035156 -32.861000061035156,59.5 0,59.5z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 16 KiB |
BIN
public/thumbs_more_up.png
Normal file
BIN
public/thumbs_more_up.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
public/two_halves_of_a_heart.webp
Normal file
BIN
public/two_halves_of_a_heart.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
179
public/umbrella.svg
Normal file
179
public/umbrella.svg
Normal file
@ -0,0 +1,179 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 199 227" width="199" height="227"
|
||||
preserveAspectRatio="xMidYMid slice"
|
||||
style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;">
|
||||
<defs>
|
||||
<clipPath id="__lottie_element_1332">
|
||||
<rect width="199" height="227" x="0" y="0"></rect>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g clip-path="url(#__lottie_element_1332)">
|
||||
<g transform="matrix(1,0,0,1,18.743003845214844,44.48228454589844)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,102.25399780273438,85.25)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M-11.333000183105469,-79.33300018310547 C-11.333000183105469,-82.46299743652344 -13.869999885559082,-85 -16.999000549316406,-85 C-20.128999710083008,-85 -22.66699981689453,-82.46299743652344 -22.66699981689453,-79.33300018310547 C-22.66699981689453,-79.33300018310547 -22.66699981689453,62.33300018310547 -22.66699981689453,62.33300018310547 C-22.66699981689453,74.83200073242188 -12.498000144958496,85 0.0010000000474974513,85 C12.49899959564209,85 22.66699981689453,74.83200073242188 22.66699981689453,62.33300018310547 C22.66699981689453,62.33300018310547 22.66699981689453,56.66699981689453 22.66699981689453,56.66699981689453 C22.66699981689453,53.5369987487793 20.1299991607666,51 17.000999450683594,51 C13.871000289916992,51 11.333000183105469,53.5369987487793 11.333000183105469,56.66699981689453 C11.333000183105469,56.66699981689453 11.333000183105469,62.33300018310547 11.333000183105469,62.33300018310547 C11.333000183105469,68.58200073242188 6.25,73.66600036621094 0.0010000000474974513,73.66600036621094 C-6.249000072479248,73.66600036621094 -11.333000183105469,68.58200073242188 -11.333000183105469,62.33300018310547 C-11.333000183105469,62.33300018310547 -11.333000183105469,-79.33300018310547 -11.333000183105469,-79.33300018310547z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,85.25399780273438,54.08399963378906)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M-28.33300018310547,42.5 C-27.8799991607666,42.49599838256836 -27.461999893188477,42.27000045776367 -27.201000213623047,41.89799880981445 C-21.488000869750977,33.76300048828125 -11.8149995803833,28.33300018310547 -0.003000000026077032,28.33300018310547 C-0.003000000026077032,28.33300018310547 -0.0010000000474974513,28.33300018310547 -0.0010000000474974513,28.33300018310547 C11.810999870300293,28.33300018310547 21.486000061035156,33.76300048828125 27.197999954223633,41.89799880981445 C27.459999084472656,42.270999908447266 27.8799991607666,42.49700164794922 28.333999633789062,42.5 C28.333999633789062,-4.443999767303467 15.649999618530273,-42.5 0.0020000000949949026,-42.5 C-15.645999908447266,-42.5 -28.33300018310547,-4.443999767303467 -28.33300018310547,42.5z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,42.75199890136719,54.08399963378906)">
|
||||
<path fill="rgb(186,199,235)" fill-opacity="1"
|
||||
d=" M-42.49700164794922,41.569000244140625 C-42.50199890136719,42.082000732421875 -42.08399963378906,42.5 -41.571998596191406,42.5 C-41.266998291015625,42.5 -40.98500061035156,42.347999572753906 -40.8120002746582,42.09700012207031 C-35.13999938964844,33.849998474121094 -26.09000015258789,28.333999633789062 -14.182000160217285,28.333999633789062 C-2.371000051498413,28.333999633789062 7.302999973297119,33.76100158691406 13.015999794006348,41.89799880981445 C13.277999877929688,42.27199935913086 13.701000213623047,42.5 14.157999992370605,42.5 C14.157999992370605,42.5 14.166999816894531,42.486000061035156 14.166999816894531,42.486000061035156 C14.170000076293945,-4.452000141143799 26.854999542236328,-42.5 42.500999450683594,-42.5 C42.500999450683594,-42.5 42.499000549316406,-42.5 42.499000549316406,-42.5 C-4.135000228881836,-42.5 -41.99800109863281,-4.946000099182129 -42.49700164794922,41.569000244140625z">
|
||||
</path>
|
||||
</g>
|
||||
<g opacity="1" transform="matrix(1,0,0,1,127.75399780273438,54.08399963378906)">
|
||||
<path fill="rgb(186,199,235)" fill-opacity="1"
|
||||
d=" M-42.5,-42.5 C-26.854000091552734,-42.5 -14.168000221252441,-4.448999881744385 -14.166999816894531,42.4900016784668 C-14.166999816894531,42.4900016784668 -14.15999984741211,42.5 -14.15999984741211,42.5 C-13.70300006866455,42.5 -13.279999732971191,42.27199935913086 -13.017000198364258,41.89799880981445 C-7.304999828338623,33.76300048828125 2.36899995803833,28.333999633789062 14.180000305175781,28.333999633789062 C26.08799934387207,28.333999633789062 35.13800048828125,33.85200119018555 40.810001373291016,42.0989990234375 C40.98099899291992,42.3489990234375 41.26499938964844,42.5 41.569000244140625,42.5 C42.082000732421875,42.5 42.5,42.082000732421875 42.49399948120117,41.569000244140625 C41.994998931884766,-4.946000099182129 4.132999897003174,-42.5 -42.5,-42.5z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,31,85)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,31,85)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,83.25,57.5)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,83.25,57.5)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.75,111,49.5)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.75,111,49.5)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,142,52.25)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,142,52.25)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.75,52,73.5)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.75,52,73.5)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.75,68,88.5)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.75,68,88.5)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.75,178.5,90.75)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.75,178.5,90.75)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.75,72,43.5)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.75,72,43.5)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.75,190.75,65.5)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.75,190.75,65.5)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.6499999761581421,126.5,74.19999694824219)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.6499999761581421,126.5,74.19999694824219)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.6499999761581421,157.5,77.44999694824219)" opacity="1" style="display: none;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,0.6499999761581421,157.5,77.44999694824219)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,0,0)">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" fill-opacity="0" stroke="rgb(222,227,248)"
|
||||
stroke-opacity="1" stroke-width="4" d=" M2,2 C2,2 2,12 2,12"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,165.60699462890625,11.321000099182129)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,5.392000198364258,5.678999900817871)">
|
||||
<path fill="rgb(155,171,217)" fill-opacity="1"
|
||||
d=" M4.675000190734863,-0.49399998784065247 C2.3469998836517334,-0.49399998784065247 0.46799999475479126,-2.4779999256134033 0.46799999475479126,-4.934999942779541 C0.46799999475479126,-5.210999965667725 0.26100000739097595,-5.428999900817871 -0.0010000000474974513,-5.428999900817871 C-0.2630000114440918,-5.428999900817871 -0.46799999475479126,-5.210999965667725 -0.46799999475479126,-4.934999942779541 C-0.46799999475479126,-2.4779999256134033 -2.3469998836517334,-0.49399998784065247 -4.676000118255615,-0.49399998784065247 C-4.936999797821045,-0.49399998784065247 -5.14300012588501,-0.2759999930858612 -5.14300012588501,0.0010000000474974513 C-5.14300012588501,0.2770000100135803 -4.936999797821045,0.4950000047683716 -4.676000118255615,0.4950000047683716 C-2.3469998836517334,0.4950000047683716 -0.46799999475479126,2.4779999256134033 -0.46799999475479126,4.935999870300293 C-0.46799999475479126,5.211999893188477 -0.2630000114440918,5.428999900817871 -0.0010000000474974513,5.428999900817871 C0.26100000739097595,5.428999900817871 0.46799999475479126,5.211999893188477 0.46799999475479126,4.935999870300293 C0.46799999475479126,2.4779999256134033 2.3469998836517334,0.4950000047683716 4.675000190734863,0.4950000047683716 C4.936999797821045,0.4950000047683716 5.14300012588501,0.2770000100135803 5.14300012588501,0.0010000000474974513 C5.14300012588501,-0.2759999930858612 4.936999797821045,-0.49399998784065247 4.675000190734863,-0.49399998784065247z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,9.75,14.25200080871582)" opacity="1" style="display: block;">
|
||||
<g opacity="1" transform="matrix(1,0,0,1,13.343999862670898,13.343999862670898)">
|
||||
<path fill="rgb(222,227,248)" fill-opacity="1"
|
||||
d=" M11.904000282287598,-1.190999984741211 C5.97599983215332,-1.190999984741211 1.190999984741211,-5.97599983215332 1.190999984741211,-11.904000282287598 C1.190999984741211,-12.569999694824219 0.6679999828338623,-13.093999862670898 0.0010000000474974513,-13.093999862670898 C-0.6660000085830688,-13.093999862670898 -1.1890000104904175,-12.569999694824219 -1.1890000104904175,-11.904000282287598 C-1.1890000104904175,-5.97599983215332 -5.97599983215332,-1.190999984741211 -11.904000282287598,-1.190999984741211 C-12.571000099182129,-1.190999984741211 -13.093999862670898,-0.6679999828338623 -13.093999862670898,-0.0010000000474974513 C-13.093999862670898,0.6660000085830688 -12.571000099182129,1.190999984741211 -11.904000282287598,1.190999984741211 C-5.97599983215332,1.190999984741211 -1.1890000104904175,5.97599983215332 -1.1890000104904175,11.904000282287598 C-1.1890000104904175,12.571000099182129 -0.6660000085830688,13.093999862670898 0.0010000000474974513,13.093999862670898 C0.6679999828338623,13.093999862670898 1.190999984741211,12.571000099182129 1.190999984741211,11.904000282287598 C1.190999984741211,5.97599983215332 5.97599983215332,1.190999984741211 11.904000282287598,1.190999984741211 C12.571000099182129,1.190999984741211 13.093999862670898,0.6660000085830688 13.093999862670898,-0.0010000000474974513 C13.093999862670898,-0.6679999828338623 12.571000099182129,-1.190999984741211 11.904000282287598,-1.190999984741211z">
|
||||
</path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 17 KiB |
BIN
public/wink.png
Normal file
BIN
public/wink.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/woman_feeding_baby.png
Executable file
BIN
public/woman_feeding_baby.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/woman_gets_angry.webp
Normal file
BIN
public/woman_gets_angry.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
25
src/components/Answer/index.tsx
Normal file → Executable file
25
src/components/Answer/index.tsx
Normal file → Executable file
@ -2,15 +2,36 @@ import { IAnswer } from "@/data";
|
||||
import styles from "./styles.module.css";
|
||||
|
||||
interface IAnswerProps {
|
||||
classNameContainer?: string;
|
||||
answer: IAnswer;
|
||||
type?: "multiply" | "single" | "only-text-single";
|
||||
active?: boolean;
|
||||
onClick: () => void;
|
||||
}
|
||||
|
||||
function Answer({ answer, onClick }: IAnswerProps) {
|
||||
function Answer({
|
||||
answer,
|
||||
type = "single",
|
||||
active,
|
||||
classNameContainer = "",
|
||||
onClick,
|
||||
}: IAnswerProps) {
|
||||
return (
|
||||
<div className={styles.container} onClick={onClick}>
|
||||
<div
|
||||
className={`${styles.container} ${
|
||||
active ? styles.active : ""
|
||||
} ${classNameContainer}`}
|
||||
onClick={onClick}
|
||||
>
|
||||
{type !== "only-text-single" && (
|
||||
<img className={styles.icon} src={answer.icon} alt={answer.id} />
|
||||
)}
|
||||
<p className={styles.answer}>{answer.answer}</p>
|
||||
{type === "multiply" && (
|
||||
<div className={styles.circle}>
|
||||
{active && <img src="/check-mark.svg" alt="Check mark" />}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
34
src/components/Answer/styles.module.css
Normal file → Executable file
34
src/components/Answer/styles.module.css
Normal file → Executable file
@ -19,6 +19,16 @@
|
||||
background: rgb(234, 238, 247);
|
||||
}
|
||||
|
||||
.container.active {
|
||||
background: linear-gradient(
|
||||
165.54deg,
|
||||
rgb(20, 19, 51) -33.39%,
|
||||
rgb(32, 34, 97) 15.89%,
|
||||
rgb(84, 60, 151) 55.84%,
|
||||
rgb(105, 57, 162) 74.96%
|
||||
);
|
||||
}
|
||||
|
||||
.icon {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
@ -29,3 +39,27 @@
|
||||
line-height: 20px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.active .answer {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.circle {
|
||||
background: rgb(251, 251, 255);
|
||||
border: 1px solid rgb(224, 224, 224);
|
||||
border-radius: 50%;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.circle > img {
|
||||
display: block;
|
||||
width: 14px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
74
src/components/App/index.tsx
Normal file → Executable file
74
src/components/App/index.tsx
Normal file → Executable file
@ -66,10 +66,25 @@ import GoalSetupPage from "../pages/GoalSetup";
|
||||
import HyperPersonalizedAstrologyPage from "../pages/HyperPersonalizedAstrologyPage";
|
||||
import NoBirthtimePage from "../pages/NoBirthtime";
|
||||
import LoadingInRelationshipPage from "../pages/LoadingInRelationship";
|
||||
import WorksForUsPage from "../pages/WorksForUs";
|
||||
import QuestionnaireIntermediatePage from "../pages/QuestionnaireIntermediate";
|
||||
import RelationshipAlmostTherePage from "../pages/RelationshipAlmostThere";
|
||||
import Modal from "../Modal";
|
||||
import FullDataModal from "../FullDataModal";
|
||||
import SingleZodiacInfoPage from "../pages/SingleZodiacInfo";
|
||||
import ProblemsPage from "../pages/Problems";
|
||||
import WorksRouterPage from "../pages/WorksRouter";
|
||||
import NotAlonePage from "../pages/NotAlone";
|
||||
import AlmostTherePage from "../pages/AlmostThere";
|
||||
import AllRightPage from "../pages/AllRight";
|
||||
import PartnerRightPlacePage from "../pages/PartnerRightPlace";
|
||||
import PartnerThingPage from "../pages/PartnerThing";
|
||||
import PartnerTotallyNormalPage from "../pages/PartnerTotallyNormal";
|
||||
import WithHeartPage from "../pages/WithHeart";
|
||||
import WithHeadPage from "../pages/WithHead";
|
||||
import BothPage from "../pages/Both";
|
||||
import RelationshipZodiacInfoPage from "../pages/RelationshipZodiacInfo";
|
||||
import Satisfied from "../pages/Satisfied";
|
||||
import AboutUsPage from "../pages/AboutUs";
|
||||
|
||||
function App(): JSX.Element {
|
||||
const [isSpecialOfferOpen, setIsSpecialOfferOpen] = useState<boolean>(false);
|
||||
@ -138,7 +153,7 @@ function App(): JSX.Element {
|
||||
useEffect(() => {
|
||||
if (!user) return;
|
||||
dispatch(actions.form.addEmail(user.email));
|
||||
}, []);
|
||||
}, [dispatch, user]);
|
||||
|
||||
return (
|
||||
<Routes>
|
||||
@ -164,11 +179,54 @@ function App(): JSX.Element {
|
||||
path={routes.client.loadingInRelationship()}
|
||||
element={<LoadingInRelationshipPage />}
|
||||
/>
|
||||
<Route path={routes.client.worksForUs()} element={<WorksForUsPage />} />
|
||||
<Route
|
||||
path={routes.client.worksRouter()}
|
||||
element={<WorksRouterPage />}
|
||||
/>
|
||||
<Route
|
||||
path={routes.client.worksForUs()}
|
||||
element={<QuestionnaireIntermediatePage />}
|
||||
/>
|
||||
<Route
|
||||
path={routes.client.worksTraits()}
|
||||
element={<QuestionnaireIntermediatePage />}
|
||||
/>
|
||||
<Route path={routes.client.notAlone()} element={<NotAlonePage />} />
|
||||
<Route path={routes.client.allRight()} element={<AllRightPage />} />
|
||||
<Route
|
||||
path={routes.client.almostThere()}
|
||||
element={<AlmostTherePage />}
|
||||
/>
|
||||
<Route
|
||||
path={routes.client.relationshipAlmostThere()}
|
||||
element={<RelationshipAlmostTherePage />}
|
||||
/>
|
||||
<Route
|
||||
path={routes.client.singleZodiacInfo()}
|
||||
element={<SingleZodiacInfoPage />}
|
||||
/>
|
||||
<Route path={routes.client.problems()} element={<ProblemsPage />} />
|
||||
<Route
|
||||
path={routes.client.partnerRightPlace()}
|
||||
element={<PartnerRightPlacePage />}
|
||||
/>
|
||||
<Route
|
||||
path={routes.client.partnerThing()}
|
||||
element={<PartnerThingPage />}
|
||||
/>
|
||||
<Route
|
||||
path={routes.client.partnerTotallyNormal()}
|
||||
element={<PartnerTotallyNormalPage />}
|
||||
/>
|
||||
<Route path={routes.client.withHeart()} element={<WithHeartPage />} />
|
||||
<Route path={routes.client.withHead()} element={<WithHeadPage />} />
|
||||
<Route path={routes.client.both()} element={<BothPage />} />
|
||||
<Route
|
||||
path={routes.client.relationshipZodiacInfo()}
|
||||
element={<RelationshipZodiacInfoPage />}
|
||||
/>
|
||||
<Route path={routes.client.satisfiedResult()} element={<Satisfied />} />
|
||||
<Route path={routes.client.aboutUs()} element={<AboutUsPage />} />
|
||||
{/* Test Routes End */}
|
||||
|
||||
<Route
|
||||
@ -266,14 +324,8 @@ function App(): JSX.Element {
|
||||
path={routes.client.breathResult()}
|
||||
element={<UserCallbacksPage />}
|
||||
/>
|
||||
<Route
|
||||
path={routes.client.wallpaper()}
|
||||
element={<WallpaperPage />}
|
||||
/>
|
||||
<Route
|
||||
path={routes.client.magicBall()}
|
||||
element={<MagicBallPage />}
|
||||
/>
|
||||
<Route path={routes.client.wallpaper()} element={<WallpaperPage />} />
|
||||
<Route path={routes.client.magicBall()} element={<MagicBallPage />} />
|
||||
<Route
|
||||
path={routes.client.horoscopeBestiesResult()}
|
||||
element={<BestiesHoroscopeResult />}
|
||||
|
||||
0
src/components/AttentionPage/index.tsx
Normal file → Executable file
0
src/components/AttentionPage/index.tsx
Normal file → Executable file
13
src/components/Header/index.tsx
Normal file → Executable file
13
src/components/Header/index.tsx
Normal file → Executable file
@ -48,11 +48,16 @@ function Header({
|
||||
}, [location.pathname, initialPath, isNavigated]);
|
||||
|
||||
const goBack = () => {
|
||||
if (initialPath && isNotEntrypoint(initialPath) && !isNavigated) {
|
||||
navigate(routes.client.root());
|
||||
} else {
|
||||
navigate(-1);
|
||||
if (
|
||||
location.pathname.includes("/questionnaire") ||
|
||||
location.pathname.includes("/about-us")
|
||||
) {
|
||||
return navigate(-1);
|
||||
}
|
||||
if (initialPath && isNotEntrypoint(initialPath) && !isNavigated) {
|
||||
return navigate(routes.client.root());
|
||||
}
|
||||
return navigate(-1);
|
||||
};
|
||||
|
||||
return (
|
||||
|
||||
82
src/components/Stepper/index.tsx
Normal file → Executable file
82
src/components/Stepper/index.tsx
Normal file → Executable file
@ -1,5 +1,6 @@
|
||||
import { IStep } from "@/data";
|
||||
import styles from "./styles.module.css";
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
interface IStepperProps {
|
||||
steps: IStep[];
|
||||
@ -8,12 +9,71 @@ interface IStepperProps {
|
||||
}
|
||||
|
||||
function Stepper({ steps, currentStep, currentQuestion }: IStepperProps) {
|
||||
const lastStepIndex = steps.length - 1;
|
||||
const [filterSteps, setFilterSteps] = useState(steps);
|
||||
const [currentStepIndex, setCurrentStepIndex] = useState(currentStep);
|
||||
const lastStepIndex = filterSteps.length - 1;
|
||||
|
||||
useEffect(() => {
|
||||
if (
|
||||
![
|
||||
"relationship_pattern",
|
||||
"relationships",
|
||||
"personalityTraits",
|
||||
"partnerProfile",
|
||||
].includes(steps[currentStep].id)
|
||||
) {
|
||||
return setFilterSteps(
|
||||
steps.filter(
|
||||
(item) =>
|
||||
!["relationship_pattern", "personalityTraits"].includes(item.id)
|
||||
)
|
||||
);
|
||||
}
|
||||
if (steps[currentStep].id === "personalityTraits") {
|
||||
return setFilterSteps(
|
||||
steps.filter(
|
||||
(item) =>
|
||||
!["relationship_pattern", "partnerProfile"].includes(item.id)
|
||||
)
|
||||
);
|
||||
}
|
||||
if (steps[currentStep].id === "partnerProfile") {
|
||||
return setFilterSteps(
|
||||
steps.filter(
|
||||
(item) => !["relationships", "personalityTraits"].includes(item.id)
|
||||
)
|
||||
);
|
||||
}
|
||||
if (steps[currentStep].id === "relationship_pattern") {
|
||||
return setFilterSteps(
|
||||
steps.filter(
|
||||
(item) => !["relationships", "personalityTraits"].includes(item.id)
|
||||
)
|
||||
);
|
||||
}
|
||||
if (steps[currentStep].id === "relationships") {
|
||||
return setFilterSteps(
|
||||
steps.filter(
|
||||
(item) =>
|
||||
!["relationship_pattern", "personalityTraits"].includes(item.id)
|
||||
)
|
||||
);
|
||||
}
|
||||
}, [currentStep, steps]);
|
||||
|
||||
useEffect(() => {
|
||||
const idCurrentStep = steps[currentStep].id;
|
||||
setCurrentStepIndex(
|
||||
filterSteps.findIndex((step) => step.id === idCurrentStep)
|
||||
);
|
||||
}, [currentStep, filterSteps, steps]);
|
||||
|
||||
const getLinePercent = (index: number) => {
|
||||
if (index < currentStep) {
|
||||
if (index < currentStepIndex) {
|
||||
return 100;
|
||||
} else if (index === currentStep) {
|
||||
const percent = (currentQuestion / steps[index].questions.length) * 100;
|
||||
} else if (index === currentStepIndex) {
|
||||
const percent =
|
||||
(currentQuestion / filterSteps[index].questions.length) * 100;
|
||||
if (percent > 100) {
|
||||
return 100;
|
||||
}
|
||||
@ -24,28 +84,28 @@ function Stepper({ steps, currentStep, currentQuestion }: IStepperProps) {
|
||||
};
|
||||
|
||||
const getIndexOfStep = (id: string) => {
|
||||
return steps.findIndex((item) => item.id === id);
|
||||
return filterSteps.findIndex((item) => item.id === id);
|
||||
};
|
||||
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
{steps.map((step, index) => {
|
||||
{filterSteps.map((step, index) => {
|
||||
return (
|
||||
<div
|
||||
className={styles["step-container"]}
|
||||
style={{ width: `${100 / steps.length}%` }}
|
||||
style={{ width: `${100 / filterSteps.length}%` }}
|
||||
key={index}
|
||||
>
|
||||
<div
|
||||
className={styles.circle}
|
||||
style={{
|
||||
backgroundColor:
|
||||
index > currentStep ? "transparent" : step.color,
|
||||
index > currentStepIndex ? "transparent" : step.color,
|
||||
borderColor: step.color,
|
||||
color: step.color,
|
||||
}}
|
||||
>
|
||||
{index > currentStep ? getIndexOfStep(step.id) : null}
|
||||
{index > currentStepIndex ? getIndexOfStep(step.id) : null}
|
||||
</div>
|
||||
<div className={styles["line-container"]}>
|
||||
<div
|
||||
@ -63,12 +123,12 @@ function Stepper({ steps, currentStep, currentQuestion }: IStepperProps) {
|
||||
className={styles.circle}
|
||||
style={{
|
||||
backgroundColor:
|
||||
lastStepIndex >= currentStep ? "transparent" : "#bb6bd9",
|
||||
lastStepIndex >= currentStepIndex ? "transparent" : "#bb6bd9",
|
||||
borderColor: "#bb6bd9",
|
||||
color: "#bb6bd9",
|
||||
}}
|
||||
>
|
||||
{lastStepIndex >= currentStep ? lastStepIndex + 1 : null}
|
||||
{lastStepIndex >= currentStepIndex ? lastStepIndex + 1 : null}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
44
src/components/pages/AboutUs/index.tsx
Executable file
44
src/components/pages/AboutUs/index.tsx
Executable file
@ -0,0 +1,44 @@
|
||||
import { IAnswer, aboutUsAnswers } from "@/data";
|
||||
import styles from "./styles.module.css";
|
||||
import Title from "@/components/Title";
|
||||
import Answer from "@/components/Answer";
|
||||
import { useDispatch } from "react-redux";
|
||||
import { actions } from "@/store";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import routes from "@/routes";
|
||||
|
||||
function AboutUsPage() {
|
||||
const navigate = useNavigate();
|
||||
const dispatch = useDispatch();
|
||||
|
||||
const handleClick = (answer: IAnswer) => {
|
||||
dispatch(
|
||||
actions.questionnaire.update({
|
||||
aboutUs: answer.id,
|
||||
})
|
||||
);
|
||||
navigate(routes.client.priceList());
|
||||
};
|
||||
|
||||
return (
|
||||
<div className={`${styles.page} page`}>
|
||||
<Title className={styles.title} variant="h1">
|
||||
Where did you hear about us?
|
||||
</Title>
|
||||
|
||||
<div className={styles["answers-container"]}>
|
||||
{aboutUsAnswers.map((answer, index) => (
|
||||
<Answer
|
||||
classNameContainer={styles["answer-container"]}
|
||||
key={index}
|
||||
answer={answer}
|
||||
type="only-text-single"
|
||||
onClick={() => handleClick(answer)}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default AboutUsPage;
|
||||
36
src/components/pages/AboutUs/styles.module.css
Executable file
36
src/components/pages/AboutUs/styles.module.css
Executable file
@ -0,0 +1,36 @@
|
||||
.page {
|
||||
position: relative;
|
||||
height: fit-content;
|
||||
min-height: calc(100vh - 50px);
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
background-position-y: bottom;
|
||||
background-position-x: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
color: #fff;
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
align-self: flex-start;
|
||||
margin-bottom: 30px;
|
||||
text-align: left;
|
||||
color: rgb(51, 51, 51);
|
||||
}
|
||||
|
||||
.answers-container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.answer-container {
|
||||
justify-content: center;
|
||||
}
|
||||
52
src/components/pages/AllRight/index.tsx
Normal file
52
src/components/pages/AllRight/index.tsx
Normal file
@ -0,0 +1,52 @@
|
||||
import Title from "@/components/Title";
|
||||
import styles from "./styles.module.css";
|
||||
import MainButton from "@/components/MainButton";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import routes from "@/routes";
|
||||
import { selectors } from "@/store";
|
||||
import { useSelector } from "react-redux";
|
||||
import { getZodiacSignByDate } from "@/services/zodiac-sign";
|
||||
|
||||
function AllRightPage() {
|
||||
const navigate = useNavigate();
|
||||
const { birthdate } = useSelector(selectors.selectQuestionnaire);
|
||||
const zodiacSign = getZodiacSignByDate(birthdate);
|
||||
|
||||
const handleBack = () => {
|
||||
navigate(-1);
|
||||
};
|
||||
|
||||
const handleNext = () => {
|
||||
navigate(`${routes.client.questionnaire()}/personalityTraits/attitude`);
|
||||
};
|
||||
|
||||
return (
|
||||
<section className={`${styles.page} page`}>
|
||||
<img src="/sun.svg" alt="The sun" />
|
||||
<div>
|
||||
<Title variant="h1" className={styles.title}>
|
||||
All right! <br /> You keep your emotions in check{" "}
|
||||
<span style={{ color: "#f2c94c" }}>{zodiacSign}</span>, but sometimes
|
||||
people might want you to show more passion. We can give you some
|
||||
insights about that!
|
||||
</Title>
|
||||
</div>
|
||||
<div className={styles["buttons-container"]}>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["back-button"]}`}
|
||||
onClick={handleBack}
|
||||
>
|
||||
Back
|
||||
</MainButton>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["next-button"]}`}
|
||||
onClick={handleNext}
|
||||
>
|
||||
Next
|
||||
</MainButton>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
export default AllRightPage;
|
||||
59
src/components/pages/AllRight/styles.module.css
Normal file
59
src/components/pages/AllRight/styles.module.css
Normal file
@ -0,0 +1,59 @@
|
||||
.page {
|
||||
position: relative;
|
||||
height: fit-content;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
background: url("/laughing_women.webp");
|
||||
background-position-y: bottom;
|
||||
background-position-x: center;
|
||||
background-size: cover;
|
||||
color: #fff;
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 140%;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.blue {
|
||||
font-weight: bolder;
|
||||
color: #56ccf2;
|
||||
}
|
||||
|
||||
.buttons-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 160px;
|
||||
min-width: fit-content;
|
||||
height: 48px;
|
||||
min-height: fit-content;
|
||||
border: solid 1px #fff;
|
||||
border-radius: 16px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.next-button {
|
||||
background-color: #fff;
|
||||
color: #6a3aa2;
|
||||
}
|
||||
49
src/components/pages/AlmostThere/index.tsx
Normal file
49
src/components/pages/AlmostThere/index.tsx
Normal file
@ -0,0 +1,49 @@
|
||||
import Title from "@/components/Title";
|
||||
import styles from "./styles.module.css";
|
||||
import MainButton from "@/components/MainButton";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import routes from "@/routes";
|
||||
|
||||
function AlmostTherePage() {
|
||||
const navigate = useNavigate();
|
||||
|
||||
const handleBack = () => {
|
||||
navigate(-1);
|
||||
};
|
||||
|
||||
const handleNext = () => {
|
||||
navigate(`${routes.client.questionnaire()}/relationship_pattern/priority`);
|
||||
};
|
||||
|
||||
return (
|
||||
<section className={`${styles.page} page`}>
|
||||
<img src="/magnifier.svg" alt="The magnifier" />
|
||||
<div>
|
||||
<Title variant="h1" className={styles.title}>
|
||||
Almost there! <br /> Now let's tailor your plan by understanding the{" "}
|
||||
<span style={{ color: "#bb6cd9" }}>Relationship Pattern</span>.
|
||||
</Title>
|
||||
<p className={styles.text}>
|
||||
Please take your time when answering. Each response is used to craft
|
||||
your guidance plan.
|
||||
</p>
|
||||
</div>
|
||||
<div className={styles["buttons-container"]}>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["back-button"]}`}
|
||||
onClick={handleBack}
|
||||
>
|
||||
Back
|
||||
</MainButton>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["next-button"]}`}
|
||||
onClick={handleNext}
|
||||
>
|
||||
Next
|
||||
</MainButton>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
export default AlmostTherePage;
|
||||
59
src/components/pages/AlmostThere/styles.module.css
Normal file
59
src/components/pages/AlmostThere/styles.module.css
Normal file
@ -0,0 +1,59 @@
|
||||
.page {
|
||||
position: relative;
|
||||
height: fit-content;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
background: url("/couple_and_sunset_2.webp");
|
||||
background-position-y: bottom;
|
||||
background-position-x: center;
|
||||
background-size: cover;
|
||||
color: #fff;
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 140%;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.blue {
|
||||
font-weight: bolder;
|
||||
color: #56ccf2;
|
||||
}
|
||||
|
||||
.buttons-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 160px;
|
||||
min-width: fit-content;
|
||||
height: 48px;
|
||||
min-height: fit-content;
|
||||
border: solid 1px #fff;
|
||||
border-radius: 16px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.next-button {
|
||||
background-color: #fff;
|
||||
color: #6a3aa2;
|
||||
}
|
||||
53
src/components/pages/Both/index.tsx
Executable file
53
src/components/pages/Both/index.tsx
Executable file
@ -0,0 +1,53 @@
|
||||
import Title from "@/components/Title";
|
||||
import styles from "./styles.module.css";
|
||||
import MainButton from "@/components/MainButton";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import routes from "@/routes";
|
||||
import { useSelector } from "react-redux";
|
||||
import { selectors } from "@/store";
|
||||
import { getZodiacSignByDate } from "@/services/zodiac-sign";
|
||||
|
||||
function BothPage() {
|
||||
const navigate = useNavigate();
|
||||
const birthdate = useSelector(selectors.selectBirthdate);
|
||||
const zodiacSign = getZodiacSignByDate(birthdate);
|
||||
|
||||
const handleBack = () => {
|
||||
navigate(-1);
|
||||
};
|
||||
|
||||
const handleNext = () => {
|
||||
navigate(routes.client.aboutUs());
|
||||
};
|
||||
|
||||
return (
|
||||
<section className={`${styles.page} page`}>
|
||||
<img src="/both.svg" alt="The both" />
|
||||
<div>
|
||||
<Title variant="h1" className={styles.title}>
|
||||
Wonderful! <br />
|
||||
Based on our data, only the top 17% of{" "}
|
||||
<span style={{ color: "#f2c94c" }}>{zodiacSign}</span> people make
|
||||
decisions with their heart and head. Using both in equal measure is
|
||||
the key to feeling harmonious in your relationships.
|
||||
</Title>
|
||||
</div>
|
||||
<div className={styles["buttons-container"]}>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["back-button"]}`}
|
||||
onClick={handleBack}
|
||||
>
|
||||
Back
|
||||
</MainButton>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["next-button"]}`}
|
||||
onClick={handleNext}
|
||||
>
|
||||
Next
|
||||
</MainButton>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
export default BothPage;
|
||||
65
src/components/pages/Both/styles.module.css
Executable file
65
src/components/pages/Both/styles.module.css
Executable file
@ -0,0 +1,65 @@
|
||||
.page {
|
||||
position: relative;
|
||||
height: fit-content;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
background: linear-gradient(
|
||||
165.54deg,
|
||||
rgb(20, 19, 51) -33.39%,
|
||||
rgb(32, 34, 97) 15.89%,
|
||||
rgb(84, 60, 151) 55.84%,
|
||||
rgb(105, 57, 162) 74.96%
|
||||
);
|
||||
background-position-y: bottom;
|
||||
background-position-x: center;
|
||||
background-size: cover;
|
||||
color: #fff;
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 140%;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.blue {
|
||||
font-weight: bolder;
|
||||
color: #56ccf2;
|
||||
}
|
||||
|
||||
.buttons-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 160px;
|
||||
min-width: fit-content;
|
||||
height: 48px;
|
||||
min-height: fit-content;
|
||||
border: solid 1px #fff;
|
||||
border-radius: 16px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.next-button {
|
||||
background-color: #fff;
|
||||
color: #6a3aa2;
|
||||
}
|
||||
@ -32,7 +32,7 @@ function LoadingInRelationshipPage() {
|
||||
}, [loadingProgress]);
|
||||
|
||||
const handleNext = () => {
|
||||
navigate(`${routes.client.questionnaire()}/profile/relationshipProblem`);
|
||||
navigate(routes.client.problems());
|
||||
};
|
||||
|
||||
return (
|
||||
|
||||
52
src/components/pages/NotAlone/index.tsx
Normal file
52
src/components/pages/NotAlone/index.tsx
Normal file
@ -0,0 +1,52 @@
|
||||
import Title from "@/components/Title";
|
||||
import styles from "./styles.module.css";
|
||||
import MainButton from "@/components/MainButton";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import routes from "@/routes";
|
||||
import { selectors } from "@/store";
|
||||
import { useSelector } from "react-redux";
|
||||
import { getZodiacSignByDate } from "@/services/zodiac-sign";
|
||||
|
||||
function NotAlonePage() {
|
||||
const navigate = useNavigate();
|
||||
const { birthdate } = useSelector(selectors.selectQuestionnaire);
|
||||
const zodiacSign = getZodiacSignByDate(birthdate);
|
||||
|
||||
const handleBack = () => {
|
||||
navigate(-1);
|
||||
};
|
||||
|
||||
const handleNext = () => {
|
||||
navigate(`${routes.client.questionnaire()}/personalityTraits/attitude`);
|
||||
};
|
||||
|
||||
return (
|
||||
<section className={`${styles.page} page`}>
|
||||
<img src="/umbrella.svg" alt="The starry key" />
|
||||
<div>
|
||||
<Title variant="h1" className={styles.title}>
|
||||
You’re not alone. <br /> A lot of{" "}
|
||||
<span style={{ color: "#f2c94c" }}>{zodiacSign}</span> people find it
|
||||
difficult to control emotions due to their zodiac sign traits. Don’t
|
||||
worry, we know how to address that!
|
||||
</Title>
|
||||
</div>
|
||||
<div className={styles["buttons-container"]}>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["back-button"]}`}
|
||||
onClick={handleBack}
|
||||
>
|
||||
Back
|
||||
</MainButton>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["next-button"]}`}
|
||||
onClick={handleNext}
|
||||
>
|
||||
Next
|
||||
</MainButton>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
export default NotAlonePage;
|
||||
59
src/components/pages/NotAlone/styles.module.css
Normal file
59
src/components/pages/NotAlone/styles.module.css
Normal file
@ -0,0 +1,59 @@
|
||||
.page {
|
||||
position: relative;
|
||||
height: fit-content;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
background: url("/company_and_sunset.webp");
|
||||
background-position-y: bottom;
|
||||
background-position-x: center;
|
||||
background-size: cover;
|
||||
color: #fff;
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 140%;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.blue {
|
||||
font-weight: bolder;
|
||||
color: #56ccf2;
|
||||
}
|
||||
|
||||
.buttons-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 160px;
|
||||
min-width: fit-content;
|
||||
height: 48px;
|
||||
min-height: fit-content;
|
||||
border: solid 1px #fff;
|
||||
border-radius: 16px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.next-button {
|
||||
background-color: #fff;
|
||||
color: #6a3aa2;
|
||||
}
|
||||
55
src/components/pages/PartnerRightPlace/index.tsx
Executable file
55
src/components/pages/PartnerRightPlace/index.tsx
Executable file
@ -0,0 +1,55 @@
|
||||
import Title from "@/components/Title";
|
||||
import styles from "./styles.module.css";
|
||||
import MainButton from "@/components/MainButton";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import routes from "@/routes";
|
||||
import { useSelector } from "react-redux";
|
||||
import { selectors } from "@/store";
|
||||
import { getZodiacSignByDate } from "@/services/zodiac-sign";
|
||||
|
||||
function PartnerRightPlacePage() {
|
||||
const navigate = useNavigate();
|
||||
const birthdate = useSelector(selectors.selectBirthdate);
|
||||
const zodiacSign = getZodiacSignByDate(birthdate);
|
||||
|
||||
const handleBack = () => {
|
||||
navigate(-1);
|
||||
};
|
||||
|
||||
const handleNext = () => {
|
||||
navigate(`${routes.client.questionnaire()}/relationships/appreciated`);
|
||||
};
|
||||
|
||||
return (
|
||||
<section className={`${styles.page} page`}>
|
||||
<img src="/darts.svg" alt="The darts" />
|
||||
<div>
|
||||
<Title variant="h1" className={styles.title}>
|
||||
You’ve come to the right place, <br />
|
||||
<span style={{ color: "#f2c94c" }}>{zodiacSign}</span>!
|
||||
</Title>
|
||||
<p className={styles.text}>
|
||||
Knowing that your goal is already doable puts you ahead. Let’s keep
|
||||
going so we can build a guidance plan based on your astrological
|
||||
blueprint.
|
||||
</p>
|
||||
</div>
|
||||
<div className={styles["buttons-container"]}>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["back-button"]}`}
|
||||
onClick={handleBack}
|
||||
>
|
||||
Back
|
||||
</MainButton>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["next-button"]}`}
|
||||
onClick={handleNext}
|
||||
>
|
||||
Next
|
||||
</MainButton>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
export default PartnerRightPlacePage;
|
||||
65
src/components/pages/PartnerRightPlace/styles.module.css
Executable file
65
src/components/pages/PartnerRightPlace/styles.module.css
Executable file
@ -0,0 +1,65 @@
|
||||
.page {
|
||||
position: relative;
|
||||
height: fit-content;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
background: linear-gradient(
|
||||
165.54deg,
|
||||
rgb(20, 19, 51) -33.39%,
|
||||
rgb(32, 34, 97) 15.89%,
|
||||
rgb(84, 60, 151) 55.84%,
|
||||
rgb(105, 57, 162) 74.96%
|
||||
);
|
||||
background-position-y: bottom;
|
||||
background-position-x: center;
|
||||
background-size: cover;
|
||||
color: #fff;
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 140%;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.blue {
|
||||
font-weight: bolder;
|
||||
color: #56ccf2;
|
||||
}
|
||||
|
||||
.buttons-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 160px;
|
||||
min-width: fit-content;
|
||||
height: 48px;
|
||||
min-height: fit-content;
|
||||
border: solid 1px #fff;
|
||||
border-radius: 16px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.next-button {
|
||||
background-color: #fff;
|
||||
color: #6a3aa2;
|
||||
}
|
||||
56
src/components/pages/PartnerThing/index.tsx
Executable file
56
src/components/pages/PartnerThing/index.tsx
Executable file
@ -0,0 +1,56 @@
|
||||
import Title from "@/components/Title";
|
||||
import styles from "./styles.module.css";
|
||||
import MainButton from "@/components/MainButton";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import routes from "@/routes";
|
||||
import { useSelector } from "react-redux";
|
||||
import { selectors } from "@/store";
|
||||
import { getZodiacSignByDate } from "@/services/zodiac-sign";
|
||||
|
||||
function PartnerThingPage() {
|
||||
const navigate = useNavigate();
|
||||
const birthdate = useSelector(selectors.selectBirthdate);
|
||||
const zodiacSign = getZodiacSignByDate(birthdate);
|
||||
|
||||
const handleBack = () => {
|
||||
navigate(-1);
|
||||
};
|
||||
|
||||
const handleNext = () => {
|
||||
navigate(`${routes.client.questionnaire()}/relationships/appreciated`);
|
||||
};
|
||||
|
||||
return (
|
||||
<section className={`${styles.page} page`}>
|
||||
<img src="/compass.svg" alt="The compass" />
|
||||
<div>
|
||||
<Title variant="h1" className={styles.title}>
|
||||
<span style={{ color: "#f2c94c" }}>{zodiacSign}</span>, here’s the
|
||||
thing... <br />
|
||||
You can do this!
|
||||
</Title>
|
||||
<p className={styles.text}>
|
||||
We'll start with small insights so it doesn't feel too overwhelming.
|
||||
Let'skeep going and build a guidance plan based on your astrological
|
||||
blueprint.
|
||||
</p>
|
||||
</div>
|
||||
<div className={styles["buttons-container"]}>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["back-button"]}`}
|
||||
onClick={handleBack}
|
||||
>
|
||||
Back
|
||||
</MainButton>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["next-button"]}`}
|
||||
onClick={handleNext}
|
||||
>
|
||||
Next
|
||||
</MainButton>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
export default PartnerThingPage;
|
||||
66
src/components/pages/PartnerThing/styles.module.css
Executable file
66
src/components/pages/PartnerThing/styles.module.css
Executable file
@ -0,0 +1,66 @@
|
||||
.page {
|
||||
position: relative;
|
||||
height: fit-content;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
background: linear-gradient(
|
||||
165.54deg,
|
||||
rgb(20, 19, 51) -33.39%,
|
||||
rgb(32, 34, 97) 15.89%,
|
||||
rgb(84, 60, 151) 55.84%,
|
||||
rgb(105, 57, 162) 74.96%
|
||||
);
|
||||
background-position-y: bottom;
|
||||
background-position-x: center;
|
||||
background-size: cover;
|
||||
color: #fff;
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 140%;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.blue {
|
||||
font-weight: bolder;
|
||||
color: #56ccf2;
|
||||
}
|
||||
|
||||
.buttons-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 160px;
|
||||
min-width: fit-content;
|
||||
height: 48px;
|
||||
min-height: fit-content;
|
||||
border: solid 1px #fff;
|
||||
border-radius: 16px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.next-button {
|
||||
background-color: #fff;
|
||||
color: #6a3aa2;
|
||||
}
|
||||
|
||||
54
src/components/pages/PartnerTotallyNormal/index.tsx
Executable file
54
src/components/pages/PartnerTotallyNormal/index.tsx
Executable file
@ -0,0 +1,54 @@
|
||||
import Title from "@/components/Title";
|
||||
import styles from "./styles.module.css";
|
||||
import MainButton from "@/components/MainButton";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import routes from "@/routes";
|
||||
import { useSelector } from "react-redux";
|
||||
import { selectors } from "@/store";
|
||||
import { getZodiacSignByDate } from "@/services/zodiac-sign";
|
||||
|
||||
function PartnerTotallyNormalPage() {
|
||||
const navigate = useNavigate();
|
||||
const birthdate = useSelector(selectors.selectBirthdate);
|
||||
const zodiacSign = getZodiacSignByDate(birthdate);
|
||||
|
||||
const handleBack = () => {
|
||||
navigate(-1);
|
||||
};
|
||||
|
||||
const handleNext = () => {
|
||||
navigate(`${routes.client.questionnaire()}/relationships/appreciated`);
|
||||
};
|
||||
|
||||
return (
|
||||
<section className={`${styles.page} page`}>
|
||||
<img src="/clouds.svg" alt="The clouds" />
|
||||
<div>
|
||||
<Title variant="h1" className={styles.title}>
|
||||
It’s totally normal to feel nervous,{" "}
|
||||
<span style={{ color: "#f2c94c" }}>{zodiacSign}</span>.
|
||||
</Title>
|
||||
<p className={styles.text}>
|
||||
But we know you can do this. Let’s keep going so we can build a
|
||||
guidance plan based on your astrological blueprint.
|
||||
</p>
|
||||
</div>
|
||||
<div className={styles["buttons-container"]}>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["back-button"]}`}
|
||||
onClick={handleBack}
|
||||
>
|
||||
Back
|
||||
</MainButton>
|
||||
<MainButton
|
||||
className={`${styles.button} ${styles["next-button"]}`}
|
||||
onClick={handleNext}
|
||||
>
|
||||
Next
|
||||
</MainButton>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
export default PartnerTotallyNormalPage;
|
||||
66
src/components/pages/PartnerTotallyNormal/styles.module.css
Executable file
66
src/components/pages/PartnerTotallyNormal/styles.module.css
Executable file
@ -0,0 +1,66 @@
|
||||
.page {
|
||||
position: relative;
|
||||
height: fit-content;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
gap: 40px;
|
||||
background: linear-gradient(
|
||||
165.54deg,
|
||||
rgb(20, 19, 51) -33.39%,
|
||||
rgb(32, 34, 97) 15.89%,
|
||||
rgb(84, 60, 151) 55.84%,
|
||||
rgb(105, 57, 162) 74.96%
|
||||
);
|
||||
background-position-y: bottom;
|
||||
background-position-x: center;
|
||||
background-size: cover;
|
||||
color: #fff;
|
||||
padding-top: 64px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 140%;
|
||||
max-width: 322px;
|
||||
}
|
||||
|
||||
.blue {
|
||||
font-weight: bolder;
|
||||
color: #56ccf2;
|
||||
}
|
||||
|
||||
.buttons-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 160px;
|
||||
min-width: fit-content;
|
||||
height: 48px;
|
||||
min-height: fit-content;
|
||||
border: solid 1px #fff;
|
||||
border-radius: 16px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.next-button {
|
||||
background-color: #fff;
|
||||
color: #6a3aa2;
|
||||
}
|
||||
|
||||
179
src/components/pages/Problems/index.tsx
Normal file
179
src/components/pages/Problems/index.tsx
Normal file
@ -0,0 +1,179 @@
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import styles from "./styles.module.css";
|
||||
import Stepper from "@/components/Stepper";
|
||||
import { useEffect, useState } from "react";
|
||||
import { IAnswer, IQuestion, relationshipAnswers, singleAnswers, stepsQuestionary } from "@/data";
|
||||
import Title from "@/components/Title";
|
||||
import Answer from "@/components/Answer";
|
||||
import routes from "@/routes";
|
||||
import { useDispatch, useSelector } from "react-redux";
|
||||
import { actions } from "@/store";
|
||||
import { selectQuestionnaire } from "@/store/questionnaire";
|
||||
import { getAge } from "@/services/date";
|
||||
|
||||
function ProblemsPage(): JSX.Element {
|
||||
const question = "problems";
|
||||
const stepId = "profile";
|
||||
const navigate = useNavigate();
|
||||
const dispatch = useDispatch();
|
||||
const [currentStep, setCurrentStep] = useState<number>();
|
||||
const [currentQuestion, setCurrentQuestion] = useState<IQuestion>();
|
||||
const steps = stepsQuestionary.filter((item) => !!item.questions.length);
|
||||
const [questionTitle, setQuestionTitle] = useState("");
|
||||
const [answers, setAnswers] = useState<IAnswer[]>([]);
|
||||
const questionsAnswers = useSelector(selectQuestionnaire);
|
||||
const gender =
|
||||
questionsAnswers.gender[0].toUpperCase() + questionsAnswers.gender.slice(1);
|
||||
|
||||
useEffect(() => {
|
||||
const flowChoice = questionsAnswers.flowChoice;
|
||||
if (["relationship", "married"].includes(flowChoice)) {
|
||||
return setAnswers(relationshipAnswers);
|
||||
}
|
||||
if (["single", "complicated", "other"].includes(flowChoice)) {
|
||||
return setAnswers(singleAnswers);
|
||||
}
|
||||
}, [questionsAnswers.flowChoice]);
|
||||
|
||||
useEffect(() => {
|
||||
const flowChoice = questionsAnswers.flowChoice;
|
||||
if (["relationship", "married"].includes(flowChoice)) {
|
||||
return setQuestionTitle(
|
||||
`${gender} in their ${getAge(questionsAnswers.birthdate)}s ${
|
||||
questionsAnswers.parent === "yes" && "who have children"
|
||||
} need a slightly different approach to improve their relationship. Which statement best describes you?`
|
||||
);
|
||||
}
|
||||
if (["single", "complicated", "other"].includes(flowChoice)) {
|
||||
return setQuestionTitle(
|
||||
`Single ${gender} in their ${getAge(questionsAnswers.birthdate)}s ${
|
||||
questionsAnswers.parent === "yes" && "who have children"
|
||||
} need a slightly different approach to find their perfect partner. But first, how did you feel in your last relationship?`
|
||||
);
|
||||
}
|
||||
}, [
|
||||
questionsAnswers.birthdate,
|
||||
questionsAnswers.flowChoice,
|
||||
gender,
|
||||
questionsAnswers.parent,
|
||||
]);
|
||||
|
||||
useEffect(() => {
|
||||
const currentStepIndex = steps.findIndex((item) => item.id === stepId);
|
||||
if (currentStepIndex === -1) return navigate(routes.client.notFound());
|
||||
setCurrentStep(currentStepIndex || 0);
|
||||
const _currentQuestion = steps[currentStepIndex].questions.find(
|
||||
(item) => item.id === question
|
||||
);
|
||||
if (!_currentQuestion) return navigate(routes.client.gender());
|
||||
setCurrentQuestion(_currentQuestion);
|
||||
}, [navigate, question, stepId, steps]);
|
||||
|
||||
const answerClickHandler = (answer: IAnswer) => {
|
||||
if (!stepId || !question) return;
|
||||
const questionIndex = getIndexOfQuestion(question);
|
||||
if (questionIndex === -1) return;
|
||||
const currentStepIndex = steps.findIndex((item) => item.id === stepId);
|
||||
|
||||
const questionsLength = steps[currentStepIndex].questions.length;
|
||||
|
||||
const currentQuestion = steps[currentStepIndex].questions[questionIndex];
|
||||
|
||||
dispatch(
|
||||
actions.questionnaire.update({
|
||||
[currentQuestion.id]: answer.id,
|
||||
})
|
||||
);
|
||||
|
||||
if (answer.navigateToUrl?.length) {
|
||||
return navigate(answer.navigateToUrl);
|
||||
}
|
||||
|
||||
if (currentQuestion.navigateToUrl?.length) {
|
||||
return navigate(currentQuestion.navigateToUrl);
|
||||
}
|
||||
|
||||
if (
|
||||
currentStepIndex >= steps.length - 1 &&
|
||||
questionIndex >= questionsLength - 1
|
||||
) {
|
||||
return navigate(routes.client.priceList());
|
||||
}
|
||||
|
||||
if (questionIndex < questionsLength - 1) {
|
||||
return navigate(
|
||||
`${routes.client.questionnaire()}/${steps[currentStepIndex].id}/${
|
||||
steps[currentStepIndex].questions[questionIndex + 1].id
|
||||
}`
|
||||
);
|
||||
}
|
||||
|
||||
if (
|
||||
currentStepIndex < steps.length - 1 &&
|
||||
questionIndex >= questionsLength - 1
|
||||
) {
|
||||
return navigate(
|
||||
`${routes.client.questionnaire()}/${steps[currentStepIndex + 1].id}/${
|
||||
steps[currentStepIndex + 1].questions[0].id
|
||||
}`
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
const getIndexOfQuestion = (questionId: string) => {
|
||||
const currentStepIndex = steps.findIndex((item) => item.id === stepId);
|
||||
if (currentStepIndex === -1) return -1;
|
||||
return steps[currentStepIndex].questions.findIndex(
|
||||
(item) => item.id === questionId
|
||||
);
|
||||
};
|
||||
|
||||
return (
|
||||
<section
|
||||
className={`${styles.page} page`}
|
||||
style={{
|
||||
backgroundImage: `url(${currentQuestion?.backgroundImage || ""})`,
|
||||
}}
|
||||
>
|
||||
{currentQuestion && (!!currentStep || currentStep === 0) && (
|
||||
<>
|
||||
<Stepper
|
||||
steps={steps}
|
||||
currentStep={currentStep}
|
||||
currentQuestion={getIndexOfQuestion(currentQuestion.id)}
|
||||
/>
|
||||
<span className={styles["current-step"]}>
|
||||
{steps[currentStep].label}
|
||||
</span>
|
||||
<Title className={styles.title} variant="h1">
|
||||
{questionTitle}
|
||||
</Title>
|
||||
{!!currentQuestion.description && (
|
||||
<p className={styles.description}>{currentQuestion.description}</p>
|
||||
)}
|
||||
<div className={styles["answers-container"]}>
|
||||
{!currentQuestion.answersElement &&
|
||||
(currentQuestion.answers?.length
|
||||
? currentQuestion.answers
|
||||
: answers
|
||||
).map((answer) => {
|
||||
// if (!isShowAnswer(answer)) return null;
|
||||
return (
|
||||
<Answer
|
||||
key={answer.id}
|
||||
answer={answer}
|
||||
onClick={() => {
|
||||
answerClickHandler(answer);
|
||||
}}
|
||||
/>
|
||||
);
|
||||
})}
|
||||
{!!currentQuestion.answersElement && currentQuestion.answersElement}
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
export default ProblemsPage;
|
||||
52
src/components/pages/Problems/styles.module.css
Normal file
52
src/components/pages/Problems/styles.module.css
Normal file
@ -0,0 +1,52 @@
|
||||
.page {
|
||||
position: relative;
|
||||
height: fit-content;
|
||||
min-height: calc(100vh - 50px);
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
background-position-y: bottom;
|
||||
background-position-x: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.current-step {
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
color: rgb(142, 140, 240);
|
||||
margin-top: 5px;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
align-self: flex-start;
|
||||
margin-bottom: 30px;
|
||||
text-align: left;
|
||||
color: rgb(51, 51, 51);
|
||||
}
|
||||
|
||||
.answers-container {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.description {
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
font-weight: normal;
|
||||
margin-top: -20px;
|
||||
margin-bottom: 30px;
|
||||
align-self: flex-start;
|
||||
text-align: left;
|
||||
color: rgb(79, 79, 79);
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user