From be5ca63541603d640b2975bc3addba93d5491fbf Mon Sep 17 00:00:00 2001
From: voenkomatiwe <radionpon21@gmail.com>
Date: Mon, 8 Jan 2024 18:51:37 +0200
Subject: [PATCH] fix: header logo in dark mode and jumbotron

---
 explorer/src/assets/locales/en/en.json        |  2 +-
 .../src/assets/logo/verax-logo-dark-mode.svg  | 20 +++++++++----------
 .../pages/Home/components/Jumbotron/index.tsx |  3 ++-
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/explorer/src/assets/locales/en/en.json b/explorer/src/assets/locales/en/en.json
index 789c4074..ddf3cabd 100644
--- a/explorer/src/assets/locales/en/en.json
+++ b/explorer/src/assets/locales/en/en.json
@@ -52,7 +52,7 @@
   "home": {
     "title": "Your Reputation Under Your Control",
     "description": "Explore the ecosystem to find out how you can unlock your data from across the web and share it with the world on your own terms",
-    "exploreEcosystem": "or explore the ecosystem",
+    "exploreEcosystem": "or <bold>explore the ecosystem . . .</bold>",
     "info": {
       "issueYourAttestation": "Want to issue your own attestation?",
       "aboutVerax": "Want to know more about Verax?"
diff --git a/explorer/src/assets/logo/verax-logo-dark-mode.svg b/explorer/src/assets/logo/verax-logo-dark-mode.svg
index 8a904026..532bc3db 100644
--- a/explorer/src/assets/logo/verax-logo-dark-mode.svg
+++ b/explorer/src/assets/logo/verax-logo-dark-mode.svg
@@ -1,31 +1,31 @@
 <svg width="102" height="32" viewBox="0 0 102 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clip-path="url(#clip0_1658_4913)">
-    <circle cx="16" cy="16" r="16" fill="#D7D6CF" />
-    <path d="M11.7946 8.0459H6.85742L11.4289 18.6516L13.9889 12.983L11.7946 8.0459Z" fill="#A5AF63" />
-    <path d="M25.1432 8.0459H20.5717L13.8975 24.0459H18.3775L25.1432 8.0459Z" fill="#A5AF63" />
+  <g clip-path="url(#clip0_1569_93300)">
+    <circle cx="16" cy="16" r="16" fill="#9096B2" />
+    <path d="M11.7943 8.04572H6.85718L11.4286 18.6514L13.9886 12.9829L11.7943 8.04572Z" fill="#3D3D51" />
+    <path d="M25.1429 8.04572H20.5715L13.8972 24.0457H18.3772L25.1429 8.04572Z" fill="#3D3D51" />
   </g>
   <path
-    d="M42.0994 7.14453L46.3182 20.4059H46.4801L50.7074 7.14453H54.7983L48.7812 24.5991H44.0256L38 7.14453H42.0994Z"
+    d="M42.0994 7.14488L46.3182 20.4062H46.4801L50.7074 7.14488H54.7983L48.7812 24.5994H44.0256L38 7.14488H42.0994Z"
     fill="#FEFEFE"
   />
   <path
-    d="M60.6003 24.8548C59.2537 24.8548 58.0946 24.582 57.123 24.0366C56.1571 23.4854 55.4128 22.707 54.8901 21.7014C54.3674 20.69 54.106 19.494 54.106 18.1133C54.106 16.7667 54.3674 15.5849 54.8901 14.5678C55.4128 13.5508 56.1486 12.7582 57.0975 12.19C58.052 11.6218 59.1713 11.3377 60.4554 11.3377C61.3191 11.3377 62.123 11.4769 62.8674 11.7553C63.6174 12.0281 64.2708 12.44 64.8276 12.9911C65.3901 13.5423 65.8276 14.2354 66.1401 15.0707C66.4526 15.9002 66.6088 16.8718 66.6088 17.9854V18.9826H55.5549V16.7326H63.1912C63.1912 16.2099 63.0776 15.7468 62.8503 15.3434C62.623 14.94 62.3077 14.6246 61.9043 14.3974C61.5066 14.1644 61.0435 14.0479 60.5151 14.0479C59.9639 14.0479 59.4753 14.1758 59.0492 14.4315C58.6287 14.6815 58.2992 15.0195 58.0605 15.4457C57.8219 15.8661 57.6997 16.3349 57.6941 16.8519V18.9911C57.6941 19.6388 57.8134 20.1985 58.052 20.6701C58.2963 21.1417 58.6401 21.5053 59.0833 21.761C59.5264 22.0167 60.052 22.1445 60.66 22.1445C61.0634 22.1445 61.4327 22.0877 61.7679 21.9741C62.1032 21.8604 62.3901 21.69 62.6287 21.4627C62.8674 21.2354 63.0492 20.957 63.1742 20.6275L66.5321 20.8491C66.3617 21.6559 66.0122 22.3604 65.4838 22.9627C64.9611 23.5593 64.285 24.0252 63.4554 24.3604C62.6316 24.69 61.6799 24.8548 60.6003 24.8548Z"
+    d="M60.6003 24.8551C59.2537 24.8551 58.0946 24.5824 57.123 24.0369C56.1571 23.4858 55.4128 22.7074 54.8901 21.7017C54.3674 20.6903 54.106 19.4943 54.106 18.1136C54.106 16.767 54.3674 15.5852 54.8901 14.5682C55.4128 13.5511 56.1486 12.7585 57.0975 12.1903C58.052 11.6222 59.1713 11.3381 60.4554 11.3381C61.3191 11.3381 62.123 11.4773 62.8674 11.7557C63.6174 12.0284 64.2708 12.4403 64.8276 12.9915C65.3901 13.5426 65.8276 14.2358 66.1401 15.071C66.4526 15.9006 66.6088 16.8722 66.6088 17.9858V18.983H55.5549V16.733H63.1912C63.1912 16.2102 63.0776 15.7472 62.8503 15.3437C62.623 14.9403 62.3077 14.625 61.9043 14.3977C61.5066 14.1648 61.0435 14.0483 60.5151 14.0483C59.9639 14.0483 59.4753 14.1761 59.0492 14.4318C58.6287 14.6818 58.2992 15.0199 58.0605 15.446C57.8219 15.8665 57.6997 16.3352 57.6941 16.8523V18.9915C57.6941 19.6392 57.8134 20.1989 58.052 20.6705C58.2963 21.142 58.6401 21.5057 59.0833 21.7614C59.5264 22.017 60.052 22.1449 60.66 22.1449C61.0634 22.1449 61.4327 22.0881 61.7679 21.9744C62.1032 21.8608 62.3901 21.6903 62.6287 21.4631C62.8674 21.2358 63.0492 20.9574 63.1742 20.6278L66.5321 20.8494C66.3617 21.6562 66.0122 22.3608 65.4838 22.9631C64.9611 23.5597 64.285 24.0256 63.4554 24.3608C62.6316 24.6903 61.6799 24.8551 60.6003 24.8551Z"
     fill="#FEFEFE"
   />
   <path
-    d="M68.2582 24.5991V11.5082H71.778V13.7923H71.9144C72.153 12.9798 72.5536 12.3661 73.1161 11.9514C73.6786 11.5309 74.3263 11.3207 75.0593 11.3207C75.2411 11.3207 75.4371 11.332 75.6474 11.3548C75.8576 11.3775 76.0422 11.4087 76.2013 11.4485V14.6701C76.0309 14.619 75.7951 14.5735 75.4939 14.5337C75.1928 14.494 74.9172 14.4741 74.6672 14.4741C74.1332 14.4741 73.6559 14.5906 73.2354 14.8235C72.8207 15.0508 72.4911 15.369 72.2468 15.7781C72.0082 16.1871 71.8888 16.6587 71.8888 17.1928V24.5991H68.2582Z"
+    d="M68.2582 24.5994V11.5085H71.778V13.7926H71.9144C72.153 12.9801 72.5536 12.3665 73.1161 11.9517C73.6786 11.5312 74.3263 11.321 75.0593 11.321C75.2411 11.321 75.4371 11.3324 75.6474 11.3551C75.8576 11.3778 76.0422 11.4091 76.2013 11.4489V14.6705C76.0309 14.6193 75.7951 14.5739 75.4939 14.5341C75.1928 14.4943 74.9172 14.4744 74.6672 14.4744C74.1332 14.4744 73.6559 14.5909 73.2354 14.8239C72.8207 15.0511 72.4911 15.3693 72.2468 15.7784C72.0082 16.1875 71.8888 16.6591 71.8888 17.1932V24.5994H68.2582Z"
     fill="#FEFEFE"
   />
   <path
-    d="M80.7164 24.8462C79.8812 24.8462 79.1369 24.7013 78.4835 24.4116C77.8301 24.1161 77.313 23.6815 76.9323 23.1076C76.5573 22.5281 76.3698 21.8065 76.3698 20.9428C76.3698 20.2156 76.5034 19.6048 76.7704 19.1104C77.0374 18.6161 77.4011 18.2184 77.8613 17.9173C78.3215 17.6161 78.8443 17.3889 79.4295 17.2354C80.0204 17.082 80.6397 16.9741 81.2874 16.9116C82.0488 16.832 82.6624 16.7582 83.1284 16.69C83.5943 16.6161 83.9323 16.5082 84.1426 16.3661C84.3528 16.2241 84.4579 16.0139 84.4579 15.7354V15.6843C84.4579 15.1445 84.2874 14.7269 83.9465 14.4315C83.6113 14.136 83.134 13.9883 82.5147 13.9883C81.8613 13.9883 81.3414 14.1332 80.9551 14.4229C80.5687 14.707 80.313 15.065 80.188 15.4968L76.8301 15.2241C77.0005 14.4286 77.3357 13.7411 77.8357 13.1616C78.3357 12.5763 78.9806 12.1275 79.7704 11.815C80.5659 11.4968 81.4863 11.3377 82.5318 11.3377C83.259 11.3377 83.9551 11.4229 84.6198 11.5934C85.2903 11.7638 85.884 12.0281 86.4011 12.386C86.9238 12.744 87.3357 13.2042 87.6369 13.7667C87.938 14.3235 88.0886 14.9911 88.0886 15.7695V24.5991H84.6454V22.7837H84.5431C84.3329 23.1928 84.0516 23.5536 83.6994 23.8661C83.3471 24.1729 82.9238 24.4144 82.4295 24.5906C81.9352 24.761 81.3641 24.8462 80.7164 24.8462ZM81.7562 22.3406C82.2903 22.3406 82.7619 22.2354 83.171 22.0252C83.5801 21.8093 83.9011 21.5195 84.134 21.1559C84.367 20.7923 84.4835 20.3803 84.4835 19.9201V18.5309C84.3698 18.6048 84.2136 18.6729 84.0147 18.7354C83.8215 18.7923 83.6028 18.8462 83.3585 18.8974C83.1141 18.9428 82.8698 18.9854 82.6255 19.0252C82.3812 19.0593 82.1596 19.0906 81.9607 19.119C81.5346 19.1815 81.1624 19.2809 80.8443 19.4173C80.5261 19.5536 80.2789 19.7383 80.1028 19.9712C79.9266 20.1985 79.8386 20.4826 79.8386 20.8235C79.8386 21.3178 80.0176 21.6957 80.3755 21.957C80.7391 22.2127 81.1994 22.3406 81.7562 22.3406Z"
+    d="M80.7164 24.8466C79.8812 24.8466 79.1369 24.7017 78.4835 24.4119C77.8301 24.1165 77.313 23.6818 76.9323 23.108C76.5573 22.5284 76.3698 21.8068 76.3698 20.9432C76.3698 20.2159 76.5034 19.6051 76.7704 19.1108C77.0374 18.6165 77.4011 18.2187 77.8613 17.9176C78.3215 17.6165 78.8443 17.3892 79.4295 17.2358C80.0204 17.0824 80.6397 16.9744 81.2874 16.9119C82.0488 16.8324 82.6624 16.7585 83.1284 16.6903C83.5943 16.6165 83.9323 16.5085 84.1426 16.3665C84.3528 16.2244 84.4579 16.0142 84.4579 15.7358V15.6847C84.4579 15.1449 84.2874 14.7273 83.9465 14.4318C83.6113 14.1364 83.134 13.9886 82.5147 13.9886C81.8613 13.9886 81.3414 14.1335 80.9551 14.4233C80.5687 14.7074 80.313 15.0653 80.188 15.4972L76.8301 15.2244C77.0005 14.429 77.3357 13.7415 77.8357 13.1619C78.3357 12.5767 78.9806 12.1278 79.7704 11.8153C80.5659 11.4972 81.4863 11.3381 82.5318 11.3381C83.259 11.3381 83.9551 11.4233 84.6198 11.5937C85.2903 11.7642 85.884 12.0284 86.4011 12.3864C86.9238 12.7443 87.3357 13.2045 87.6369 13.767C87.938 14.3239 88.0886 14.9915 88.0886 15.7699V24.5994H84.6454V22.7841H84.5431C84.3329 23.1932 84.0516 23.554 83.6994 23.8665C83.3471 24.1733 82.9238 24.4148 82.4295 24.5909C81.9352 24.7614 81.3641 24.8466 80.7164 24.8466ZM81.7562 22.3409C82.2903 22.3409 82.7619 22.2358 83.171 22.0256C83.5801 21.8097 83.9011 21.5199 84.134 21.1562C84.367 20.7926 84.4835 20.3807 84.4835 19.9205V18.5312C84.3698 18.6051 84.2136 18.6733 84.0147 18.7358C83.8215 18.7926 83.6028 18.8466 83.3585 18.8977C83.1141 18.9432 82.8698 18.9858 82.6255 19.0256C82.3812 19.0597 82.1596 19.0909 81.9607 19.1193C81.5346 19.1818 81.1624 19.2812 80.8443 19.4176C80.5261 19.554 80.2789 19.7386 80.1028 19.9716C79.9266 20.1989 79.8386 20.483 79.8386 20.8239C79.8386 21.3182 80.0176 21.696 80.3755 21.9574C80.7391 22.2131 81.1994 22.3409 81.7562 22.3409Z"
     fill="#FEFEFE"
   />
   <path
-    d="M93.2194 11.5082L95.6228 16.0849L98.0859 11.5082H101.81L98.0177 18.0536L101.913 24.5991H98.2052L95.6228 20.0735L93.0831 24.5991H89.3331L93.2194 18.0536L89.4694 11.5082H93.2194Z"
+    d="M93.2194 11.5085L95.6228 16.0852L98.0859 11.5085H101.81L98.0177 18.054L101.913 24.5994H98.2052L95.6228 20.0739L93.0831 24.5994H89.3331L93.2194 18.054L89.4694 11.5085H93.2194Z"
     fill="#FEFEFE"
   />
   <defs>
-    <clipPath id="clip0_1658_4913">
+    <clipPath id="clip0_1569_93300">
       <rect width="32" height="32" fill="white" />
     </clipPath>
   </defs>
diff --git a/explorer/src/pages/Home/components/Jumbotron/index.tsx b/explorer/src/pages/Home/components/Jumbotron/index.tsx
index 5fa8330b..8a6b6af3 100644
--- a/explorer/src/pages/Home/components/Jumbotron/index.tsx
+++ b/explorer/src/pages/Home/components/Jumbotron/index.tsx
@@ -1,5 +1,6 @@
 import { t } from "i18next";
 import { ArrowUpRight } from "lucide-react";
+import { Trans } from "react-i18next";
 
 import { Button } from "@/components/Buttons";
 import { EButtonType } from "@/components/Buttons/enum";
@@ -24,7 +25,7 @@ export const Jumbotron: React.FC = () => {
             iconRight={<ArrowUpRight />}
           />
           <p className="text-text-tertiary text-base not-italic font-normal leading-[140%]">
-            {t("home.exploreEcosystem")}
+            <Trans i18nKey="home.exploreEcosystem" components={{ bold: <strong /> }} />
           </p>
         </div>
       </div>