update logos and compose update image

Author: raphaeltm

docusaurus.config.js

@@ -40,6 +40,7 @@ const config = {
   // Even if you don't use internalization, you can use this field to set useful
   // metadata like html lang. For example, if your site is Chinese, you may want
   // to replace "en" with "zh-Hans".
+  // @ts-ignore
   i18n: {
     defaultLocale: 'en',
     locales: ['en'],

src/css/custom.css

@@ -4,14 +4,30 @@
  * work well for content-centric websites.
  */
 
- @import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,600;1,600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
 
- h1, h2, h3, h4, h5, h6, #__docusaurus_skipToContent_fallback > div > div > aside > nav > div, #__docusaurus > nav > div.navbar__inner > div:nth-child(1) > a {
-  font-family: "Exo 2", sans-serif;
+@font-face {
+  font-family: 'GuarujaNeue-SemiBold';
+  src: url('/fonts/guaruja-neue/GuarujaNeue-SemiBold.woff2') format('woff2'),
+    url('/fonts/guaruja-neue/GuarujaNeue-SemiBold.woff') format('woff');
+  font-weight: 600;
+  font-style: normal;
+}
+
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+#__docusaurus_skipToContent_fallback>div>div>aside>nav>div,
+#__docusaurus>nav>div.navbar__inner>div:nth-child(1)>a {
+  font-family: "GuarujaNeue-SemiBold", sans-serif;
   font-optical-sizing: auto;
   font-weight: 600;
   font-style: normal;
- }
+}
 
 /* You can override the default Infima variables here. */
 :root {
@@ -23,6 +39,7 @@
   --ifm-color-primary-lighter: #067ed8;
   --ifm-color-primary-lightest: #078ff4;
   --ifm-code-font-size: 95%;
+  --ifm-font-family-base: 'Inter';
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
@@ -46,15 +63,15 @@
   display: none;
 }
 
-.docs-doc-id-ask main > .container {
+.docs-doc-id-ask main>.container {
   padding: 0px !important;
 }
 
-.docs-doc-id-ask article > nav {
+.docs-doc-id-ask article>nav {
   display: none !important;
 }
 
-.docs-doc-id-ask main > .container > .row > .col {
+.docs-doc-id-ask main>.container>.row>.col {
   max-width: 100% !important;
 }
 
@@ -66,9 +83,10 @@
   display: none !important;
 }
 
-.blog-post-page main img, .blog-list-page article img {
+.blog-post-page main img,
+.blog-list-page article img {
   border-radius: 50px;
-  box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.25);
+  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.25);
 }
 
 .MuiButtonBase-root p {
@@ -82,7 +100,9 @@ a.MuiButtonBase-root:hover {
 /* Tentative change to address dark mode text on Samples page.
 To go further, consider looking at implementing MUI custom themes.
 */
-.MuiTypography-root, .MuiFormLabel-root, .MuiInputBase-input {
+.MuiTypography-root,
+.MuiFormLabel-root,
+.MuiInputBase-input {
   color: var(--ifm-font-color-base) !important;
 }
 
@@ -97,7 +117,7 @@ img.unstyled {
   background-size: 200% 100%;
   background-position: 0 0;
   background-repeat: repeat-x;
-  background-image: linear-gradient(131deg,rgba(80,54,163,.67),rgba(63,178,175,.67) 50%, rgba(80,54,163,.67));
+  background-image: linear-gradient(131deg, rgba(80, 54, 163, .67), rgba(63, 178, 175, .67) 50%, rgba(80, 54, 163, .67));
   margin-right: 1rem;
   display: inline-block;
   font-size: smaller;
@@ -117,4 +137,4 @@ img.unstyled {
   to {
     background-position: 200% 0;
   }
-}
+}