From b6428ab360821d2f321804bb23b890d631d3bda5 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:28:46 +0300
Subject: [PATCH 01/27] perf(home): compress home banner image

---
 assets/images/hero/jordan-commits.svg | 45 +--------------------------
 1 file changed, 1 insertion(+), 44 deletions(-)

diff --git a/assets/images/hero/jordan-commits.svg b/assets/images/hero/jordan-commits.svg
index d185f11..44248f2 100644
--- a/assets/images/hero/jordan-commits.svg
+++ b/assets/images/hero/jordan-commits.svg
@@ -1,44 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="177.91978mm"
-   height="269.53091mm"
-   viewBox="0 0 177.91978 269.53092"
-   version="1.1"
-   id="svg13131"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs13128">
-    <linearGradient
-       xlink:href="#linearGradient218566"
-       id="linearGradient48267"
-       x1="425.0213"
-       y1="279.07227"
-       x2="619.71405"
-       y2="279.07227"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.91385065,0,0,0.91385065,-445.38705,-203.7886)" />
-    <linearGradient
-       id="linearGradient218566">
-      <stop
-         style="stop-color:#00b199;stop-opacity:1;"
-         offset="0"
-         id="stop218562" />
-      <stop
-         style="stop-color:#6db981;stop-opacity:1"
-         offset="1"
-         id="stop218564" />
-    </linearGradient>
-  </defs>
-  <g
-     id="layer1"
-     transform="translate(56.98063,83.523722)">
-    <path
-       style="fill:url(#linearGradient48267);fill-opacity:1;stroke-width:0.0697051"
-       d="m 80.96438,183.9509 v -2.0563 h 1.48796 1.48795 l 0.0456,0.8474 c 0.0251,0.46608 0.0456,1.39141 0.0456,2.0563 v 1.2089 h -1.53351 -1.53352 z m -102.70854,0.0887 c -0.026,-0.50886 -0.0372,-1.19182 -0.0247,-1.51769 l 0.0227,-0.59249 1.2024,-0.0191 1.20242,-0.0191 0.0106,1.4306 c 0.005,0.78683 0.0136,1.46981 0.0174,1.51773 0.005,0.0659 -0.28409,0.0918 -1.18821,0.10618 l -1.19519,0.019 z m 79.05528,0.87551 c -0.0594,-0.0595 -0.06,-1.31541 -9e-4,-2.27941 l 0.0455,-0.74434 1.19172,0.019 c 1.08386,0.0173 1.19121,0.03 1.18592,0.14102 -0.003,0.0671 -0.011,0.74933 -0.0174,1.51608 l -0.0116,1.39411 H 58.531 c -0.64536,0 -1.19428,-0.0209 -1.21984,-0.0465 z M 5.82227,183.1841 v -1.28954 h 1.53351 1.53351 v 1.28954 1.28955 H 7.35578 5.82227 Z m -27.55676,-9.28241 c -0.0256,-0.0256 -0.0464,-1.1234 -0.0464,-2.43968 v -2.39321 h 1.21983 1.21985 v 2.43968 2.43968 h -1.17337 c -0.64536,0 -1.19428,-0.0209 -1.21984,-0.0464 z m 27.55676,-2.39321 v -2.44239 l 1.51608,0.0188 1.51608,0.0188 v 2.40482 2.40483 l -1.51608,0.0188 -1.51608,0.0188 z m 51.51208,0.002 v -2.44133 h 1.22075 1.22074 l -0.0183,2.42225 -0.0184,2.42226 -1.20243,0.0191 -1.20241,0.0191 z m 23.60681,2.39156 c -0.0256,-0.0256 -0.0464,-1.12341 -0.0464,-2.43969 v -2.3932 h 1.53351 1.53351 v 2.43968 2.43967 H 82.4747 c -0.81787,0 -1.50796,-0.0209 -1.53351,-0.0464 z M -21.80459,159.8155 c -0.0252,-0.71883 -0.0457,-2.02058 -0.0459,-2.89277 l -2e-4,-1.58578 h 1.2092 1.20919 l 0.039,2.84033 c 0.0214,1.56218 0.0243,2.86393 0.006,2.89276 -0.0178,0.0289 -0.55883,0.0524 -1.20226,0.0524 h -1.16985 l -0.0456,-1.30697 z m 27.589,1.21971 c -0.0185,-0.048 -0.0253,-1.34188 -0.0153,-2.87532 l 0.0183,-2.78809 1.51609,-0.0188 1.51609,-0.0188 v 2.89412 2.89413 H 7.31873 c -1.13744,0 -1.50894,-0.0211 -1.53432,-0.0873 z m 51.58741,0.0218 c -0.0223,-0.036 -0.019,-1.33849 0.007,-2.89435 l 0.0476,-2.82888 1.19113,0.019 1.19112,0.019 0.0234,0.48793 c 0.0127,0.26836 9.2e-4,1.56226 -0.0255,2.87533 l -0.0488,2.3874 h -1.17278 c -0.65633,0 -1.19061,-0.0289 -1.21325,-0.0655 z m 23.52287,-2.82728 v -2.89276 h 1.53351 1.53351 v 2.89276 2.89277 H 82.4282 80.89469 Z m -102.76882,-9.63671 c -0.0253,-1.2939 -0.0461,-3.20731 -0.0462,-4.25201 l -1.1e-4,-1.89947 h 1.21984 1.21984 l 1.3e-4,2.00402 c 7e-5,1.10221 0.0208,3.01561 0.0462,4.25201 l 0.046,2.24799 h -1.21983 -1.21982 l -0.0461,-2.35254 z m 27.6267,-1.89947 v -4.25201 H 7.28608 8.8196 v 4.25201 4.25201 H 7.28608 5.75257 Z m 51.67505,1.73124 c 0.0254,-1.38644 0.0462,-3.29984 0.0462,-4.25203 v -1.73122 h 1.21984 1.21984 v 1.58579 c -5e-5,0.87219 -0.0208,2.78559 -0.0462,4.25202 l -0.0461,2.66621 h -1.21981 -1.21984 l 0.0462,-2.52077 z m 23.46707,-1.73124 v -4.25201 h 1.53351 1.53351 v 4.25201 4.25201 H 82.4282 80.89469 Z M -21.9445,140.16029 c -0.0245,-0.25967 -0.0449,-1.30335 -0.0451,-2.3193 -3.4e-4,-1.01594 -0.0212,-3.1817 -0.0465,-4.81279 l -0.0459,-2.9656 -0.52909,-0.1201 c -2.3457,-0.5324 -4.43266,-2.29289 -5.41695,-4.56954 -1.29997,-3.00684 -0.59487,-6.52825 1.76076,-8.79357 0.97242,-0.93513 2.13438,-1.6238 3.268,-1.93691 l 0.48646,-0.13436 -0.0199,-0.72364 c -0.0266,-0.97398 -0.13008,-2.13084 -0.29199,-3.2679 -0.0737,-0.51756 -0.20031,-1.59973 -0.28135,-2.40483 -0.50089,-4.97524 -1.1685,-6.93052 -2.97829,-8.72278 -1.82226,-1.8046 -4.55569,-2.78203 -8.9406,-3.19702 -3.54154,-0.33516 -6.0049,-1.36733 -7.9822,-3.34464 -1.85783,-1.85783 -2.94002,-4.21934 -3.39378,-7.40576 l -0.15117,-1.06161 -0.4576,-0.14895 c -2.17399,-0.70761 -4.06929,-2.49705 -4.88718,-4.61418 -0.41707,-1.07957 -0.51404,-1.63725 -0.51162,-2.94206 0.002,-1.05668 0.0221,-1.25905 0.18596,-1.86902 0.3334,-1.24108 0.78327,-2.1343 1.57297,-3.12317 0.99337,-1.2439 2.50792,-2.22519 4.05432,-2.62685 l 0.52205,-0.1356 0.0177,-8.43827 c 0.0167,-7.99309 0.0112,-8.44006 -0.10456,-8.47205 -0.0673,-0.0186 -0.27909,-0.055 -0.47078,-0.0809 -0.47204,-0.0638 -1.57929,-0.4226 -2.09116,-0.67766 -2.31409,-1.1531 -3.95342,-3.37197 -4.36053,-5.90208 -0.10307,-0.64065 -0.0865,-2.04677 0.0313,-2.66284 0.48347,-2.52689 2.12738,-4.6433 4.46783,-5.75197 0.64776,-0.30685 1.81578,-0.65371 2.20129,-0.65371 0.10784,0 0.21733,-0.0344 0.24331,-0.0764 0.026,-0.042 0.0238,-5.18998 -0.004,-11.43987 l -0.0521,-11.36346 -4.5399,4.53951 -4.5399,4.5395 -0.85297,-0.85503 -0.85296,-0.85501 6.01103,-6.01193 6.01104,-6.01195 5.94267,5.94237 5.94266,5.94236 -0.85283,0.85489 -0.85285,0.85489 -4.48551,-4.47898 -4.48552,-4.47898 0.0484,11.46649 c 0.0266,6.30657 0.0562,11.47481 0.0655,11.48499 0.01,0.0106 0.2022,0.0667 0.42844,0.12541 1.29469,0.33654 2.45343,1.00798 3.48072,2.01695 0.99125,0.97359 1.59155,1.92157 2.01204,3.17741 1.39619,4.16982 -1.05183,8.84068 -5.27198,10.05903 l -0.57617,0.16634 -0.0177,8.46969 -0.0177,8.46971 0.45974,0.08 c 0.54538,0.095 1.49379,0.38589 1.85319,0.56843 l 0.25604,0.13007 0.36781,-0.4692 c 0.91342,-1.16528 2.57156,-2.57291 4.13885,-3.5136 1.68173,-1.00937 3.15065,-1.65359 5.84498,-2.56341 1.02723,-0.34687 2.21827,-0.79765 2.64675,-1.00173 3.18536,-1.51711 5.2561,-3.83719 6.32201,-7.08322 0.25326,-0.77131 0.55656,-2.05342 0.55599,-2.35038 -2.1e-4,-0.1052 -0.12345,-0.15713 -0.67962,-0.28657 -2.73004,-0.63537 -5.03767,-2.87785 -5.7674,-5.60463 -0.76227,-2.84834 0.0564,-5.77781 2.18233,-7.80888 1.1293,-1.07893 2.47668,-1.77748 4.02097,-2.08467 0.70672,-0.14058 2.29572,-0.12366 3.03218,0.0323 5.51128,1.16707 8.10075,7.46355 5.00647,12.1736 -0.4049,0.61633 -1.42417,1.65834 -2.03209,2.07741 -0.88253,0.60841 -1.93611,1.07461 -2.86378,1.26719 -0.31056,0.0644 -0.39545,0.1115 -0.41999,0.23272 -0.0169,0.0835 -0.0836,0.46558 -0.14832,0.84896 -0.71738,4.2528 -3.12628,7.86153 -6.66816,9.98938 -1.30846,0.78609 -2.2213,1.18151 -4.38073,1.89765 -1.92202,0.63739 -2.53557,0.88206 -3.93309,1.56835 -1.29537,0.63611 -2.18907,1.18794 -3.10187,1.91526 -0.60383,0.48113 -1.75951,1.62957 -1.98287,1.97044 l -0.12348,0.18845 0.36249,0.39661 c 1.34637,1.47314 2.0385,3.30011 2.02888,5.35537 -0.008,1.81936 -0.56653,3.43722 -1.68597,4.88822 -0.61535,0.79762 -1.70448,1.67989 -2.67681,2.16842 -0.84535,0.42472 -2.12888,0.78519 -2.79591,0.78519 -0.2201,0 -0.23625,0.0155 -0.23616,0.22654 5e-5,0.12459 0.0444,0.47748 0.0984,0.78417 0.69667,3.95081 2.68299,6.4667 5.96583,7.55636 0.93995,0.312 1.78447,0.46976 3.3813,0.63165 3.33799,0.33841 5.61033,0.92903 7.55658,1.96411 2.14727,1.14196 3.63246,2.64493 4.63954,4.69508 0.44864,0.9133 0.9323,2.29888 1.08694,3.11387 0.0861,0.45383 0.20429,0.69711 0.20429,0.42057 0,-0.0841 0.14195,-0.58443 0.31546,-1.11178 1.67559,-5.09293 5.76898,-7.72357 12.71939,-8.17419 0.63258,-0.0411 1.51356,-0.11999 1.95774,-0.17551 4.91342,-0.61408 8.49872,-3.52436 10.47689,-8.50435 0.43581,-1.09715 0.5258,-1.42652 0.38971,-1.42652 -0.0487,0 -0.37414,-0.14369 -0.7232,-0.31931 -2.26138,-1.13774 -3.83102,-3.26201 -4.27003,-5.77881 -0.15917,-0.91255 -0.0967,-2.35188 0.14198,-3.26942 0.73751,-2.83557 2.97198,-5.02561 5.87363,-5.75685 l 0.2891,-0.0728 -0.0292,-7.3357 C 6.04229,58.01876 6.01099,54.21118 5.98879,53.59212 L 5.94839,52.46656 5.5547,52.41806 C 5.04999,52.35586 3.9563,52.00767 3.41837,51.73799 0.89661,50.47381 -0.72086,48.1427 -1.01314,45.35123 c -0.2413,-2.30463 0.61761,-4.67186 2.30476,-6.35201 0.98477,-0.98069 2.24203,-1.70382 3.60607,-2.0741 0.62727,-0.17028 0.78701,-0.18486 2.00593,-0.1831 1.13812,0.002 1.4013,0.0231 1.87116,0.1525 2.35965,0.64994 4.17331,2.11972 5.20136,4.21515 1.65491,3.37316 0.7619,7.34909 -2.17991,9.70568 -0.69258,0.5548 -1.97847,1.21445 -2.78033,1.42627 l -0.57876,0.15288 0.017,5.09996 c 0.01,2.80497 0.0365,6.61041 0.0604,8.45653 l 0.0435,3.35657 0.3199,0.048 c 0.45671,0.0686 1.4486,0.36298 1.87285,0.55606 l 0.3619,0.16468 0.29498,-0.39509 c 0.46672,-0.62507 1.77092,-1.88139 2.58296,-2.48811 2.0629,-1.54134 4.15237,-2.56417 7.52506,-3.68365 1.68308,-0.55865 2.44904,-0.86646 3.26733,-1.31301 2.51334,-1.37157 4.27812,-3.32349 5.32966,-5.89485 0.32022,-0.78301 0.74972,-2.31494 0.83491,-2.97794 l 0.0448,-0.34852 -0.75903,-0.18339 c -2.87237,-0.69404 -5.16911,-3.06408 -5.80039,-5.98551 -0.57397,-2.65622 0.21834,-5.35528 2.13601,-7.27646 2.13571,-2.13964 5.2684,-2.88108 8.12677,-1.92345 3.51575,1.17788 5.78052,4.71236 5.35652,8.35953 -0.2588,2.22612 -1.38442,4.19151 -3.16028,5.51806 -0.8829,0.65951 -1.82411,1.08278 -3.18672,1.43313 -0.1868,0.0481 -0.24845,0.10307 -0.26309,0.23469 -0.0106,0.0946 -0.10084,0.59539 -0.20069,1.11295 -0.9684,5.01898 -4.03445,8.77547 -8.807,10.79026 -0.36421,0.15376 -1.25818,0.47445 -1.9866,0.71265 -3.67772,1.20267 -6.11059,2.47716 -7.91154,4.14459 -0.5204,0.48183 -1.39409,1.4365 -1.39409,1.52332 0,0.0323 0.18035,0.25868 0.4008,0.50319 0.78304,0.86849 1.42197,2.07657 1.77384,3.35391 0.12913,0.46878 0.15062,0.73274 0.15227,1.8702 0.002,1.21893 -0.0127,1.37867 -0.1831,2.00593 -0.21626,0.79668 -0.67249,1.79449 -1.1461,2.50663 -0.73844,1.11035 -2.09658,2.23102 -3.36817,2.77923 -0.55211,0.23802 -1.42919,0.50162 -1.87117,0.56238 l -0.16389,0.0225 0.006,16.62468 c 0.003,9.14357 0.0274,21.65127 0.0529,27.79491 l 0.0464,11.17024 H 7.30903 5.77601 l -0.0463,-10.92627 c -0.0255,-6.00946 -0.0483,-17.60752 -0.0505,-25.77347 -0.003,-9.44171 -0.0283,-14.80913 -0.0706,-14.74264 -0.0365,0.0574 -0.24916,0.39913 -0.47245,0.75913 -0.65198,1.05121 -1.17661,1.72509 -2.032,2.61019 -1.31161,1.35713 -2.48836,2.21925 -4.05304,2.96933 -2.00408,0.96073 -3.71596,1.36884 -6.59173,1.57147 -2.36549,0.16668 -3.85508,0.42645 -5.27471,0.91988 -1.52738,0.53089 -2.59937,1.17467 -3.56898,2.1433 -1.24345,1.24224 -1.94753,2.63182 -2.42199,4.78006 -0.2491,1.12785 -0.3771,2.23026 -0.53406,4.59944 -0.1454,2.19456 -0.17342,2.51938 -0.29035,3.36438 -0.0744,0.53787 -0.0757,0.54021 -0.28497,0.54021 -0.20413,0 -0.20896,0.007 -0.16701,0.26139 0.0238,0.14377 0.0436,0.34409 0.0439,0.44517 7e-4,0.16603 0.0327,0.18832 0.33187,0.23079 1.74841,0.24827 3.31246,1.02692 4.55144,2.2659 2.70634,2.70634 3.10146,6.90213 0.9488,10.07545 -0.46461,0.6849 -1.41128,1.61153 -2.14635,2.10092 -0.96106,0.63982 -1.81838,0.98614 -3.08492,1.24612 l -0.20153,0.0414 0.0448,3.63831 c 0.0246,2.00105 0.0521,4.35974 0.0609,5.24151 l 0.0161,1.60321 -1.19106,0.019 -1.19106,0.019 z m 2.19629,-12.52494 c 2.41806,-0.46526 4.10749,-2.28069 4.44996,-4.78187 0.30856,-2.25364 -1.07166,-4.68345 -3.19437,-5.62358 -1.43523,-0.63564 -3.17959,-0.61644 -4.6053,0.0507 -2.67844,1.25332 -3.88152,4.52071 -2.6581,7.21891 0.53324,1.17606 1.57137,2.2146 2.74619,2.74728 1.00099,0.45387 2.1875,0.59522 3.26162,0.38856 z M 8.30918,82.62936 c 1.28476,-0.17643 2.23798,-0.66135 3.2011,-1.62847 0.53152,-0.53373 0.68705,-0.74398 0.95914,-1.2966 0.43842,-0.89043 0.60231,-1.57156 0.60169,-2.50048 -0.002,-2.51536 -1.59405,-4.62542 -4.01149,-5.31556 -0.44929,-0.12826 -0.72459,-0.15783 -1.45987,-0.1568 -1.07565,0.002 -1.52658,0.10413 -2.43968,0.55537 -1.80145,0.89017 -2.921,2.61117 -3.01317,4.6319 -0.0772,1.69252 0.40526,2.92923 1.61907,4.15025 0.50523,0.50822 0.74946,0.69364 1.25469,0.95249 1.14956,0.58897 2.12,0.76837 3.28852,0.6079 z m -51.30181,-0.66218 c 1.86378,-0.53797 3.29762,-2.01474 3.78893,-3.90238 0.19847,-0.76255 0.19897,-1.94596 9.1e-4,-2.70596 -1.0536,-4.04747 -6.01023,-5.50694 -9.04988,-2.66474 -2.24128,2.0957 -2.36064,5.52575 -0.27005,7.7606 1.41379,1.51137 3.52918,2.08993 5.52987,1.51248 z M 33.55898,50.42593 c 0.2908,-0.0729 0.78079,-0.2591 1.08887,-0.41366 2.8251,-1.41718 3.85793,-4.95684 2.24742,-7.70215 -0.36748,-0.62645 -1.2741,-1.53328 -1.9014,-1.90188 -2.77447,-1.63024 -6.28698,-0.59646 -7.73265,2.27581 -0.40164,0.79796 -0.54644,1.43379 -0.54985,2.41427 -0.003,1.00981 0.11764,1.55053 0.54663,2.43969 1.12885,2.33972 3.73156,3.53261 6.30098,2.88792 z m -52.09558,-0.4883 c 2.50238,-0.65544 4.22289,-3.04434 4.05532,-5.63078 -0.25714,-3.9691 -4.48393,-6.36783 -7.99482,-4.53709 -1.40582,0.73306 -2.3908,1.97056 -2.79867,3.51623 -0.20245,0.76718 -0.20189,1.94352 9.1e-4,2.71001 0.67658,2.55256 2.99329,4.25603 5.59611,4.11481 0.33269,-0.018 0.84605,-0.096 1.14078,-0.17318 z m 26.97281,-0.0645 c 1.51501,-0.48293 2.71801,-1.50926 3.37679,-2.88087 0.41972,-0.87386 0.51966,-1.33194 0.51966,-2.38189 0,-1.06857 -0.1001,-1.5128 -0.54944,-2.43967 C 11.24693,41.06456 10.37174,40.19471 9.2555,39.65839 8.51371,39.30198 8.05016,39.19562 7.07108,39.15718 c -1.07887,-0.0423 -1.72103,0.0959 -2.70999,0.58323 -0.55228,0.27216 -0.7632,0.42823 -1.2966,0.95943 -0.97925,0.9752 -1.45401,1.91844 -1.63418,3.24671 -0.3698,2.72639 1.52454,5.4016 4.27035,6.03063 0.66039,0.15128 2.10724,0.0963 2.73555,-0.10402 z m -52.56505,-0.38409 c 2.03069,-0.41944 3.65127,-1.96386 4.20497,-4.00735 0.19248,-0.71033 0.17189,-2.17519 -0.0401,-2.85792 -0.75136,-2.41926 -2.81554,-3.97402 -5.27273,-3.97149 -1.46426,0.002 -2.64924,0.45525 -3.7042,1.41836 -1.76675,1.61289 -2.28835,4.2184 -1.27709,6.3795 0.71166,1.52088 2.1532,2.67844 3.77924,3.03476 0.59238,0.12982 1.69201,0.13179 2.30995,0.004 z m 101.652,91.08786 c -0.0157,-0.0288 -9.1e-4,-2.15389 0.0326,-4.72252 0.0335,-2.56864 0.0523,-4.99645 0.0418,-5.39513 l -0.0192,-0.72489 -0.48647,-0.13313 c -0.64729,-0.17712 -1.49479,-0.5806 -2.15401,-1.02543 -3.25703,-2.19782 -4.41663,-6.42775 -2.72879,-9.95394 0.40951,-0.85554 0.78892,-1.40536 1.42568,-2.06603 1.1282,-1.17057 2.39115,-1.90669 3.85603,-2.24749 l 0.5312,-0.12358 0.0373,-0.49227 c 0.0205,-0.27075 0.0698,-0.91574 0.10962,-1.4333 0.0956,-1.24437 0.79027,-5.98058 1.05808,-7.21447 1.01297,-4.667 3.35436,-7.82779 7.61621,-10.28154 1.46474,-0.84333 3.10706,-1.54088 5.37325,-2.28221 3.02932,-0.99096 4.47765,-1.80519 6.10186,-3.43038 0.94951,-0.95007 1.54347,-1.75576 2.09955,-2.84802 0.31795,-0.62447 0.33746,-0.6942 0.33746,-1.2063 v -0.54352 l -0.50536,-0.14893 c -2.18243,-0.64317 -4.10168,-2.35358 -5.01308,-4.46759 -1.21663,-2.82201 -0.65674,-6.22197 1.3884,-8.43097 l 0.38157,-0.41214 -0.12232,-0.1867 c -0.20255,-0.30912 -1.28779,-1.40541 -1.83409,-1.85276 -1.73234,-1.41854 -4.29487,-2.69888 -7.28839,-3.64152 -3.06919,-0.96648 -5.19646,-2.18371 -7.01561,-4.01433 -2.03902,-2.05189 -3.44069,-4.84875 -3.93981,-7.86132 -0.0611,-0.36884 -0.12423,-0.73898 -0.14028,-0.82254 -0.0235,-0.12228 -0.10733,-0.16805 -0.4299,-0.23472 -0.84608,-0.17486 -1.96315,-0.65993 -2.77069,-1.20316 -0.54366,-0.36571 -1.4887,-1.28451 -1.92323,-1.8698 -0.43731,-0.58907 -0.92564,-1.54476 -1.14675,-2.24425 -1.50498,-4.76121 1.65093,-9.67096 6.61829,-10.2962 4.38877,-0.55242 8.43546,2.74308 8.82117,7.18371 0.31746,3.65464 -1.94644,7.08422 -5.42718,8.22168 -0.3349,0.10944 -0.7557,0.22099 -0.93511,0.24791 -0.39789,0.0597 -0.40075,0.0821 -0.15115,1.18321 0.90289,3.98314 3.1179,6.75734 6.77118,8.48059 0.40694,0.19194 1.51206,0.60811 2.4558,0.9248 2.18022,0.73162 2.97325,1.04827 4.39956,1.75674 1.30236,0.64687 2.25973,1.23646 3.2893,2.02565 0.81621,0.62563 1.88734,1.66086 2.41507,2.33411 l 0.36495,0.46557 0.36649,-0.16208 c 0.49738,-0.21997 1.21136,-0.43563 1.75651,-0.53056 l 0.45167,-0.0787 -0.0177,-8.4697 -0.0177,-8.46969 -0.55765,-0.16131 C 78.72055,51.05865 76.73427,49.2471 75.88133,47.05 c -0.44204,-1.13862 -0.52901,-1.63782 -0.52226,-2.99732 0.005,-1.04305 0.0275,-1.26571 0.18625,-1.859 0.74448,-2.78212 2.82644,-4.91882 5.56344,-5.70969 l 0.55273,-0.15972 v -5.44753 c 0,-2.99613 0.0206,-6.29346 0.0456,-7.32736 l 0.0457,-1.87984 -0.41167,-0.0901 c -2.28249,-0.49986 -4.48729,-2.34183 -5.44304,-4.54728 -0.77413,-1.78635 -0.8551,-3.85177 -0.22495,-5.73809 0.62473,-1.8701 2.07621,-3.55112 3.86475,-4.47589 0.65972,-0.34112 1.67289,-0.67313 2.4156,-0.79158 0.83981,-0.13395 2.37451,-0.0553 3.21244,0.1646 2.74131,0.71942 4.92923,2.90513 5.67905,5.6733 0.16928,0.62496 0.18461,0.79147 0.18461,2.00593 0,1.21224 -0.0155,1.38169 -0.18335,2.00094 -0.72165,2.66291 -2.83978,4.84483 -5.42386,5.58722 -0.32754,0.0942 -0.73963,0.19271 -0.91574,0.21912 l -0.32021,0.048 -0.0469,2.10184 c -0.0259,1.15601 -0.0371,4.42093 -0.0253,7.25535 l 0.0218,5.15353 0.48794,0.0829 c 1.02431,0.17405 2.04486,0.57518 2.93974,1.15547 l 0.43037,0.27908 0.56192,-0.55666 c 1.23656,-1.22499 2.74152,-2.27292 4.60747,-3.20825 1.46197,-0.73284 2.50373,-1.15008 4.61928,-1.85009 2.91884,-0.96583 4.50739,-1.89426 6.12364,-3.57893 1.48901,-1.55205 2.53748,-3.64485 3.02173,-6.03146 0.0941,-0.46421 0.16441,-0.8462 0.15607,-0.84889 -0.009,-0.003 -0.3534,-0.0889 -0.76681,-0.19188 -2.28601,-0.56887 -4.22178,-2.16538 -5.24389,-4.32491 -0.47944,-1.01296 -0.66971,-1.83994 -0.70942,-3.08331 -0.0275,-0.86204 -0.01,-1.16792 0.10582,-1.74262 0.34099,-1.70783 1.10619,-3.099 2.35921,-4.28925 1.24245,-1.18021 2.93477,-1.95482 4.6494,-2.12813 l 0.47915,-0.0484 -0.0434,-10.46416 c -0.0239,-5.75527 -0.0631,-17.29821 -0.087,-25.65095 l -0.0437,-15.18678 -4.54016,4.53976 -4.54015,4.53977 -0.85284,-0.85489 -0.85283,-0.8549 6.01179,-6.01148 6.01177,-6.01149 5.95904,5.95932 5.959,5.95932 -0.83475,0.83693 c -0.45911,0.4603 -0.86651,0.83692 -0.90534,0.83692 -0.0389,0 -2.07303,-1.99966 -4.52046,-4.4437 l -4.44986,-4.4437 0.041,15.40484 c 0.0225,8.47265 0.0605,20.06949 0.0844,25.77075 l 0.0435,10.36594 0.35723,0.11833 c 2.33644,0.77398 4.27493,2.73817 5.04805,5.11496 0.36168,1.11194 0.46483,2.60645 0.26033,3.77237 -0.53348,3.04187 -2.82204,5.52722 -5.81087,6.31052 l -0.70318,0.18428 -0.0449,0.32084 c -0.0246,0.17646 -0.12258,0.69725 -0.2176,1.15731 -0.93788,4.541 -3.61138,8.05912 -7.67535,10.10018 -0.95563,0.47995 -1.62993,0.74345 -3.46446,1.35383 -3.72526,1.23949 -5.93021,2.4525 -7.85607,4.32189 l -0.60674,0.58894 0.21272,0.30918 c 0.34538,0.50197 0.80859,1.54623 1.0157,2.2898 0.18058,0.6482 0.19286,0.77866 0.19006,2.01742 -0.003,1.20906 -0.0191,1.38374 -0.18759,2.00593 -0.58302,2.15231 -2.08244,4.02465 -4.02546,5.0266 -0.6764,0.3488 -1.46026,0.62455 -2.10251,0.73963 -0.24295,0.0435 -0.51243,0.0933 -0.59884,0.11066 l -0.15712,0.0315 0.0177,8.44085 0.0177,8.44084 0.51307,0.1303 c 2.15451,0.54713 4.1678,2.24629 5.13056,4.33004 2.07558,4.49235 -0.44339,9.77589 -5.2474,11.00648 l -0.63609,0.16294 0.0443,28.04186 0.0444,28.04189 -1.5276,-0.0188 -1.5276,-0.0188 -0.042,-22.58447 c -0.0231,-12.42145 -0.0481,-23.79209 -0.0554,-25.2681 l -0.0133,-2.68364 -0.32165,0.36827 c -0.45262,0.51824 -1.54001,1.44686 -2.32101,1.98209 -1.52523,1.04526 -2.61364,1.55272 -5.12333,2.38873 -3.82872,1.27541 -6.0499,2.47483 -7.93789,4.28641 -1.93992,1.86141 -3.02718,4.0951 -3.63109,7.45976 -0.10031,0.55904 -0.58691,3.88183 -0.73492,5.01877 -0.0375,0.28753 -0.0976,0.97703 -0.13354,1.53222 -0.0694,1.07042 -0.0599,1.1133 0.24867,1.1155 0.0819,6.9e-4 0.42389,0.0807 0.75981,0.17807 4.78485,1.38659 7.12141,6.77502 4.86415,11.21744 -0.52085,1.02507 -1.39269,2.063 -2.31904,2.76084 -0.93538,0.70462 -2.32657,1.29327 -3.46021,1.46411 l -0.56387,0.085 -0.0461,2.9287 c -0.0254,1.6108 -0.0463,3.71558 -0.0464,4.67733 0,0.96174 -0.0206,2.05446 -0.0453,2.42824 l -0.045,0.67962 h -1.17036 c -0.6437,0 -1.18321,-0.0235 -1.1989,-0.0522 z m 3.36019,-13.30658 c 3.06348,-0.88776 4.72213,-4.15502 3.62936,-7.14927 -1.0954,-3.00148 -4.56737,-4.44289 -7.43934,-3.08848 -1.26157,0.59494 -2.12708,1.46234 -2.703,2.70882 -0.3618,0.78307 -0.47576,1.34072 -0.47232,2.31137 0.003,0.69976 0.0335,0.939 0.19015,1.46382 0.63327,2.12226 2.33316,3.59686 4.5357,3.93452 0.61195,0.0938 1.57882,0.0165 2.25945,-0.18078 z M 83.92071,82.00873 c 0.89048,-0.22774 1.71442,-0.70288 2.41299,-1.39152 0.70701,-0.69694 1.07927,-1.29015 1.40236,-2.2347 0.21296,-0.62255 0.22657,-0.72063 0.2274,-1.63808 9.1e-4,-1.35591 -0.25522,-2.20898 -0.96168,-3.19902 -0.87967,-1.23272 -2.23119,-2.05684 -3.73339,-2.27649 -1.09094,-0.15952 -2.1109,0.01 -3.17531,0.52529 -1.90457,0.9234 -3.04571,2.76506 -3.04571,4.91538 0,2.0608 1.07018,3.86074 2.87144,4.82946 1.21667,0.65434 2.63095,0.82032 4.0019,0.46968 z M 59.30159,49.94747 c 1.38505,-0.35486 2.54366,-1.19965 3.292,-2.40032 1.70155,-2.73002 0.7293,-6.28943 -2.12442,-7.77748 -1.36384,-0.71117 -2.91051,-0.81174 -4.40104,-0.28615 -1.64433,0.57983 -2.96237,2.02147 -3.44821,3.77157 -0.0927,0.33394 -0.12444,0.69919 -0.12378,1.42492 8.4e-4,0.91744 0.0144,1.01551 0.2274,1.63807 0.12459,0.36421 0.35134,0.87316 0.50387,1.13099 0.84247,1.42399 2.40057,2.43199 4.10694,2.65693 0.43151,0.0569 1.4453,-0.0248 1.96724,-0.15853 z m 25.07893,-0.45793 c 1.66672,-0.35061 3.10723,-1.49363 3.83059,-3.03947 0.66457,-1.42025 0.66457,-3.23516 0,-4.6554 -1.10362,-2.3585 -3.70542,-3.60329 -6.27199,-3.00074 -1.82493,0.42844 -3.27346,1.76974 -3.91421,3.62444 -0.2154,0.62349 -0.22759,0.71205 -0.2298,1.66915 -0.002,0.86899 0.0206,1.08403 0.16102,1.53351 0.60415,1.93385 2.08979,3.369 3.96459,3.8298 0.67332,0.16549 1.7747,0.18283 2.4598,0.0388 z m -0.0852,-30.25821 c 1.0998,-0.22718 1.93682,-0.68801 2.76833,-1.52412 0.62755,-0.63103 1.03605,-1.29443 1.3325,-2.16394 0.27162,-0.79672 0.3179,-2.11965 0.10381,-2.96638 -0.5158,-2.03972 -2.00785,-3.53083 -4.0497,-4.04717 -0.84132,-0.21275 -2.1582,-0.16547 -2.963,0.10638 -0.82937,0.28016 -1.52135,0.70209 -2.12536,1.29591 -1.20621,1.18586 -1.73576,2.53447 -1.65452,4.21355 0.12123,2.50594 1.85928,4.54685 4.33753,5.09333 0.58038,0.12799 1.61095,0.12452 2.25043,-0.007 z m 25.56191,-0.17194 c 1.61687,-0.50136 2.9124,-1.70486 3.51155,-3.26208 0.26663,-0.69303 0.3572,-1.20774 0.35659,-2.0269 -0.002,-2.51019 -1.62885,-4.57634 -4.18182,-5.31047 -0.18672,-0.0537 -0.70862,-0.0914 -1.28954,-0.0932 -1.11855,-0.003 -1.61506,0.1129 -2.55043,0.59787 -2.78412,1.44346 -3.77321,4.99632 -2.14453,7.70328 0.48341,0.80345 1.38501,1.62906 2.25703,2.06678 1.16554,0.58504 2.78265,0.715 4.04115,0.32477 z M 11.84988,28.40584 C 11.20361,28.31384 10.59969,28.14244 9.76067,27.81305 8.37098,27.26747 6.42409,26.90263 1.76146,26.31402 -2.39343,25.78949 -3.64359,25.58665 -5.3305,25.16333 -7.60795,24.59182 -9.11673,23.89804 -10.47306,22.79867 l -0.43748,-0.35459 0.0411,-0.62735 c 0.22854,-3.49229 0.70123,-5.9494 2.30521,-11.98315 1.16801,-4.3937 1.53526,-5.95911 1.86566,-7.95251 0.27311,-1.64775 0.32146,-2.19047 0.35084,-3.93834 0.0611,-3.63506 0.71984,-5.98004 3.36787,-11.98928 1.05093,-2.3849 1.61803,-3.77072 2.08233,-5.08863 l 0.33147,-0.94087 0.0505,-2.50938 c 0.0739,-3.66895 0.27302,-5.33358 1.38861,-11.60591 1.03683,-5.82956 1.27718,-8.00135 1.24971,-11.29223 -0.0121,-1.43998 0.007,-1.87482 0.10031,-2.29013 0.24538,-1.09233 0.28044,-2.38033 0.15358,-5.64223 -0.0939,-2.4145 -0.10286,-3.28014 -0.0434,-4.17437 0.21145,-3.17568 0.96994,-5.11984 2.64677,-6.78421 1.22522,-1.21611 1.64914,-1.39219 3.35168,-1.39219 1.36996,0 2.40691,0.23103 3.59391,0.80075 1.41377,0.67853 2.41367,1.47945 5.02391,4.02405 2.67853,2.61119 3.6224,3.29949 5.36173,3.90993 0.38136,0.13384 0.96001,0.40342 1.28587,0.59906 1.10167,0.6614 2.61328,1.15713 4.07199,1.33541 0.99132,0.12115 2.57749,0.0448 3.63528,-0.17501 2.47693,-0.51471 4.77446,-1.73682 6.72592,-3.57773 0.58918,-0.55578 1.06243,-0.87449 4.5266,-3.04835 2.12776,-1.33521 7.80523,-4.92184 12.61664,-7.97028 15.09711,-9.56537 21.62395,-13.68176 21.6505,-13.65472 0.009,0.01 0.11368,0.6746 0.23355,1.4797 0.24513,1.6463 0.4771,2.70963 0.93516,4.28686 0.29193,1.00524 0.61478,1.96601 2.48277,7.38874 1.49598,4.34277 2.0565,6.79914 2.13937,9.37534 0.0577,1.79598 -0.0807,2.91462 -0.54576,4.40992 l -0.22257,0.71554 0.20371,0.21277 c 0.35452,0.37028 1.09591,0.67612 2.43712,1.00535 1.49818,0.36776 1.97261,0.52566 2.39635,0.7976 0.71879,0.46129 1.05574,1.00287 1.10541,1.77668 0.0529,0.8242 -0.22681,1.52962 -1.09979,2.77371 -1.52307,2.17057 -4.82481,4.47664 -8.43432,5.89089 -2.14907,0.84203 -3.50557,1.24514 -8.16132,2.42529 -3.80296,0.96397 -5.39716,1.40909 -6.72072,1.8765 -0.49839,0.17601 -3.98016,1.22706 -7.73726,2.33566 -6.73685,1.98787 -11.64636,3.44659 -15.62611,4.64291 l -2.03363,0.6113 0.91594,1.08599 c 1.50515,1.78467 4.84906,5.67891 7.96538,9.27636 5.71487,6.59719 8.82092,10.26635 11.68342,13.80162 0.79158,0.97761 1.43707,1.80885 1.4344,1.84718 -0.003,0.0383 -0.58802,0.167 -1.30081,0.2859 -1.47599,0.24622 -1.73679,0.31049 -2.39951,0.59135 -0.80315,0.34036 -1.62904,0.92784 -2.38172,1.6942 -1.05763,1.07682 -1.58651,1.84474 -3.34183,4.85215 -1.1593,1.98626 -1.80249,2.95814 -2.55173,3.85576 -1.10218,1.32048 -2.38426,2.23353 -3.78276,2.69397 -0.42408,0.13964 -0.6417,0.15877 -2.02144,0.17788 -2.36423,0.0327 -4.05304,0.29978 -6.00735,0.94994 -4.87557,1.62202 -8.82653,5.29535 -11.44087,10.63695 l -0.52002,1.06249 -0.64154,0.51147 c -0.35284,0.28131 -1.26233,1.06525 -2.02109,1.74208 -3.14189,2.80265 -4.53377,3.78217 -6.25315,4.40057 -1.19576,0.43008 -2.61474,0.60788 -3.66148,0.45881 z m 2.33546,-2.58344 c 1.52736,-0.4287 2.86093,-1.3379 5.83934,-3.98109 0.79555,-0.706 1.66602,-1.46807 1.93439,-1.69349 0.45318,-0.38066 0.52591,-0.48295 1.0212,-1.43632 2.80536,-5.39989 6.6495,-9.07118 11.56802,-11.04791 2.4267,-0.97527 5.56462,-1.53486 8.34891,-1.48887 0.68862,0.0115 0.77237,-0.003 1.20281,-0.19847 0.66642,-0.30348 1.20518,-0.69537 1.81242,-1.31837 0.89907,-0.92239 1.3136,-1.53767 3.16235,-4.6937 1.53229,-2.61583 2.26582,-3.62344 3.52907,-4.8477 0.79901,-0.77436 1.81049,-1.4848 2.69342,-1.8918 l 0.5768,-0.26587 -1.86,-2.23056 c -2.14696,-2.57471 -4.76518,-5.63736 -8.90868,-10.42091 -7.14538,-8.24914 -11.17206,-13.03627 -11.03159,-13.11489 0.1328,-0.0743 12.92141,-3.90104 20.78608,-6.21981 3.83379,-1.13034 7.42534,-2.21337 7.98124,-2.40677 1.4265,-0.49629 3.22422,-1.0003 6.48257,-1.81752 4.60744,-1.15556 6.15081,-1.60777 8.14197,-2.38564 3.73528,-1.4592 6.88186,-3.78942 7.94772,-5.88573 l 0.14682,-0.28878 -0.18929,-0.0764 c -0.10413,-0.042 -0.81665,-0.23395 -1.5834,-0.42649 -1.08927,-0.27353 -1.55033,-0.42638 -2.10859,-0.69905 -1.17625,-0.57448 -1.95311,-1.41956 -2.31091,-2.51382 l -0.15027,-0.45957 0.24047,-0.5618 c 0.94469,-2.20711 0.98826,-4.86072 0.13709,-8.34749 -0.4,-1.63857 -0.89313,-3.19524 -2.15599,-6.80582 -1.26307,-3.6112 -1.81312,-5.33166 -2.192,-6.85638 -0.12384,-0.49839 -0.23464,-0.91691 -0.24621,-0.93007 -0.0298,-0.0339 -1.73352,1.03974 -16.79537,10.58324 -8.91651,5.64969 -12.60762,7.98029 -15.78821,9.96886 -1.91367,1.19646 -2.36655,1.51187 -2.91684,2.03141 -1.18526,1.11902 -2.36066,1.92506 -3.94912,2.70812 -1.20444,0.59376 -2.1581,0.94288 -3.31098,1.21212 -1.29532,0.3025 -1.78159,0.35387 -3.34586,0.35351 -1.25235,-2.9e-4 -1.6304,-0.0255 -2.30027,-0.15339 -1.46096,-0.27896 -2.87091,-0.77748 -4.0099,-1.41779 -0.34401,-0.1934 -0.92348,-0.46239 -1.28768,-0.59776 -1.25942,-0.4681 -2.60289,-1.27688 -3.83379,-2.30794 -0.3642,-0.30508 -1.43069,-1.30478 -2.36997,-2.22155 -1.96919,-1.92202 -2.52268,-2.40987 -3.33483,-2.93925 -1.16218,-0.75754 -2.14943,-1.05894 -3.46874,-1.05894 H 7.47327 l -0.37726,0.29108 c -0.78289,0.60399 -1.55932,1.77833 -1.89064,2.85957 -0.46322,1.51175 -0.53932,2.82143 -0.38937,6.70133 0.12478,3.22797 0.0929,4.54699 -0.14264,5.90138 -0.072,0.41437 -0.11183,1.30501 -0.1323,2.96246 -0.0441,3.56824 -0.1686,4.57465 -1.53102,12.37267 -0.90456,5.17732 -1.10494,7.07099 -1.08801,10.2815 l 0.0106,1.95175 -0.26009,0.83645 c -0.49693,1.59819 -1.02078,2.92022 -2.41001,6.08217 -1.48114,3.37116 -2.01876,4.74633 -2.4611,6.29515 -0.53568,1.87565 -0.74187,3.36508 -0.73275,5.29293 0.0118,2.4849 -0.51146,5.31061 -2.06816,11.16955 -1.57823,5.93998 -2.00181,7.89796 -2.29541,10.61039 -0.13033,1.20395 -0.19818,1.0498 0.65638,1.49108 1.77766,0.91795 3.96507,1.40067 9.53535,2.10423 5.22979,0.66056 7.21582,1.03983 8.8254,1.68531 0.37534,0.15053 0.8929,0.31773 1.15013,0.37157 0.61268,0.12822 1.63804,0.0794 2.31328,-0.11011 z"
-       id="path47426" />
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="672.454" height="1018.7" viewBox="0 0 177.92 269.531" xmlns:v="https://vecta.io/nano"><defs><linearGradient id="A" x1="-56.981" y1="51.242" x2="120.939" y2="51.242" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00b199"/><stop offset="1" stop-color="#6db981"/></linearGradient></defs><path d="M80.964 183.951v-2.056h1.488 1.488l.046.847.046 2.056v1.209h-1.534-1.534zm-102.709.089l-.025-1.518.023-.592 1.202-.019 1.202-.019.011 1.431.017 1.518c.005.066-.284.092-1.188.106l-1.195.019zm79.055.876c-.059-.06-.06-1.315-.001-2.279l.045-.744 1.192.019c1.084.017 1.191.03 1.186.141l-.017 1.516-.012 1.394h-1.173c-.645 0-1.194-.021-1.22-.047zm-51.489-1.731v-1.29h1.534 1.534v1.29 1.29H7.356 5.822zm-27.557-9.282c-.026-.026-.046-1.123-.046-2.44v-2.393h1.22 1.22v2.44 2.44h-1.173c-.645 0-1.194-.021-1.22-.046zm27.557-2.393v-2.442l1.516.019 1.516.019v2.405 2.405l-1.516.019-1.516.019zm51.512.002v-2.441h1.221 1.221l-.018 2.422-.018 2.422-1.202.019-1.202.019zm23.607 2.392c-.026-.026-.046-1.123-.046-2.44v-2.393h1.534 1.534v2.44 2.44h-1.487c-.818 0-1.508-.021-1.534-.046zm-102.746-14.087l-.046-2.893v-1.586h1.209 1.209l.039 2.84.006 2.893c-.018.029-.559.052-1.202.052h-1.17l-.046-1.307zm27.589 1.22c-.019-.048-.025-1.342-.015-2.875l.018-2.788 1.516-.019 1.516-.019v2.894 2.894H7.319c-1.137 0-1.509-.021-1.534-.087zm51.587.022c-.022-.036-.019-1.338.007-2.894l.048-2.829 1.191.019 1.191.019.023.488c.013.268.001 1.562-.026 2.875l-.049 2.387h-1.173c-.656 0-1.191-.029-1.213-.065zm23.523-2.827v-2.893h1.534 1.534v2.893 2.893h-1.534-1.534zm-102.769-9.637l-.046-4.252v-1.899h1.22 1.22v2.004l.046 4.252.046 2.248h-1.22-1.22l-.046-2.353zm27.627-1.899v-4.252h1.534H8.82v4.252 4.252H7.286 5.753zm51.675 1.731l.046-4.252v-1.731h1.22 1.22v1.586l-.046 4.252-.046 2.666h-1.22-1.22l.046-2.521zm23.467-1.731v-4.252h1.534 1.534v4.252 4.252h-1.534-1.534zm-102.839-6.533c-.024-.26-.045-1.303-.045-2.319l-.047-4.813-.046-2.966-.529-.12c-2.346-.532-4.433-2.293-5.417-4.57-1.3-3.007-.595-6.528 1.761-8.794.972-.935 2.134-1.624 3.268-1.937l.486-.134-.02-.724c-.027-.974-.13-2.131-.292-3.268l-.281-2.405c-.501-4.975-1.169-6.931-2.978-8.723-1.822-1.805-4.556-2.782-8.941-3.197-3.542-.335-6.005-1.367-7.982-3.345-1.858-1.858-2.94-4.219-3.394-7.406l-.151-1.062-.458-.149a8.07 8.07 0 0 1-4.887-4.614c-.417-1.08-.514-1.637-.512-2.942.002-1.057.022-1.259.186-1.869a7.92 7.92 0 0 1 1.573-3.123c.993-1.244 2.508-2.225 4.054-2.627l.522-.136.018-8.438-.105-8.472a5.28 5.28 0 0 0-.471-.081c-.472-.064-1.579-.423-2.091-.678-2.314-1.153-3.953-3.372-4.361-5.902-.103-.641-.087-2.047.031-2.663.483-2.527 2.127-4.643 4.468-5.752.648-.307 1.816-.654 2.201-.654.108 0 .217-.034.243-.076s.024-5.19-.004-11.44l-.052-11.363-4.54 4.54-4.54 4.54-.853-.855-.853-.855 6.011-6.012 6.011-6.012 5.943 5.942 5.943 5.942-.853.855-.853.855-4.486-4.479-4.486-4.479.048 11.466.066 11.485c.01.011.202.067.428.125 1.295.337 2.453 1.008 3.481 2.017.991.974 1.592 1.922 2.012 3.177 1.396 4.17-1.052 8.841-5.272 10.059l-.576.166-.018 8.47-.018 8.47.46.08c.545.095 1.494.386 1.853.568l.256.13.368-.469c.913-1.165 2.572-2.573 4.139-3.514 1.682-1.009 3.151-1.654 5.845-2.563 1.027-.347 2.218-.798 2.647-1.002 3.185-1.517 5.256-3.837 6.322-7.083.253-.771.557-2.053.556-2.35 0-.105-.123-.157-.68-.287-2.73-.635-5.038-2.878-5.767-5.605a7.86 7.86 0 0 1 2.182-7.809c1.129-1.079 2.477-1.777 4.021-2.085.707-.141 2.296-.124 3.032.032 5.511 1.167 8.101 7.464 5.006 12.174-.405.616-1.424 1.658-2.032 2.077-.883.608-1.936 1.075-2.864 1.267-.311.064-.395.111-.42.233a51.14 51.14 0 0 0-.148.849c-.717 4.253-3.126 7.862-6.668 9.989-1.308.786-2.221 1.182-4.381 1.898-1.922.637-2.536.882-3.933 1.568-1.295.636-2.189 1.188-3.102 1.915-.604.481-1.76 1.63-1.983 1.97l-.123.188.362.397c1.346 1.473 2.038 3.3 2.029 5.355a7.83 7.83 0 0 1-1.686 4.888c-.615.798-1.704 1.68-2.677 2.168-.845.425-2.129.785-2.796.785-.22 0-.236.016-.236.227a6.54 6.54 0 0 0 .098.784c.697 3.951 2.683 6.467 5.966 7.556.94.312 1.784.47 3.381.632 3.338.338 5.61.929 7.557 1.964 2.147 1.142 3.632 2.645 4.64 4.695.449.913.932 2.299 1.087 3.114.086.454.204.697.204.421 0-.084.142-.584.315-1.112 1.676-5.093 5.769-7.724 12.719-8.174.633-.041 1.514-.12 1.958-.176 4.913-.614 8.499-3.524 10.477-8.504.436-1.097.526-1.427.39-1.427-.049 0-.374-.144-.723-.319-2.261-1.138-3.831-3.262-4.27-5.779-.159-.913-.097-2.352.142-3.269.738-2.836 2.972-5.026 5.874-5.757l.289-.073-.029-7.336-.07-8.461-.04-1.126-.394-.049a8.96 8.96 0 0 1-2.136-.68c-2.522-1.264-4.139-3.595-4.432-6.387-.241-2.305.618-4.672 2.305-6.352.985-.981 2.242-1.704 3.606-2.074.627-.17.787-.185 2.006-.183 1.138.002 1.401.023 1.871.153 2.36.65 4.173 2.12 5.201 4.215 1.655 3.373.762 7.349-2.18 9.706-.693.555-1.978 1.214-2.78 1.426l-.579.153.017 5.1.06 8.457.043 3.357.32.048a9.92 9.92 0 0 1 1.873.556l.362.165.295-.395c.467-.625 1.771-1.881 2.583-2.488 2.063-1.541 4.152-2.564 7.525-3.684 1.683-.559 2.449-.866 3.267-1.313 2.513-1.372 4.278-3.323 5.33-5.895.32-.783.75-2.315.835-2.978l.045-.349-.759-.183c-2.872-.694-5.169-3.064-5.8-5.986-.574-2.656.218-5.355 2.136-7.276 2.136-2.14 5.268-2.881 8.127-1.923 3.516 1.178 5.781 4.712 5.357 8.36-.259 2.226-1.384 4.192-3.16 5.518-.883.66-1.824 1.083-3.187 1.433-.187.048-.248.103-.263.235-.011.095-.101.595-.201 1.113-.968 5.019-4.034 8.775-8.807 10.79a33.55 33.55 0 0 1-1.987.713c-3.678 1.203-6.111 2.477-7.912 4.145-.52.482-1.394 1.436-1.394 1.523 0 .032.18.259.401.503.783.868 1.422 2.077 1.774 3.354.129.469.151.733.152 1.87.002 1.219-.013 1.379-.183 2.006a9.46 9.46 0 0 1-1.146 2.507c-.738 1.11-2.097 2.231-3.368 2.779-.552.238-1.429.502-1.871.562l-.164.022.006 16.625.053 27.795.046 11.17H7.309 5.776l-.046-10.926-.051-25.773-.071-14.743-.472.759a13.94 13.94 0 0 1-2.032 2.61C1.793 93.913.616 94.775-.949 95.526c-2.004.961-3.716 1.369-6.592 1.571-2.365.167-3.855.426-5.275.92-1.527.531-2.599 1.175-3.569 2.143-1.243 1.242-1.948 2.632-2.422 4.78-.249 1.128-.377 2.23-.534 4.599-.145 2.195-.173 2.519-.29 3.364-.074.538-.076.54-.285.54-.204 0-.209.007-.167.261a3.46 3.46 0 0 1 .044.445c.001.166.033.188.332.231 1.748.248 3.312 1.027 4.551 2.266 2.706 2.706 3.101 6.902.949 10.075-.465.685-1.411 1.612-2.146 2.101-.961.64-1.818.986-3.085 1.246l-.202.041.045 3.638.061 5.242.016 1.603-1.191.019-1.191.019zm2.196-12.525c2.418-.465 4.107-2.281 4.45-4.782.309-2.254-1.072-4.683-3.194-5.624-1.435-.636-3.18-.616-4.605.051-2.678 1.253-3.882 4.521-2.658 7.219a5.71 5.71 0 0 0 2.746 2.747c1.001.454 2.188.595 3.262.389zM8.309 82.629c1.285-.176 2.238-.661 3.201-1.628.532-.534.687-.744.959-1.297.438-.89.602-1.572.602-2.5-.002-2.515-1.594-4.625-4.011-5.316-.449-.128-.725-.158-1.46-.157-1.076.002-1.527.104-2.44.555-1.801.89-2.921 2.611-3.013 4.632-.077 1.693.405 2.929 1.619 4.15.505.508.749.694 1.255.952 1.15.589 2.12.768 3.289.608zm-51.302-.662c1.864-.538 3.298-2.015 3.789-3.902.198-.763.199-1.946.001-2.706-1.054-4.047-6.01-5.507-9.05-2.665-2.241 2.096-2.361 5.526-.27 7.761 1.414 1.511 3.529 2.09 5.53 1.512zm76.552-31.541a6.45 6.45 0 0 0 1.089-.414c2.825-1.417 3.858-4.957 2.247-7.702-.367-.626-1.274-1.533-1.901-1.902-2.774-1.63-6.287-.596-7.733 2.276-.402.798-.546 1.434-.55 2.414-.003 1.01.118 1.551.547 2.44 1.129 2.34 3.732 3.533 6.301 2.888zm-52.096-.488a5.49 5.49 0 0 0 4.055-5.631c-.257-3.969-4.484-6.368-7.995-4.537a5.47 5.47 0 0 0-2.799 3.516 6.12 6.12 0 0 0 .001 2.71c.677 2.553 2.993 4.256 5.596 4.115.333-.018.846-.096 1.141-.173zm26.973-.065c1.515-.483 2.718-1.509 3.377-2.881.42-.874.52-1.332.52-2.382 0-1.069-.1-1.513-.549-2.44a5.36 5.36 0 0 0-2.528-2.512c-.742-.356-1.205-.463-2.184-.501-1.079-.042-1.721.096-2.71.583-.552.272-.763.428-1.297.959-.979.975-1.454 1.918-1.634 3.247-.37 2.726 1.525 5.402 4.27 6.031.66.151 2.107.096 2.736-.104zm-52.565-.384c2.031-.419 3.651-1.964 4.205-4.007.192-.71.172-2.175-.04-2.858-.751-2.419-2.816-3.974-5.273-3.971-1.464.002-2.649.455-3.704 1.418-1.767 1.613-2.288 4.218-1.277 6.38a5.57 5.57 0 0 0 3.779 3.035c.592.13 1.692.132 2.31.004zm101.652 91.088c-.016-.029-.001-2.154.033-4.723l.042-5.395-.019-.725-.486-.133c-.647-.177-1.495-.581-2.154-1.025-3.257-2.198-4.417-6.428-2.729-9.954.41-.856.789-1.405 1.426-2.066 1.128-1.171 2.391-1.907 3.856-2.247l.531-.124.037-.492.11-1.433c.096-1.244.79-5.981 1.058-7.214 1.013-4.667 3.354-7.828 7.616-10.282 1.465-.843 3.107-1.541 5.373-2.282 3.029-.991 4.478-1.805 6.102-3.43.95-.95 1.543-1.756 2.1-2.848.318-.624.337-.694.337-1.206v-.544l-.505-.149c-2.182-.643-4.102-2.354-5.013-4.468-1.217-2.822-.657-6.222 1.388-8.431l.382-.412-.122-.187c-.203-.309-1.288-1.405-1.834-1.853-1.732-1.419-4.295-2.699-7.288-3.642-3.069-.966-5.196-2.184-7.016-4.014-2.039-2.052-3.441-4.849-3.94-7.861l-.14-.823c-.023-.122-.107-.168-.43-.235-.846-.175-1.963-.66-2.771-1.203-.544-.366-1.489-1.285-1.923-1.87a8.77 8.77 0 0 1-1.147-2.244c-1.505-4.761 1.651-9.671 6.618-10.296 4.389-.552 8.435 2.743 8.821 7.184.317 3.655-1.946 7.084-5.427 8.222-.335.109-.756.221-.935.248-.398.06-.401.082-.151 1.183.903 3.983 3.118 6.757 6.771 8.481.407.192 1.512.608 2.456.925 2.18.732 2.973 1.048 4.4 1.757 1.302.647 2.26 1.236 3.289 2.026.816.626 1.887 1.661 2.415 2.334l.365.466.366-.162a8.43 8.43 0 0 1 1.757-.531l.452-.079-.018-8.47-.018-8.47-.558-.161c-2.279-.659-4.265-2.471-5.118-4.668-.442-1.139-.529-1.638-.522-2.997.005-1.043.028-1.266.186-1.859.744-2.782 2.826-4.919 5.563-5.71l.553-.16v-5.448l.046-7.327.046-1.88-.412-.09c-2.282-.5-4.487-2.342-5.443-4.547-.774-1.786-.855-3.852-.225-5.738.625-1.87 2.076-3.551 3.865-4.476a9.12 9.12 0 0 1 2.416-.792c.84-.134 2.375-.055 3.212.165 2.741.719 4.929 2.905 5.679 5.673.169.625.185.791.185 2.006s-.016 1.382-.183 2.001c-.722 2.663-2.84 4.845-5.424 5.587-.328.094-.74.193-.916.219l-.32.048-.047 2.102c-.026 1.156-.037 4.421-.025 7.255l.022 5.154.488.083c1.024.174 2.045.575 2.94 1.155l.43.279.562-.557c1.237-1.225 2.742-2.273 4.607-3.208 1.462-.733 2.504-1.15 4.619-1.85 2.919-.966 4.507-1.894 6.124-3.579 1.489-1.552 2.537-3.645 3.022-6.031.094-.464.164-.846.156-.849a148.96 148.96 0 0 0-.767-.192c-2.286-.569-4.222-2.165-5.244-4.325-.479-1.013-.67-1.84-.709-3.083-.028-.862-.01-1.168.106-1.743a7.81 7.81 0 0 1 2.359-4.289c1.242-1.18 2.935-1.955 4.649-2.128l.479-.048-.043-10.464-.087-25.651-.044-15.187-4.54 4.54-4.54 4.54-.853-.855-.853-.855 6.012-6.011 6.012-6.011 5.959 5.959 5.959 5.959-.835.837c-.459.46-.867.837-.905.837s-2.073-2-4.52-4.444l-4.45-4.444.041 15.405.084 25.771.043 10.366.357.118c2.336.774 4.275 2.738 5.048 5.115.362 1.112.465 2.606.26 3.772a7.98 7.98 0 0 1-5.811 6.311l-.703.184-.045.321c-.025.176-.123.697-.218 1.157-.938 4.541-3.611 8.059-7.675 10.1-.956.48-1.63.743-3.464 1.354-3.725 1.239-5.93 2.453-7.856 4.322l-.607.589.213.309c.345.502.809 1.546 1.016 2.29.181.648.193.779.19 2.017-.003 1.209-.019 1.384-.188 2.006-.583 2.152-2.082 4.025-4.025 5.027-.676.349-1.46.625-2.103.74l-.599.111-.157.032.018 8.441.018 8.441.513.13c2.155.547 4.168 2.246 5.131 4.33 2.076 4.492-.443 9.776-5.247 11.006l-.636.163.044 28.042.044 28.042-1.528-.019-1.528-.019-.042-22.584-.055-25.268-.013-2.684-.322.368c-.453.518-1.54 1.447-2.321 1.982-1.525 1.045-2.614 1.553-5.123 2.389-3.829 1.275-6.05 2.475-7.938 4.286-1.94 1.861-3.027 4.095-3.631 7.46-.1.559-.587 3.882-.735 5.019a31.27 31.27 0 0 0-.134 1.532c-.069 1.07-.06 1.113.249 1.115.082.001.424.081.76.178 4.785 1.387 7.121 6.775 4.864 11.217-.521 1.025-1.393 2.063-2.319 2.761-.935.705-2.327 1.293-3.46 1.464l-.564.085-.046 2.929-.046 4.677c0 .962-.021 2.054-.045 2.428l-.045.68h-1.17c-.644 0-1.183-.024-1.199-.052zm3.36-13.307c3.063-.888 4.722-4.155 3.629-7.149-1.095-3.001-4.567-4.443-7.439-3.088-1.262.595-2.127 1.462-2.703 2.709-.362.783-.476 1.341-.472 2.311.003.7.033.939.19 1.464a5.5 5.5 0 0 0 4.536 3.935c.612.094 1.579.016 2.259-.181zm23.037-45.262c.89-.228 1.714-.703 2.413-1.392a5.16 5.16 0 0 0 1.402-2.235c.213-.623.227-.721.227-1.638.001-1.356-.255-2.209-.962-3.199-.88-1.233-2.231-2.057-3.733-2.276-1.091-.16-2.111.01-3.175.525-1.905.923-3.046 2.765-3.046 4.915 0 2.061 1.07 3.861 2.871 4.829 1.217.654 2.631.82 4.002.47zM59.302 49.947c1.385-.355 2.544-1.2 3.292-2.4 1.702-2.73.729-6.289-2.124-7.777-1.364-.711-2.911-.812-4.401-.286-1.644.58-2.962 2.021-3.448 3.772-.093.334-.124.699-.124 1.425.001.917.014 1.016.227 1.638a7.42 7.42 0 0 0 .504 1.131c.842 1.424 2.401 2.432 4.107 2.657.432.057 1.445-.025 1.967-.159zm25.079-.458a5.52 5.52 0 0 0 3.831-3.039c.665-1.42.665-3.235 0-4.655-1.104-2.358-3.705-3.603-6.272-3.001-1.825.428-3.273 1.77-3.914 3.624-.215.623-.228.712-.23 1.669-.002.869.021 1.084.161 1.534.604 1.934 2.09 3.369 3.965 3.83.673.165 1.775.183 2.46.039zm-.085-30.258c1.1-.227 1.937-.688 2.768-1.524.628-.631 1.036-1.294 1.332-2.164.272-.797.318-2.12.104-2.966a5.47 5.47 0 0 0-4.05-4.047 6.13 6.13 0 0 0-2.963.106c-.829.28-1.521.702-2.125 1.296-1.206 1.186-1.736 2.534-1.655 4.214.121 2.506 1.859 4.547 4.338 5.093a6.56 6.56 0 0 0 2.25-.007zm25.562-.172c1.617-.501 2.912-1.705 3.512-3.262a5 5 0 0 0 .357-2.027c-.002-2.51-1.629-4.576-4.182-5.31-.187-.054-.709-.091-1.29-.093-1.119-.003-1.615.113-2.55.598-2.784 1.443-3.773 4.996-2.145 7.703.483.803 1.385 1.629 2.257 2.067a5.78 5.78 0 0 0 4.041.325zM11.85 28.406c-.646-.092-1.25-.263-2.089-.593-1.39-.546-3.337-.91-7.999-1.499-4.155-.525-5.405-.727-7.092-1.151-2.277-.572-3.786-1.265-5.143-2.365l-.437-.355.041-.627c.229-3.492.701-5.949 2.305-11.983 1.168-4.394 1.535-5.959 1.866-7.953.273-1.648.321-2.19.351-3.938.061-3.635.72-5.98 3.368-11.989 1.051-2.385 1.618-3.771 2.082-5.089l.331-.941.05-2.509c.074-3.669.273-5.334 1.389-11.606 1.037-5.83 1.277-8.001 1.25-11.292-.012-1.44.007-1.875.1-2.29.245-1.092.28-2.38.154-5.642-.094-2.414-.103-3.28-.043-4.174.211-3.176.97-5.12 2.647-6.784 1.225-1.216 1.649-1.392 3.352-1.392 1.37 0 2.407.231 3.594.801 1.414.679 2.414 1.479 5.024 4.024 2.679 2.611 3.622 3.299 5.362 3.91.381.134.96.403 1.286.599 1.102.661 2.613 1.157 4.072 1.335a13.15 13.15 0 0 0 3.635-.175c2.477-.515 4.774-1.737 6.726-3.578.589-.556 1.062-.874 4.527-3.048l12.617-7.97 21.65-13.655a43.42 43.42 0 0 1 .234 1.48c.245 1.646.477 2.71.935 4.287.292 1.005.615 1.966 2.483 7.389 1.496 4.343 2.057 6.799 2.139 9.375.058 1.796-.081 2.915-.546 4.41l-.223.716.204.213c.355.37 1.096.676 2.437 1.005 1.498.368 1.973.526 2.396.798.719.461 1.056 1.003 1.105 1.777.053.824-.227 1.53-1.1 2.774-1.523 2.171-4.825 4.477-8.434 5.891-2.149.842-3.506 1.245-8.161 2.425-3.803.964-5.397 1.409-6.721 1.877-.498.176-3.98 1.227-7.737 2.336L40.21-32.13l-2.034.611.916 1.086 7.965 9.276L58.741-7.355c.792.978 1.437 1.809 1.434 1.847s-.588.167-1.301.286c-1.476.246-1.737.31-2.4.591-.803.34-1.629.928-2.382 1.694-1.058 1.077-1.587 1.845-3.342 4.852-1.159 1.986-1.802 2.958-2.552 3.856-1.102 1.32-2.384 2.234-3.783 2.694-.424.14-.642.159-2.021.178-2.364.033-4.053.3-6.007.95-4.876 1.622-8.827 5.295-11.441 10.637l-.52 1.062-.642.511c-.353.281-1.262 1.065-2.021 1.742-3.142 2.803-4.534 3.782-6.253 4.401-1.196.43-2.615.608-3.661.459zm2.335-2.583c1.527-.429 2.861-1.338 5.839-3.981l1.934-1.693c.453-.381.526-.483 1.021-1.436 2.805-5.4 6.65-9.071 11.568-11.048 2.427-.975 5.565-1.535 8.349-1.489.689.011.772-.003 1.203-.198.666-.303 1.205-.695 1.812-1.318.899-.922 1.314-1.538 3.162-4.694 1.532-2.616 2.266-3.623 3.529-4.848.799-.774 1.81-1.485 2.693-1.892l.577-.266-1.86-2.231-8.909-10.421c-7.145-8.249-11.172-13.036-11.032-13.115.133-.074 12.921-3.901 20.786-6.22l7.981-2.407c1.426-.496 3.224-1 6.483-1.818 4.607-1.156 6.151-1.608 8.142-2.386 3.735-1.459 6.882-3.789 7.948-5.886l.147-.289-.189-.076c-.104-.042-.817-.234-1.583-.426-1.089-.274-1.55-.426-2.109-.699-1.176-.574-1.953-1.42-2.311-2.514l-.15-.46.24-.562c.945-2.207.988-4.861.137-8.347-.4-1.639-.893-3.195-2.156-6.806s-1.813-5.332-2.192-6.856c-.124-.498-.235-.917-.246-.93-.03-.034-1.734 1.04-16.795 10.583l-15.788 9.969c-1.914 1.196-2.367 1.512-2.917 2.031-1.185 1.119-2.361 1.925-3.949 2.708-1.204.594-2.158.943-3.311 1.212-1.295.303-1.782.354-3.346.354-1.252 0-1.63-.026-2.3-.153-1.461-.279-2.871-.777-4.01-1.418a11 11 0 0 0-1.288-.598c-1.259-.468-2.603-1.277-3.834-2.308-.364-.305-1.431-1.305-2.37-2.222-1.969-1.922-2.523-2.41-3.335-2.939-1.162-.758-2.149-1.059-3.469-1.059h-.816l-.377.291c-.783.604-1.559 1.778-1.891 2.86-.463 1.512-.539 2.821-.389 6.701.125 3.228.093 4.547-.143 5.901-.072.414-.112 1.305-.132 2.962-.044 3.568-.169 4.575-1.531 12.373-.905 5.177-1.105 7.071-1.088 10.282l.011 1.952-.26.836c-.497 1.598-1.021 2.92-2.41 6.082-1.481 3.371-2.019 4.746-2.461 6.295-.536 1.876-.742 3.365-.733 5.293.012 2.485-.511 5.311-2.068 11.17-1.578 5.94-2.002 7.898-2.295 10.61-.13 1.204-.198 1.05.656 1.491 1.778.918 3.965 1.401 9.535 2.104 5.23.661 7.216 1.04 8.825 1.685.375.151.893.318 1.15.372.613.128 1.638.079 2.313-.11z" fill="url(#A)" transform="translate(56.981 83.524)"/></svg>
\ No newline at end of file

From f584cf376a76eb2c9ec72168f5b062aa7d397127 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:29:47 +0300
Subject: [PATCH 02/27] refactor(charts): remove x-axis padding and margin

---
 components/AreaChart.vue | 2 +-
 components/BarChart.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/AreaChart.vue b/components/AreaChart.vue
index dae559e..72da57a 100644
--- a/components/AreaChart.vue
+++ b/components/AreaChart.vue
@@ -25,7 +25,7 @@ export default {
 
 <style lang="postcss">
 .chart-section-container {
-  @apply m-auto w-11/12 bg-white py-0 px-0 md:px-7 md:py-10;
+  @apply bg-white py-0 md:py-10;
 }
 
 .tooltip {
diff --git a/components/BarChart.vue b/components/BarChart.vue
index 892b0bd..05074bd 100644
--- a/components/BarChart.vue
+++ b/components/BarChart.vue
@@ -25,7 +25,7 @@ export default {
 
 <style lang="postcss">
 .bar-chart-section-container {
-  @apply m-auto w-11/12 bg-white py-0 px-0 md:px-7 md:py-10;
+  @apply bg-white py-0 md:py-10;
 }
 
 .bar-tooltip {

From 503d2f1ac59db99a7aae1579e6cd2555caf4a971 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:30:33 +0300
Subject: [PATCH 03/27] refactor(components): remove x-axis margin and padding
 from the card

---
 components/Card.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Card.vue b/components/Card.vue
index a50c3a7..61d0cce 100644
--- a/components/Card.vue
+++ b/components/Card.vue
@@ -18,7 +18,7 @@
 
 <script>
 export default {
-  name: 'Card',
+  name: 'StatCard',
   props: {
     count: { type: Number, required: true },
     description: { type: String, required: true },
@@ -55,7 +55,7 @@ export default {
 }
 
 .card-container {
-  @apply bg-white shadow my-5 mx-3 lg:w-2/4 lg:mx-5;
+  @apply bg-white shadow my-5 lg:w-2/4;
 }
 
 .content-container {

From de07e6019f878ac065f2bef5a9d99e32356f79a7 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:32:00 +0300
Subject: [PATCH 04/27] refactor(components): add a name prop to the charts
 period drop down

---
 components/ChartsPeriodDropdown.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/components/ChartsPeriodDropdown.vue b/components/ChartsPeriodDropdown.vue
index 7dea671..efe3ee4 100644
--- a/components/ChartsPeriodDropdown.vue
+++ b/components/ChartsPeriodDropdown.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <select id="period" name="period" @change="onChange">
+    <select :id="name" :name="name" @change="onChange">
       <option value="last_year">Last Year</option>
       <option value="this_year">This Year</option>
       <option value="last_month">Last Month</option>
@@ -20,6 +20,9 @@
 <script>
 export default {
   name: 'PeriodDropdown',
+  props: {
+    name: { type: String, default: 'period' },
+  },
   data() {
     return {
       todayDate: new Date().toLocaleString('en-GB', {
@@ -31,13 +34,13 @@ export default {
         {
           day: 'numeric',
           month: 'long',
-        }
+        },
       ),
       firstDayOfTheLastMonth: 0,
       lastDayOfTheLastMonth: new Date(
         new Date().getFullYear(),
         new Date().getMonth(),
-        0
+        0,
       ).toLocaleString('en-GB', {
         day: 'numeric',
         month: 'long',
@@ -45,7 +48,7 @@ export default {
       endOfTheYear: new Date(
         new Date().getFullYear() - 1,
         11,
-        31
+        31,
       ).toLocaleString('en-GB', {
         day: 'numeric',
         month: 'long',

From 0f84c90d951eabd05cf97177912f8530b683b252 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:32:45 +0300
Subject: [PATCH 05/27] refactor(components): remove x-axis padding and margins
 from contributors

---
 components/Contributors.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/Contributors.vue b/components/Contributors.vue
index 62b5249..2d60611 100644
--- a/components/Contributors.vue
+++ b/components/Contributors.vue
@@ -2,10 +2,10 @@
   <div class="section-container">
     <div class="content-conatiner">
       <div class="text-section has-border">
-        <h1 class="hidden head-text md:block">Rank</h1>
-        <h1 class="head-text px-0 lg:px-7">User</h1>
+        <h3 class="hidden head-text md:block">Rank</h3>
+        <h3 class="head-text">User</h3>
         <div class="flex justify-end w-full">
-          <h1 class="head-text">Total</h1>
+          <h3 class="head-text">Total</h3>
         </div>
       </div>
       <div>
@@ -81,11 +81,11 @@ export default {
 }
 
 .section-container {
-  @apply block w-11/12 mx-auto lg:mx-0 bg-gray;
+  @apply block bg-gray;
 }
 
 .content-conatiner {
-  @apply mx-3 lg:mx-0 bg-white;
+  @apply bg-white;
 }
 
 .has-border {

From a79d52375b90db9a8d06f31dff16e709ecb82de1 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:33:48 +0300
Subject: [PATCH 06/27] refactor(components): change the filter section styles

---
 components/FilterSection.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/FilterSection.vue b/components/FilterSection.vue
index 077fc84..2d39e1b 100644
--- a/components/FilterSection.vue
+++ b/components/FilterSection.vue
@@ -6,7 +6,7 @@
           isOpen ? 'filter-section has-border' : 'filter-section lg:has-border'
         "
       >
-        <h1 class="filter-text">Filter</h1>
+        <h3 class="filter-text">Filter</h3>
         <button
           :class="isOpen ? 'expand-button' : 'expand-button-collapsed'"
           aria-label="Expand Filter Section"
@@ -50,12 +50,11 @@ export default {
 
 <style lang="postcss" scoped>
 .section-container {
-  @apply block w-11/12 lg:w-1/3 mx-auto lg:mx-0 lg:mr-5 lg:bg-lightgrey;
+  @apply block lg:w-[28%] lg:bg-lightgrey;
 }
 
 .content-conatiner {
   background-color: #f4f4f5;
-  @apply mx-3 lg:mx-0;
 }
 
 .filter-section {
@@ -73,7 +72,7 @@ export default {
 }
 
 .sort-section {
-  @apply mx-6 pt-6 pb-4;
+  @apply pt-6 pb-4;
 }
 
 .contributions-radio {

From 4b567a39c342e1bd9e694800c110339002646232 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:34:36 +0300
Subject: [PATCH 07/27] refactor(components): change the hero css styles

---
 components/Hero.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Hero.vue b/components/Hero.vue
index ccb2ea4..573c3ea 100644
--- a/components/Hero.vue
+++ b/components/Hero.vue
@@ -13,7 +13,7 @@
 
 <script>
 export default {
-  name: 'Hero',
+  name: 'HeroBanner',
   props: {
     title: {
       type: String,
@@ -33,7 +33,7 @@ export default {
 }
 
 .banner {
-  @apply flex flex-col mx-9 md:h-96 md:flex-row;
+  @apply flex flex-col px-8 md:px-14 lg:px-24 md:h-96 md:flex-row;
 }
 
 .content-container {
@@ -42,6 +42,6 @@ export default {
 
 .content-header {
   font-family: 'IBM Mono';
-  @apply text-4xl md:text-4xl  lg:text-5xl tracking-wide font-normal md:mx-3 lg:mx-16;
+  @apply text-4xl md:text-4xl  lg:text-5xl tracking-wide font-normal;
 }
 </style>

From b00835fa90e8800c240c84d6e8b6f8198b22e329 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:35:23 +0300
Subject: [PATCH 08/27] refactor(components): change the css for the home page
 banner

---
 components/HomePageHero.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/HomePageHero.vue b/components/HomePageHero.vue
index 7dc10a3..f40b85f 100644
--- a/components/HomePageHero.vue
+++ b/components/HomePageHero.vue
@@ -29,7 +29,7 @@
 
 <script>
 export default {
-  name: 'Hero',
+  name: 'HomeHeroBanner',
 }
 </script>
 
@@ -43,7 +43,7 @@ export default {
 }
 
 .banner {
-  @apply flex flex-col mx-9 h-auto md:flex-row;
+  @apply flex flex-col px-8 md:px-14 lg:px-24 h-auto md:flex-row;
 }
 
 .content-container {
@@ -52,15 +52,15 @@ export default {
 
 .content-header {
   font-family: 'IBM Mono';
-  @apply text-4xl md:text-4xl  lg:text-5xl tracking-wide font-normal md:mx-3 lg:mx-16;
+  @apply text-4xl md:text-4xl  lg:text-5xl tracking-wide font-normal;
 }
 
 .para-section {
   font-family: 'IBM Sans';
-  @apply w-11/12 pt-7 text-xl lg:text-2xl font-normal md:mx-3 lg:mx-16 lg:w-9/12;
+  @apply w-11/12 pt-7 text-xl lg:text-2xl font-normal lg:w-9/12;
 }
 
 .section-image {
-  @apply my-8 place-self-end w-8/12 md:w-5/12 lg:w-80 lg:mt-14 2xl:w-96 lg:mr-12;
+  @apply my-8 place-self-end w-8/12 md:w-5/12 lg:w-80  2xl:w-96;
 }
 </style>

From 223ba0fd7d1f56bcd830edf06756896811cb62dd Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:36:12 +0300
Subject: [PATCH 09/27] refactor(components): change css for the inputs section

---
 components/InputsSection.vue | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/components/InputsSection.vue b/components/InputsSection.vue
index 0cfdef2..21d944a 100644
--- a/components/InputsSection.vue
+++ b/components/InputsSection.vue
@@ -4,14 +4,14 @@
       <SearchInput placeholder="Search Users..." @on-search="onSearch" />
     </div>
     <div class="sort-section">
-      <h6 class="text-xs font-bold pb-2">Period:</h6>
-      <div class="flex lg:flex-col gap-1">
-        <PeriodDropdown />
+      <label for="period" class="text-xs font-bold">Period:</label>
+      <div class="flex lg:flex-col gap-1 pt-1">
+        <PeriodDropdown name="period" />
       </div>
     </div>
     <div class="sort-section has-border">
-      <h6 class="text-xs font-bold pb-2">Sort by:</h6>
-      <div class="flex lg:flex-col gap-1">
+      <span class="text-xs font-bold">Sort by:</span>
+      <div class="flex lg:flex-col gap-1 pt-1">
         <RadioButton
           class="lg:pb-1"
           :input-id="`score`"
@@ -34,8 +34,8 @@
       </div>
     </div>
     <div class="sort-section has-border">
-      <h6 class="text-xs font-bold pb-2">Show:</h6>
-      <div class="flex lg:flex-col gap-1">
+      <span class="text-xs font-bold">Show:</span>
+      <div class="flex lg:flex-col gap-1 pt-1">
         <RadioButton
           class="lg:pb-1"
           :input-id="`all`"
@@ -58,8 +58,8 @@
       </div>
     </div>
     <div class="sort-section">
-      <h6 class="text-xs font-bold pb-2">Count:</h6>
-      <div class="flex lg:flex-col justify-between gap-1">
+      <span class="text-xs font-bold">Count:</span>
+      <div class="flex lg:flex-col gap-3 pt-1">
         <div class="flex">
           <RadioButton
             class="lg:pb-1"

From 96438bc1b78092b588c6d69ddcaeff93056a75cc Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:39:34 +0300
Subject: [PATCH 10/27] refactor(components): change css style for the last
 updated

---
 components/LastUpdated.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/LastUpdated.vue b/components/LastUpdated.vue
index de99b9f..3c4323f 100644
--- a/components/LastUpdated.vue
+++ b/components/LastUpdated.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="lastUpdated" class="flex justify-end pt-5 ml-8 mr-8 md:mr-12 lg:mr-20  2xl:mr-28 ">
+  <div v-if="lastUpdated" class="flex justify-end pt-5">
     <p class="opacity-50">
       {{ lastUpdated }}
     </p>

From 4c8bc1fcd70601444edd8bc2e94e1adee0913d09 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:40:41 +0300
Subject: [PATCH 11/27] perf(components): give images for the org user explicit
 width and height

---
 components/OrganizationCard.vue | 26 +++++++++++++++++++++-----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/components/OrganizationCard.vue b/components/OrganizationCard.vue
index 4123d00..b0a8c1e 100644
--- a/components/OrganizationCard.vue
+++ b/components/OrganizationCard.vue
@@ -2,20 +2,27 @@
   <div class="flex mx-8 h-36 lg:h-48 content-center has-border pb-3">
     <p class="rank hidden md:block">{{ rank }}.</p>
     <div class="image-container">
-      <img class="image" :src="imageUrl" alt="avatar" width="80" height="80" />
-      <span class="image-filter"></span>
+      <a :href="profileUrl" target="_blank">
+        <img
+          class="image"
+          :src="imageUrl"
+          alt="avatar"
+          width="80"
+          height="80" />
+        <span class="image-filter"></span
+      ></a>
     </div>
 
     <div class="block w-full pl-2 lg:px-3 mt-8 lg:mt-12">
       <div class="flex flex-col">
-        <h3 class="full-name">{{ name }}</h3>
-        <div>
+        <span class="full-name">{{ name }}</span>
+        <div class="w-max">
           <a :href="profileUrl" target="_blank" class="username-container">
             <img
               class="h-5 pr-1"
               src="~assets/images/footer/icon-github.svg"
               alt="Github Account"
-              width="auto"
+              width="25"
               height="20"
               loading="lazy"
             />
@@ -116,4 +123,13 @@ export default {
 .image-container {
   @apply self-center w-16 h-16 relative lg:w-20 lg:h-20;
 }
+
+a {
+  transition: all 0.3s ease 0s;
+}
+
+a:hover {
+  text-decoration: none;
+  color: #00b199;
+}
 </style>

From 438d397a850b1420d2378649af81e6cf1e8f1c9b Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:42:10 +0300
Subject: [PATCH 12/27] refactor(components): change css style for the
 organizations list

---
 components/Organizations.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/Organizations.vue b/components/Organizations.vue
index ecbf476..cfe451b 100644
--- a/components/Organizations.vue
+++ b/components/Organizations.vue
@@ -2,10 +2,10 @@
   <div class="section-container">
     <div class="content-conatiner">
       <div class="text-section has-border">
-        <h1 class="hidden head-text md:block">Rank</h1>
-        <h1 class="head-text px-0 lg:px-7">Organization</h1>
+        <h3 class="hidden head-text md:block">Rank</h3>
+        <h3 class="head-text px-0 lg:px-7">Organization</h3>
         <div class="flex justify-end w-full">
-          <h1 class="head-text">Total</h1>
+          <h3 class="head-text">Total</h3>
         </div>
       </div>
       <div>
@@ -76,11 +76,11 @@ export default {
 }
 
 .section-container {
-  @apply block w-11/12 mx-auto lg:mx-0 bg-gray;
+  @apply block bg-gray;
 }
 
 .content-conatiner {
-  @apply mx-3 lg:mx-0 bg-white;
+  @apply bg-white;
 }
 
 .has-border {

From e01401ae6d96c6e415a892b4df145b4b8fa0a316 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:44:05 +0300
Subject: [PATCH 13/27] refactor(components): change css style for the
 organizations filter section

---
 components/OrganizationsFilter.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/OrganizationsFilter.vue b/components/OrganizationsFilter.vue
index 7a3860b..39c9a91 100644
--- a/components/OrganizationsFilter.vue
+++ b/components/OrganizationsFilter.vue
@@ -6,7 +6,7 @@
           isOpen ? 'filter-section has-border' : 'filter-section lg:has-border'
         "
       >
-        <h1 class="filter-text">Filter</h1>
+        <h3 class="filter-text">Filter</h3>
         <button
           :class="isOpen ? 'expand-button' : 'expand-button-collapsed'"
           aria-label="Expand Filter Section"
@@ -50,12 +50,11 @@ export default {
 
 <style lang="postcss" scoped>
 .section-container {
-  @apply block w-11/12 lg:w-1/3 mx-auto lg:mx-0 lg:mr-5 lg:bg-lightgrey;
+  @apply block lg:w-[28%] lg:bg-lightgrey;
 }
 
 .content-conatiner {
   background-color: #f4f4f5;
-  @apply mx-3 lg:mx-0;
 }
 
 .filter-section {
@@ -73,7 +72,7 @@ export default {
 }
 
 .sort-section {
-  @apply mx-6 pt-6 pb-4;
+  @apply pt-6 pb-4;
 }
 
 .contributions-radio {

From 7d68008dce1771ae2cb4783ffe3af9d5e347c93f Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:45:12 +0300
Subject: [PATCH 14/27] refactor(components): change css style for the
 organizations inputs

---
 components/OrganizationsInput.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/OrganizationsInput.vue b/components/OrganizationsInput.vue
index 0daf118..ec25aaa 100644
--- a/components/OrganizationsInput.vue
+++ b/components/OrganizationsInput.vue
@@ -7,8 +7,8 @@
           @on-search="onSearch"
         />
       </div>
-      <h6 class="text-xs font-bold pb-2">Sort by:</h6>
-      <div class="flex lg:flex-col">
+      <span class="text-xs font-bold">Sort by:</span>
+      <div class="flex lg:flex-col pt-1">
         <RadioButton
           class="mr-3 lg:pb-2 lg:mr-0"
           :input-id="`Total Stars`"

From b0ec6aa3c74bc32fc92c73a06d16bb92aa0c265e Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:48:23 +0300
Subject: [PATCH 15/27] fix(semantics): remove the spans from under the ul html
 tag in the pagination bar

---
 components/PaginationBar.vue | 55 +++++++++++++++++-------------------
 1 file changed, 26 insertions(+), 29 deletions(-)

diff --git a/components/PaginationBar.vue b/components/PaginationBar.vue
index 0271c10..7fba7d1 100644
--- a/components/PaginationBar.vue
+++ b/components/PaginationBar.vue
@@ -1,19 +1,21 @@
 <template>
   <div class="pagination">
-    <ul>
-      <li>
-        <span class="px-1 lg:px-1"
-          ><button
-            :class="currentPage == 1 ? 'disabled' : 'previous-page'"
-            aria-label="Previous Page"
-            @click="fetchCurrentPage(currentPage - 1)"
-          >
-            &lt; Previous
-          </button></span
+    <ul class="flex">
+      <li class="px-1 lg:px-1">
+        <button
+          :class="currentPage == 1 ? 'disabled' : 'previous-page'"
+          aria-label="Previous Page"
+          @click="fetchCurrentPage(currentPage - 1)"
         >
+          &lt; Previous
+        </button>
       </li>
-      <span v-for="i in pageCount" :key="i" class="hidden lg:inline">
-        <li v-if="i == pageCount || i == 1 || Math.abs(i - currentPage) < 3">
+      <template v-for="i in pageCount">
+        <li
+          v-if="i == pageCount || i == 1 || Math.abs(i - currentPage) < 3"
+          :key="i"
+          class="hidden lg:inline"
+        >
           <button
             :class="{
               current: currentPage === i,
@@ -27,17 +29,15 @@
             {{ i }}
           </button>
         </li>
-      </span>
-      <li>
-        <span class="px-1 lg:px-1"
-          ><button
-            :class="currentPage == pageCount ? 'disabled' : 'next-page'"
-            aria-label="Next Page"
-            @click="fetchCurrentPage(currentPage + 1)"
-          >
-            Next &gt;
-          </button></span
+      </template>
+      <li class="px-1 lg:px-1">
+        <button
+          :class="currentPage == pageCount ? 'disabled' : 'next-page'"
+          aria-label="Next Page"
+          @click="fetchCurrentPage(currentPage + 1)"
         >
+          Next &gt;
+        </button>
       </li>
     </ul>
   </div>
@@ -64,7 +64,7 @@ export default {
     fetchCurrentPage(page) {
       this.$store.commit(
         'setCurrentPage',
-        this.limitNumberWithinRange(page, 1, this.pageCount)
+        this.limitNumberWithinRange(page, 1, this.pageCount),
       )
       this.$emit('fetch-current-page', page)
     },
@@ -80,12 +80,11 @@ export default {
   font-family: 'IBM Mono';
 }
 .pagination {
-  @apply pt-7 pb-12 mx-3 px-5 flex lg:mx-0 lg:pt-10 lg:pb-14 justify-center;
+  @apply pt-7 pb-12 flex lg:pt-10 lg:pb-14 justify-center;
 }
 
 .pagination li {
-  display: inline-block;
-  margin: 1px;
+  @apply m-1;
 }
 
 .previous-page,
@@ -110,9 +109,7 @@ export default {
 .pagination ul {
   @apply p-0 list-none;
 }
-.pagination li {
-  @apply inline m-1;
-}
+
 .pagination button.first::after {
   cursor: default;
   content: '\2800\22ef';

From fd76170ad4738cc73de30f00fe0f67709da33522 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:49:05 +0300
Subject: [PATCH 16/27] refactor(components): add a name prop to the period
 dropdown

---
 components/PeriodDropdown.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/PeriodDropdown.vue b/components/PeriodDropdown.vue
index 6ae4b6e..61c17af 100644
--- a/components/PeriodDropdown.vue
+++ b/components/PeriodDropdown.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <select id="period" name="period" @change="onChange">
+    <select :id="name" :name="name" @change="onChange">
       <option value="last_year">Last Year</option>
       <option value="last_30_days" selected>Last 30 Days</option>
       <option value="last_month">Last Month</option>
@@ -24,6 +24,9 @@
 <script>
 export default {
   name: 'PeriodDropdown',
+  props: {
+    name: { type: String, default: 'period' },
+  },
   data() {
     return {
       todayDate: new Date().toLocaleString('en-GB', {

From 73d0145db57d69bd0826cfa41d92e4cb2ca8ec4d Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:49:35 +0300
Subject: [PATCH 17/27] refactor(components): change css style for the q and a
 component

---
 components/QAndA.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/QAndA.vue b/components/QAndA.vue
index e2be449..e0e5da4 100644
--- a/components/QAndA.vue
+++ b/components/QAndA.vue
@@ -49,7 +49,7 @@ export default {
 
 <style lang="postcss" scoped>
 .card {
-  @apply bg-white shadow-lg mx-7 md:mx-11 lg:ml-24 lg:w-5/12 p-8 my-5;
+  @apply bg-white shadow-lg lg:w-5/12 p-8 my-5;
 }
 
 .question-section {

From 5a02caffd4e8cb8facd498f1083d02df86db59d3 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:52:22 +0300
Subject: [PATCH 18/27] fix(components): remove the auto margin on the x-axis
 for the search input

---
 components/SearchInput.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/SearchInput.vue b/components/SearchInput.vue
index 9d0651e..ee96a75 100644
--- a/components/SearchInput.vue
+++ b/components/SearchInput.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="max-w-md mx-auto">
+  <div class="max-w-md">
     <div
       class="relative flex items-center w-full h-12 rounded-lg focus-within:shadow-lg bg-white overflow-hidden"
     >

From 0a90df59bec46796b36781eef2237f4e9bbae8ae Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:52:51 +0300
Subject: [PATCH 19/27] refactor(components): change css style for the stats

---
 components/Stats.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Stats.vue b/components/Stats.vue
index b75b5bf..359e2a3 100644
--- a/components/Stats.vue
+++ b/components/Stats.vue
@@ -71,14 +71,14 @@ export default {
 .header {
   font-family: 'IBM Mono';
   font-size: 1.7rem;
-  @apply font-normal ml-8 pt-16 lg:pt-24 lg:pb-5 md:ml-12 lg:ml-20 lg:text-4xl lg:font-light 2xl:ml-24;
+  @apply font-normal pt-16 lg:pt-24 lg:pb-5 lg:text-4xl lg:font-light;
 }
 
 .divider {
-  @apply w-10 lg:w-10 border-t-2 border-black;
+  @apply w-10 lg:w-10 border-t-2 border-black pb-4;
 }
 
 .cards-container {
-  @apply block py-2 w-11/12 mx-auto lg:flex lg:flex-nowrap lg:justify-center;
+  @apply block py-2 lg:flex lg:flex-nowrap lg:justify-center gap-10;
 }
 </style>

From c739f92b2f36cbf738b83cafde2dc5067b490707 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:53:34 +0300
Subject: [PATCH 20/27] perf(footer): give images an explicit width and height

---
 components/TheFooter.vue | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/components/TheFooter.vue b/components/TheFooter.vue
index 0288d40..92c0ce8 100644
--- a/components/TheFooter.vue
+++ b/components/TheFooter.vue
@@ -1,6 +1,6 @@
 <template>
   <footer class="footer-section">
-    <div class="footer-conatiner">
+    <div class="footer-container">
       <div class="flex items-center p-8 lg:p-0">
         <img
           class="h-5"
@@ -30,7 +30,7 @@
         />
       </div>
       <div class="lg:flex px-8 pb-8 lg:px-0 lg:pb-0">
-        <div class="flex items-center justify-end">
+        <div class="flex items-center justify-end text-center align-middle">
           <div class="flex lg:px-5">
             <a
               href="https://github.com/jordanopensource"
@@ -38,11 +38,11 @@
               aria-label="JOSA Github Account"
             >
               <img
-                class="h-5 px-2"
+                class="mx-2"
                 src="~assets/images/footer/icon-small-github.svg"
                 alt="Github Account"
-                width="auto"
-                height="20"
+                width="20"
+                height="55"
                 loading="lazy"
             /></a>
             <a
@@ -51,11 +51,11 @@
               aria-label="JOSA Twitter Account"
             >
               <img
-                class="h-5 px-2"
+                class="mx-2"
                 src="~assets/images/footer/icon-small-twitter.svg"
                 alt="Twitter Account"
-                width="auto"
-                height="20"
+                width="25"
+                height="60"
                 loading="lazy"
             /></a>
             <a
@@ -64,11 +64,11 @@
               aria-label="JOSA Facebook Page"
             >
               <img
-                class="h-5 pl-2 lg:px-2"
+                class="ml-2 lg:mx-2"
                 src="~assets/images/footer/icon-small-fb.svg"
                 alt="Facebook Page"
-                width="auto"
-                height="20"
+                width="20"
+                height="55"
                 loading="lazy"
               />
             </a>
@@ -104,10 +104,10 @@ export default {
 }
 .footer-section {
   background-color: #edeeef;
-  @apply lg:h-64 lg:pt-28 w-11/12 lg:w-full mx-auto lg:mx-0 pb-7 lg:pb-0;
+  @apply lg:h-64 lg:pt-28 lg:w-full pb-7 lg:pb-0 px-8 md:px-14 lg:px-0;
 }
-.footer-conatiner {
+.footer-container {
   background-color: #1a1f21;
-  @apply lg:flex h-full text-white items-center lg:justify-between lg:px-24 mx-3 lg:mx-0;
+  @apply lg:flex h-full text-white items-center lg:justify-between lg:px-24;
 }
 </style>

From afed5fb6a775b735ebacbc6c8a03e54c90a9c734 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:54:10 +0300
Subject: [PATCH 21/27] refactor(components): change css style for the top
 contributors

---
 components/TopDevelopers.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/TopDevelopers.vue b/components/TopDevelopers.vue
index fa3f456..2cfd688 100644
--- a/components/TopDevelopers.vue
+++ b/components/TopDevelopers.vue
@@ -7,7 +7,7 @@
       </div>
       <div class="filter-component">
         <FilterSection class="lg:mt-0 lg:order-2" />
-        <Contributors :users="users" class="lg:grow lg:pl-6" />
+        <Contributors :users="users" class="lg:grow" />
       </div>
     </article>
   </div>
@@ -41,15 +41,15 @@ export default {
   background-color: #edeeef;
 }
 .divider {
-  @apply w-10 lg:w-14 border-t-2 border-black;
+  @apply w-10 lg:w-14 border-t-2 border-black pb-4;
 }
 .header-title {
   font-family: 'IBM Mono';
   font-size: 1.7rem;
-  @apply font-normal ml-8 mr-6 pt-16 lg:pt-24 md:ml-12 lg:ml-20 lg:text-4xl lg:font-light 2xl:ml-24;
+  @apply font-normal pt-16 lg:pt-24 lg:text-4xl lg:font-light;
 }
 
 .filter-component {
-  @apply lg:flex mx-auto mt-10 lg:mt-20 lg:w-11/12;
+  @apply lg:flex mt-10 lg:mt-20;
 }
 </style>

From fa3aa912d5c8f9411a954393461bdfcbf72db63a Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:54:36 +0300
Subject: [PATCH 22/27] refactor(components): change the css style for the top
 organizations

---
 components/TopOrganizations.vue | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/components/TopOrganizations.vue b/components/TopOrganizations.vue
index 8ac26b3..22412a4 100644
--- a/components/TopOrganizations.vue
+++ b/components/TopOrganizations.vue
@@ -7,10 +7,7 @@
       </div>
       <div class="filter-component">
         <OrganizationsFilter class="lg:mt-0 lg:order-2" />
-        <Organizations
-          :organizations="organizations"
-          class="lg:grow lg:pl-6"
-        />
+        <Organizations :organizations="organizations" class="lg:grow" />
       </div>
     </article>
   </div>
@@ -28,7 +25,7 @@ export default {
   },
   async fetch() {
     const response = await this.$axios.get(
-      `/v1/orgs?sort_by=${this.orgs_sortBy}`
+      `/v1/orgs?sort_by=${this.orgs_sortBy}`,
     )
     this.$store.commit('setOrgs', response.data.orgs)
     this.$store.commit('setPageCount', response.data.totalPages)
@@ -47,15 +44,15 @@ export default {
   background-color: #edeeef;
 }
 .divider {
-  @apply w-10 lg:w-14 border-t-2 border-black;
+  @apply w-10 lg:w-14 border-t-2 border-black pb-4;
 }
 .header-title {
   font-family: 'IBM Mono';
   font-size: 1.7rem;
-  @apply font-normal ml-8 pt-16 lg:pt-24 md:ml-12 lg:ml-20 lg:text-4xl lg:font-light 2xl:ml-24;
+  @apply font-normal pt-16 lg:pt-24  lg:text-4xl lg:font-light;
 }
 
 .filter-component {
-  @apply lg:flex mx-auto mt-10 lg:mt-20 lg:w-11/12;
+  @apply lg:flex mt-10 lg:mt-20;
 }
 </style>

From a7663015102abea9e20f494b42738639f490d6ca Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:55:44 +0300
Subject: [PATCH 23/27] fix(semantics): modify the html structure for the user
 card component

---
 components/UserCard.vue | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/components/UserCard.vue b/components/UserCard.vue
index 62f954a..0a023ef 100644
--- a/components/UserCard.vue
+++ b/components/UserCard.vue
@@ -16,14 +16,14 @@
 
     <div class="block w-full pl-2 lg:px-3 mt-6 lg:mt-8">
       <div class="flex flex-col">
-        <h3 class="full-name">{{ name }}</h3>
-        <div>
+        <span class="full-name">{{ name }}</span>
+        <div class="w-max">
           <a :href="profileUrl" target="_blank" class="username-container">
             <img
-              class="h-5 pr-1"
+              class="pr-1"
               src="~assets/images/footer/icon-github.svg"
               alt="Github Account"
-              width="auto"
+              width="25"
               height="20"
               loading="lazy"
             />
@@ -31,10 +31,11 @@
           >
           <span v-show="isJosaMember" class="josa-member">
             <img
-              class="h-5 pr-1"
+              class="pr-1"
               src="~/assets/images/stats/josa-icon.svg"
               alt="Logo"
-              width="auto"
+              width="25"
+              height="20"
               loading="lazy"
             />JOSA Member
           </span>
@@ -48,7 +49,9 @@
           <p class="blue">{{ score }}</p>
         </div>
         <div class="flex flex-col">
-          <p class="counters">Contributions</p>
+          <p class="counters">
+            {{ countType === 'all' ? 'Contributions' : 'Commits' }}
+          </p>
           <p class="blue-green">{{ contributions }}</p>
         </div>
       </div>
@@ -57,6 +60,7 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   name: 'UserCard',
   props: {
@@ -69,6 +73,11 @@ export default {
     isJosaMember: { type: Boolean, default: false },
     rank: { type: Number, required: true, default: 0 },
   },
+  computed: {
+    ...mapState({
+      countType: 'countType',
+    }),
+  },
 }
 </script>
 

From 85e93e75d9cc703cbcb7d8f9e9bb8ef47746e030 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:57:18 +0300
Subject: [PATCH 24/27] refactor(pages): add a global padding on the home page

---
 pages/index.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index cedd5bf..d869670 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,13 +1,15 @@
 <template>
   <div class="bg-gray">
     <Hero />
-    <LastUpdated />
-    <LazyHydrate when-visible>
-      <Stats />
-    </LazyHydrate>
-    <LazyHydrate when-visible>
-      <TopDevelopers />
-    </LazyHydrate>
+    <div class="px-8 md:px-14 lg:px-24">
+      <LastUpdated />
+      <LazyHydrate when-visible>
+        <Stats />
+      </LazyHydrate>
+      <LazyHydrate when-visible>
+        <TopDevelopers />
+      </LazyHydrate>
+    </div>
   </div>
 </template>
 

From 03fb032a23e22784f2f8f409f0c9eec91c43cab7 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:58:00 +0300
Subject: [PATCH 25/27] fix(pages): change css style for the contributors page

---
 pages/contributors/index.vue | 66 ++++++++++++++++--------------------
 1 file changed, 29 insertions(+), 37 deletions(-)

diff --git a/pages/contributors/index.vue b/pages/contributors/index.vue
index 3a230d2..851b578 100644
--- a/pages/contributors/index.vue
+++ b/pages/contributors/index.vue
@@ -1,31 +1,35 @@
 <template>
   <div class="page-container">
     <Hero title="Contributors" />
-    <LastUpdated />
-    <div class="area-chart-section">
-      <div class="chart-header">
-        <div class="divider-black"></div>
-        <div class="flex-container">
-          <h2 class="pb-3 lg:pb-0">Total Users in Jordan</h2>
-          <ChartsPeriodDropdown
-            class="justify-self-end"
-            @on-chart-period-changed="onChartPeriodChanged"
-          />
+    <div class="px-8 md:px-14 lg:px-24">
+      <LastUpdated />
+      <div class="area-chart-section">
+        <div class="chart-header">
+          <div class="divider"></div>
+          <div class="flex-container">
+            <h2 class="pb-3 lg:pb-0">Total Users in Jordan</h2>
+            <label class="hidden" for="chartsPeriod">Period</label>
+            <ChartsPeriodDropdown
+              class="justify-self-end"
+              name="chartsPeriod"
+              @on-chart-period-changed="onChartPeriodChanged"
+            />
+          </div>
         </div>
+        <AreaChart class="area-chart" :chart-options="areaChartData" />
       </div>
-      <AreaChart class="area-chart" :chart-options="areaChartData" />
-    </div>
-    <div class="bar-chart-section">
-      <div class="bar-chart-header">
-        <div class="divider-black"></div>
-        <div class="flex-container">
-          <h2 class="pb-3 lg:pb-0">Contributions from Jordan</h2>
+      <div class="bar-chart-section">
+        <div class="bar-chart-header">
+          <div class="divider pb-4"></div>
+          <div class="flex-container">
+            <h2 class="pb-3 lg:pb-0">Contributions from Jordan</h2>
+          </div>
         </div>
+        <BarChart class="bar-chart" :chart-options="barChartData" />
+      </div>
+      <div>
+        <TopDevelopers class="top-developers" />
       </div>
-      <BarChart class="bar-chart" :chart-options="barChartData" />
-    </div>
-    <div>
-      <TopDevelopers class="top-developers" />
     </div>
   </div>
 </template>
@@ -586,37 +590,25 @@ export default {
   @apply h-56 md:h-96 lg:h-720;
 }
 
-.area-chart-section {
-  @apply lg:mx-10 2xl:mx-9 mx-3;
-}
-
-.bar-chart-section {
-  @apply lg:mx-10 2xl:mx-9 mx-3;
-}
-
-.top-developers {
-  @apply 2xl:mx-3;
-}
-
 .bar-chart-header {
   font-family: 'IBM Mono';
   font-size: 1.7rem;
   line-height: 1em;
-  @apply font-normal mx-4 pb-4 pt-16 md:pt-24 md:pb-8 md:mx-14 lg:text-4xl lg:font-light lg:px-2 2xl:px-4;
+  @apply font-normal pb-4 pt-16 md:pt-24 md:pb-8  lg:text-4xl lg:font-light;
 }
 
 .chart-header {
   font-family: 'IBM Mono';
   font-size: 1.7rem;
   line-height: 1em;
-  @apply font-normal mx-4 pb-4 pt-16 md:pt-24 md:pb-8 md:mx-14 lg:text-4xl lg:font-light lg:px-2 2xl:px-4;
+  @apply font-normal  pb-4 pt-16 md:pt-24 md:pb-8 lg:text-4xl lg:font-light;
 }
 
 .flex-container {
-  @apply items-center md:flex md:justify-between;
+  @apply items-center md:flex md:justify-between p-0;
 }
 
-.divider-black {
+.divider {
   @apply w-10 lg:w-10 border-t-2 border-black;
 }
 </style>

From bc21d098127250d0e5fa3f57f33bbb709698ce3b Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:58:39 +0300
Subject: [PATCH 26/27] refactor(pages): change css style for the methodology
 page

---
 pages/methodology/index.vue | 70 ++++++++++++++++++-------------------
 1 file changed, 34 insertions(+), 36 deletions(-)

diff --git a/pages/methodology/index.vue b/pages/methodology/index.vue
index dd33c29..87ba427 100644
--- a/pages/methodology/index.vue
+++ b/pages/methodology/index.vue
@@ -1,37 +1,39 @@
 <template>
   <div class="page-container">
     <Hero title="Methodology" />
-    <div class="header-text">
-      <div class="divider-black"></div>
-      <h2>About JOSA</h2>
+    <div class="px-8 md:px-14 lg:px-24">
+      <div class="header-text">
+        <div class="divider-black"></div>
+        <h2>About JOSA</h2>
+      </div>
+      <QAndA
+        :question="aboutJOSA.question"
+        :answer="aboutJOSA.answer"
+        :is-expanded="aboutJOSA.isExpanded"
+      />
+      <div class="header-text">
+        <div class="divider-black"></div>
+        <h2>About this website</h2>
+      </div>
+      <QAndA
+        v-for="element in aboutWebsite"
+        :key="element.question"
+        :question="element.question"
+        :answer="element.answer"
+        :is-expanded="element.isExpanded"
+      />
+      <div class="header-text">
+        <div class="divider-black"></div>
+        <h2>FAQ</h2>
+      </div>
+      <QAndA
+        v-for="element in faq"
+        :key="element.question"
+        :question="element.question"
+        :answer="element.answer"
+        :is-expanded="element.isExpanded"
+      />
     </div>
-    <QAndA
-      :question="aboutJOSA.question"
-      :answer="aboutJOSA.answer"
-      :is-expanded="aboutJOSA.isExpanded"
-    />
-    <div class="header-text">
-      <div class="divider-black"></div>
-      <h2>About this website</h2>
-    </div>
-    <QAndA
-      v-for="element in aboutWebsite"
-      :key="element.question"
-      :question="element.question"
-      :answer="element.answer"
-      :is-expanded="element.isExpanded"
-    />
-    <div class="header-text">
-      <div class="divider-black"></div>
-      <h2>FAQ</h2>
-    </div>
-    <QAndA
-      v-for="element in faq"
-      :key="element.question"
-      :question="element.question"
-      :answer="element.answer"
-      :is-expanded="element.isExpanded"
-    />
   </div>
 </template>
 
@@ -107,22 +109,18 @@ export default {
   @apply bg-gray;
 }
 
-.top-developers {
-  @apply 2xl:mx-3;
-}
-
 .flex-container {
   @apply items-center md:flex md:justify-between;
 }
 
 .divider-black {
-  @apply w-10 lg:w-10 border-t-2 border-black py-2 lg:py-1;
+  @apply w-10 lg:w-10 border-t-2 border-black pb-4;
 }
 
 .header-text {
   font-family: 'IBM Mono';
   font-size: 1.9rem;
   line-height: 1em;
-  @apply font-normal mx-7 md:mx-12 lg:mx-24 pb-4 pt-16 md:pt-24 md:pb-8 lg:text-4xl lg:font-light;
+  @apply font-normal pb-4 pt-16 md:pt-24 md:pb-8 lg:text-4xl lg:font-light;
 }
 </style>

From 81940f51c3fb581ddb8970cb04e1a71c45e17541 Mon Sep 17 00:00:00 2001
From: thread-koder <mohamad.fberjawi@gmail.com>
Date: Thu, 18 Jan 2024 12:59:32 +0300
Subject: [PATCH 27/27] refactor(pages): change css style for the orgs page

---
 pages/organizations/index.vue | 56 ++++++++++++++++-------------------
 1 file changed, 26 insertions(+), 30 deletions(-)

diff --git a/pages/organizations/index.vue b/pages/organizations/index.vue
index eee5f21..45d7c20 100644
--- a/pages/organizations/index.vue
+++ b/pages/organizations/index.vue
@@ -1,22 +1,26 @@
 <template>
   <div class="page-container">
     <Hero title="Organizations" />
-    <LastUpdated />
-    <div class="area-chart-section">
-      <div class="chart-header">
-        <div class="divider-black"></div>
-        <div class="flex-container">
-          <h2 class="pb-3 lg:pb-0">Total Organizations in Jordan</h2>
-          <ChartsPeriodDropdown
-            class="justify-self-end"
-            @on-chart-period-changed="onChartPeriodChanged"
-          />
+    <div class="px-8 md:px-14 lg:px-24">
+      <LastUpdated />
+      <div class="area-chart-section">
+        <div class="chart-header">
+          <div class="divider"></div>
+          <div class="flex-container">
+            <h2 class="pb-3 lg:pb-0">Total Organizations in Jordan</h2>
+            <label class="hidden" for="orgCharts">Period</label>
+            <ChartsPeriodDropdown
+              class="justify-self-end"
+              name="orgCharts"
+              @on-chart-period-changed="onChartPeriodChanged"
+            />
+          </div>
         </div>
+        <AreaChart class="area-chart" :chart-options="areaChartData" />
+      </div>
+      <div>
+        <TopOrganizations class="top-developers" />
       </div>
-      <AreaChart class="area-chart" :chart-options="areaChartData" />
-    </div>
-    <div>
-      <TopOrganizations class="top-developers" />
     </div>
   </div>
 </template>
@@ -43,7 +47,7 @@ export default {
   async mounted() {
     const lastYear = new Date().getFullYear() - 1
     const response = await this.$axios.get(
-      `/v1/organizations/stats?period=${lastYear}-01-01_${lastYear}-12-31&aggregation=month`
+      `/v1/organizations/stats?period=${lastYear}-01-01_${lastYear}-12-31&aggregation=month`,
     )
     const areaChartStats = response.data.organizationsStats[lastYear]
 
@@ -54,7 +58,7 @@ export default {
       const months = [...Array(12).keys()].map((key) =>
         new Date(0, key).toLocaleString('default', {
           month: 'short',
-        })
+        }),
       )
       const lastYear = new Date().getFullYear() - 1
 
@@ -244,7 +248,7 @@ export default {
       const thisYear = new Date().getFullYear()
 
       const response = await this.$axios.get(
-        `/v1/organizations/stats?period=${thisYear}-01-01_${thisYear}-12-31&aggregation=month`
+        `/v1/organizations/stats?period=${thisYear}-01-01_${thisYear}-12-31&aggregation=month`,
       )
       const areaChartStats = response.data.organizationsStats[thisYear]
       const months = [...Array(areaChartStats.length).keys()].map((key) => {
@@ -258,7 +262,7 @@ export default {
       const lastYear = new Date().getFullYear() - 1
 
       const response = await this.$axios.get(
-        `/v1/organizations/stats?period=${lastYear}-01-01_${lastYear}-12-31&aggregation=month`
+        `/v1/organizations/stats?period=${lastYear}-01-01_${lastYear}-12-31&aggregation=month`,
       )
       const areaChartStats = response.data.organizationsStats[lastYear]
       const months = [...Array(areaChartStats.length).keys()].map((key) => {
@@ -274,7 +278,7 @@ export default {
       const year = lastMonthDate.getFullYear()
 
       const response = await this.$axios.get(
-        `/v1/organizations/stats?period=${year}-01-01_${year}-12-31&aggregation=day`
+        `/v1/organizations/stats?period=${year}-01-01_${year}-12-31&aggregation=day`,
       )
 
       const areaChartStats =
@@ -286,7 +290,7 @@ export default {
           {
             day: 'numeric',
             month: 'numeric',
-          }
+          },
         )
       })
       const tickAmount = 5
@@ -305,26 +309,18 @@ export default {
   @apply h-56 md:h-96 lg:h-720;
 }
 
-.area-chart-section {
-  @apply lg:mx-10 2xl:mx-9 mx-3;
-}
-
-.top-developers {
-  @apply 2xl:mx-3;
-}
-
 .chart-header {
   font-family: 'IBM Mono';
   font-size: 1.7rem;
   line-height: 1em;
-  @apply font-normal mx-4 pb-4 pt-16 md:pt-24 md:pb-8 md:mx-14 lg:text-4xl lg:font-light lg:px-2 2xl:px-4;
+  @apply font-normal pb-4 pt-16 md:pt-24 md:pb-8  lg:text-4xl lg:font-light;
 }
 
 .flex-container {
   @apply items-center md:flex md:justify-between;
 }
 
-.divider-black {
+.divider {
   @apply w-10 lg:w-10 border-t-2 border-black;
 }
 </style>