Page adjustment and optimization (#1480)

docs/src/components/LandingPage/GithubInfo.jsx

@@ -7,15 +7,15 @@ const GithubInfo = ({ owner, repo }) => {
   return (
     <div className="github-info-container w-full md:justify-normal mb-4 justify-center gap-2 flex flex-wrap  items-center">
       <div className="flex items-center">
-        <div className="dark:bg-gray-600 bg-gray-100 px-2">
+        <div className="dark:bg-gray-600 bg-gray-100 px-6 py-1">
           <span className="text-sm">star</span>
         </div>
-        <div className="dark:bg-blue-600 bg-gray-200 font-medium px-2">
+        <div className="dark:bg-blue-600 bg-gray-200 font-medium px-6 py-1">
           <span id="repo-stars-count">{favorites || 4621}</span>
         </div>
       </div>
 
-      <div className="flex items-center">
+      {/* <div className="flex items-center">
         <div className="px-2 bg-gray-100 dark:bg-gray-600">
           <span className="text-sm">language</span>
         </div>
@@ -24,18 +24,18 @@ const GithubInfo = ({ owner, repo }) => {
             {language || "java"}
           </span>
         </div>
-      </div>
+      </div> */}
 
       <div className="flex items-center">
-        <div className="dark:bg-gray-600 bg-gray-100 px-2">
+        <div className="dark:bg-gray-600 bg-gray-100 px-6 py-1">
           <span className="text-sm">forks</span>
         </div>
-        <div className="dark:bg-blue-600 bg-gray-200 px-2 font-medium">
+        <div className="dark:bg-blue-600 bg-gray-200 px-6 py-1 font-medium">
           <span id="repo-forks-count">{forks || 1020}</span>
         </div>
       </div>
 
-      <div className="flex items-center">
+      {/* <div className="flex items-center">
         <div className="px-2 bg-gray-100 dark:bg-gray-600">
           <span className="text-sm">license</span>
         </div>
@@ -44,7 +44,7 @@ const GithubInfo = ({ owner, repo }) => {
             Apache 2
           </span>
         </div>
-      </div>
+      </div> */}
     </div>
   );
 };

docs/src/components/LandingPage/Hero.jsx

@@ -9,29 +9,31 @@ const Hero = () => {
   const bgUrl = useBaseUrl("/img/bg.jpg");
 
   return (
-    <div className="min-h-screen relative text-black dark:text-white">
+    <div className=" h-[100vh] lg:h-[65vh]  relative text-black dark:text-white">
       <div
         // style={{ backgroundImage: `url(${bgUrl})` }}
-        className="hero-bg-img absolute inset-0 overflow-hidden  bg-center bg-cover bg-no-repeat"
+        className="bg-svg absolute inset-0 overflow-hidden bg-repeat"
       >
-        <div className=" container px-20 py-24 lg:py-24  md:py-8 lg:px-20 md:px-10  mx-auto flex flex-wrap flex-col lg:flex-row items-center">
+        <div className="absolute inset-0 bg-gray-400 opacity-5 dark:opacity-0"></div>
+
+        <div className=" container px-20 py-12 lg:py-16  md:py-8 lg:px-20 md:px-10  mx-auto flex flex-wrap flex-col lg:flex-row items-center">
           {/* <!--Left Col--> */}
           <div className="flex flex-col w-full lg:w-1/2 md:w-2/3 justify-center items-start text-center md:text-left">
             {/* title and desc */}
             <div>
-              <h1 className="my-4 lg:my-12 md:my-10 text-5xl font-bold leading-tight text-transparent bg-gradient-to-r from-orange-400 via-orange-400 to-orange-500 bg-clip-text">
-                Hippo4j
+              <h1 className="my-4 font-jakarta lg:my-4 md:my-4 text-5xl font-bold leading-tight ">
+                Hippo4j Thread Pool
               </h1>
 
-              <p className="leading-normal dark:text-white font-bold text-gray-800 hero-image-url text-3xl md:text-3xl">
+              {/* <p className="leading-normal dark:text-white font-bold text-gray-800 hero-image-url text-3xl md:text-3xl">
                 <Translate
                   id="homepage.titleDescription1"
                   description="The homepage title description"
                 >
                   Thread Pool Framework For Java
                 </Translate>
-              </p>
-              <p className="leading-normal font-medium hero-image-url text-gray-600 dark:text-gray-100 text-2xl mb-2">
+              </p> */}
+              <p className="leading-normal hero-image-url text-gray-600 dark:text-gray-100 text-xl mb-0">
                 <Translate
                   id="homepage.titleDescription2"
                   description="The homepage title description"
@@ -44,8 +46,8 @@ const Hero = () => {
 
             {/* button group */}
             <div className="flex my-4 lg:my-8 md:my-6  w-full justify-center md:justify-start">
-              <Link to="/docs/user_docs/intro" className="">
-                <button className="mr-2 lg:mr-4 text-base lg:text-lg w-32 lg:w-40 hover:bg-orange-500 bg-orange-400 font-medium  py-2 px-4 rounded-md focus:outline-none shadow-none border-none cursor-pointer transition-all duration-300 ease-in-out">
+              {/* <Link to="/docs/user_docs/intro" className="">
+                <button className="mr-2 lg:mr-4 text-base lg:text-lg w-32 lg:w-40 hover:bg-blue-500 bg-blue-400 font-medium  py-2 px-4 rounded-md focus:outline-none shadow-none border-none cursor-pointer transition-all duration-300 ease-in-out">
                   <Translate
                     className="cursor-pointer"
                     id="homepage.startButton"
@@ -56,7 +58,7 @@ const Hero = () => {
                 </button>
               </Link>
               <a href="https://github.com/opengoofy/hippo4j">
-                <button className="ml-2 lg:mx-0 w-32 lg:w-40 border border-solid dark:border-gray-100 border-gray-200 bg-transparent hover:bg-gray-300 hover:bg-opacity-50 font-medium py-2 px-4 rounded-md focus:outline-none shadow-none cursor-pointer transition-all duration-300 ease-in-out">
+                <button className="ml-2 lg:mx-0 w-32 lg:w-40 border-1 border-solid dark:border-gray-500 border-gray-400 bg-transparent hover:bg-gray-400 hover:bg-opacity-50 font-medium py-2 px-4 rounded-md focus:outline-none shadow-none cursor-pointer transition-all duration-300 ease-in-out">
                   <div className="flex cursor-pointer items-center justify-center">
                     <Icon
                       className="w-6 h-6 mr-2 rounded-full flex-shrink-0 dark:bg-white"
@@ -65,18 +67,91 @@ const Hero = () => {
                     <span className="text-base lg:text-lg">GitHub</span>
                   </div>
                 </button>
+              </a> */}
+              <Link
+                to="/docs/user_docs/intro"
+                class="relative mr-4 w-32 text-center lg:w-48 hover:no-underline inline-flex items-center justify-start py-3  overflow-hidden font-semibold text-white transition-all duration-150 ease-in-out rounded  bg-blue-500 group"
+              >
+                <span class="absolute bottom-0 left-0 w-full h-1 transition-all duration-150 ease-in-out bg-blue-600 group-hover:h-full"></span>
+                {/* <span class="absolute right-0 pr-4 duration-200 ease-out group-hover:translate-x-12">
+                  <svg
+                    class="w-5 h-5 text-white"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M14 5l7 7m0 0l-7 7m7-7H3"
+                    ></path>
+                  </svg>
+                </span> */}
+                {/* <span class="absolute left-0 pl-2.5 -translate-x-12 group-hover:translate-x-0 ease-out duration-200">
+                  <svg
+                    class="w-5 h-5 text-gray-200"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M14 5l7 7m0 0l-7 7m7-7H3"
+                    ></path>
+                  </svg>
+                </span> */}
+                <span class="relative w-full text-center transition-colors duration-200 ease-in-out group-hover:text-white">
+                  Start Learning
+                </span>
+              </Link>
+
+              <a
+                href="https://github.com/opengoofy/hippo4j"
+                class="relative w-32 hover:no-underline lg:w-48 inline-block text-lg group"
+              >
+                <span class="relative z-10 block px-5 py-3 overflow-hidden font-medium leading-tight text-gray-800 transition-colors duration-300 ease-out border-2 border-gray-900 rounded-lg group-hover:text-white">
+                  <span class="absolute inset-0 w-full h-full px-5 py-3 rounded-lg bg-gray-50"></span>
+                  <span class="absolute left-0 w-48 h-48 -ml-2 transition-all duration-300 origin-top-right -rotate-90 -translate-x-full translate-y-12 bg-gray-900 group-hover:-rotate-180 ease"></span>
+                  <span class="relative flex items-center justify-center">
+                    {" "}
+                    <Icon
+                      className="w-6 h-6 mr-2 rounded-full flex-shrink-0 bg-white text-white"
+                      icon="devicon:github"
+                    />
+                    Github
+                  </span>
+                  {/* <div className="flex cursor-pointer items-center justify-center">
+                    <Icon
+                      className="w-6 h-6 mr-2 rounded-full flex-shrink-0 dark:bg-white"
+                      icon="devicon:github"
+                    />
+                    <span className="text-base lg:text-lg">GitHub</span>
+                  </div> */}
+                </span>
+                <span
+                  class="absolute bottom-0 right-0 w-full h-12 -mb-1 -mr-1 transition-all duration-200 ease-linear bg-gray-900 rounded-lg group-hover:mb-0 group-hover:mr-0"
+                  data-rounded="rounded-lg"
+                ></span>
               </a>
             </div>
             {/* github info */}
             <div className="github-info w-full">
               <GithubInfo owner="opengoofy" repo="hippo4j" />
             </div>
+
+            {/* button test */}
+            <div className="flex"></div>
           </div>
 
           {/* <!--Right image--> */}
-          <div className="w-full lg:w-1/2 text-center hidden lg:block ">
+          <div className="w-full lg:w-1/2 text-center lg:block ">
             <img
-              className="hero-img w-full h-auto object-cover md:shadow-sm lg:h-80 md:h-96 dark:rounded-lg dark:shadow-lg dark:filter-brightness-75"
+              className="hero-img w-full h-auto object-cover lg:h-80 md:h-96 dark:rounded-lg dark:shadow-lg dark:filter-brightness-75"
               // src={useBaseUrl("/img/hero-removebg.png")}
               alt="Hippo4j System"
             />

docs/src/components/LandingPage/Introduction.jsx

@@ -3,18 +3,19 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
 import Translate from "@docusaurus/Translate";
 const Introduction = () => {
   return (
-    <section className=" border-b mt-4  mb-28 dark:text-white">
+    <section className=" border-b  mb-28 dark:text-white">
       <div className=" ">
-        <div className="title-container w-full bg-gray-100 p-4 mb-4 flex flex-wrap dark:bg-gray-700">
-          <div className="left-image-container w-full md:w-1/2 sm:w-1/3">
+        <div className="title-container w-full bg-gray-50 p-4 mb-4 flex flex-wrap dark:bg-[#242526]">
+          <div className="left-image-container px-24  w-full md:w-1/2 sm:w-1/3">
             <img
-              className="w-full h-64 object-cover md:shadow-sm lg:h-80 md:h-96 dark:rounded-lg dark:shadow-lg dark:filter-brightness-75"
+              className="w-full -mt-8 h-64 object-cover  lg:h-80 md:h-96 dark:rounded-lg "
               alt="Hippo4j System"
-              src={useBaseUrl("/img/introduction/title-image.svg")}
+              src={useBaseUrl("/img/introduction/t2.svg")}
             />
+            {/* <div className="introduction-title-image h-64 w-full img-div"></div> */}
           </div>
           <div className="right-title-container py-4 px-16 md:px-4 md:pt-8 w-full md:w-1/2 sm:w-2/3 sm:px-8">
-            <h2 className="w-full my-2 text-3xl font-large leading-tight text-transparent bg-gradient-to-r from-orange-400 via-orange-500 to-orange-600 bg-clip-text">
+            <h2 className="w-full my-2 text-3xl font-medium leading-tight text-gray-800 dark:text-white ">
               <Translate
                 id="homepage.secondTitle"
                 description="The title for the introduction part"
@@ -43,7 +44,7 @@ const Introduction = () => {
           </div>
         </div>
 
-        <div class="container px-20 lg:px-20 md:px-10 three-part-container">
+        <div class="container px-20 lg:px-36 md:px-10 three-part-container">
           <div class="flex flex-wrap pt-6">
             <div class="w-full pr-4 sm:w-2/3 md:w-1/2   ">
               <h3 class="text-2xl md:pb-6 text-gray-800 dark:text-white font-medium leading-none mb-3">
@@ -90,21 +91,21 @@ const Introduction = () => {
             <div class="w-full sm:w-1/3 md:w-1/2 ">
               {/* <img class="mx-auto w-4/5 z-50" src="f1.png" /> */}
               <img
-                className="w-full h-auto sm:h-64 object-cover md:shadow-sm lg:h-80 md:h-72 dark:rounded-lg dark:shadow-lg dark:filter-brightness-75"
-                src={useBaseUrl("/img/introduction/p1.svg")}
+                className="w-full -mt-4 h-auto sm:h-64 object-contain  lg:h-80 md:h-72 dark:rounded-lg "
+                src={useBaseUrl("/img/introduction/p11.svg")}
                 alt="Hippo4j System"
               />
             </div>
           </div>
           <div class="flex flex-wrap pt-6 flex-col-reverse sm:flex-row">
-            <div class="w-full sm:w-1/3 md:w-1/2  mt-6">
+            <div class="w-full pr-16  sm:w-1/3 md:w-1/2  mt-6">
               <img
-                className="w-full h-auto sm:h-64 object-cover md:shadow-sm lg:h-80 md:h-96 dark:rounded-lg dark:shadow-lg dark:filter-brightness-75"
-                src={useBaseUrl("/img/introduction/p2.svg")}
+                className="w-full h-auto sm:h-64 object-contain  lg:h-80 md:h-96 dark:rounded-lg "
+                src={useBaseUrl("/img/introduction/p22.svg")}
                 alt="Hippo4j System"
               />
             </div>
-            <div class="w-full sm:w-2/3 md:w-1/2 md:pl-8 sm:pl-8 mt-6">
+            <div class="w-full sm:w-2/3 md:w-1/2 md:pl-16 sm:pl-8 mt-6 lg:pt-8">
               <div class="align-middle">
                 <h3 class="text-2xl md:pb-6 text-gray-800 dark:text-white font-medium leading-none mb-3">
                   <Translate
@@ -195,8 +196,8 @@ const Introduction = () => {
             <div class="w-full sm:w-1/3 md:w-1/2 ">
               {/* <img class="mx-auto w-4/5 z-50" src="f3_r.png" /> */}
               <img
-                className="w-full h-auto sm:h-64 object-cover md:shadow-sm lg:h-80 md:h-96 dark:rounded-lg dark:shadow-lg dark:filter-brightness-75"
-                src={useBaseUrl("/img/introduction/p3.svg")}
+                className="w-full -mt-16 -ml-16 h-auto sm:h-64 object-contain  lg:h-80 md:h-96 dark:rounded-lg  "
+                src={useBaseUrl("/img/introduction/p33.svg")}
                 alt="Hippo4j System"
               />
             </div>

docs/src/css/custom.css

@@ -11,7 +11,7 @@
 @tailwind utilities;
 
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
-
+@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700&display=swap");
 :root {
   /*
     See css var + hsl color palette technique:
@@ -47,6 +47,9 @@ html[data-theme="dark"] {
   --ifm-color-primary-lightest: hsl(
     var(--site-primary-hue-saturation-light) 58%
   );
+
+  --ifm-breadcrumb-item-background-active: #0000000d;
+  --ifm-breadcrumb-color-active: #2160fd;
 }
 
 [data-theme="dark"] {
@@ -62,6 +65,9 @@ html[data-theme="dark"] {
   --ifm-color-primary-lightest: hsl(
     var(--site-primary-hue-saturation-light) 73%
   );
+
+  /* --ifm-breadcrumb-item-background-active: #333333; */
+  --ifm-breadcrumb-color-active: #ffffff;
 }
 
 .docusaurus-highlight-code-line {
@@ -220,30 +226,36 @@ div[class^="announcementBar_"] {
   }
 }
 
-/* Custom by youbo */
+/* Custom */
 .bg-cousom {
   background-position: 50% 65%;
 }
 
-.bg-svg {
-  background-color: #ffffff;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192'%3E%3Cpath fill='%23c2b9cf' fill-opacity='0.31' d='M192 15v2a11 11 0 0 0-11 11c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H145v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11 13 13 0 1 1 .02 26 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43a6.1 6.1 0 0 0-3.03 4.87V143h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 181 164a11 11 0 0 0 11 11v2a13 13 0 0 1-13-13 12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84a6.1 6.1 0 0 0-4.87-3.03H145v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 124 181a11 11 0 0 0-11 11h-2a13 13 0 0 1 13-13c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43a6.1 6.1 0 0 0 3.03-4.87V145h-35.02a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 107 124a11 11 0 0 0-22 0c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H49v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11A13 13 0 0 1 81 192h-2a11 11 0 0 0-11-11c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V145H11.98a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 0 1 0 177v-2a11 11 0 0 0 11-11c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H47v-35.02a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 28 109a13 13 0 1 1 0-26c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43A6.1 6.1 0 0 0 47 84.02V49H11.98a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 11 28 11 11 0 0 0 0 17v-2a13 13 0 0 1 13 13c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84A6.1 6.1 0 0 0 11.98 47H47V11.98a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 68 11 11 11 0 0 0 79 0h2a13 13 0 0 1-13 13 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43A6.1 6.1 0 0 0 49 11.98V47h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 85 68a11 11 0 0 0 22 0c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H143V11.98a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 124 13a13 13 0 0 1-13-13h2a11 11 0 0 0 11 11c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V47h35.02a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 179 28a13 13 0 0 1 13-13zM84.02 143a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 83 124a13 13 0 1 1 26 0c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84a6.1 6.1 0 0 0 4.87 3.03H143v-35.02a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 164 107a11 11 0 0 0 0-22c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V49h-35.02a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 1 1 83 68a12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84A6.1 6.1 0 0 0 84.02 49H49v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 28 85a11 11 0 0 0 0 22c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V143h35.02z'%3E%3C/path%3E%3C/svg%3E");
-}
-
 :root[data-theme="light"] {
   --hero-image-url: url("../../static/img/hero/hero-removebg.png");
-  --hero-bg-url: url("../../static/img/hero/bg.jpg");
+  --bg-background-color: #f9fafb;
+  --bg-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='%23bfbfbf' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M5 3.59L1.46.05.05 1.46 3.59 5 .05 8.54l1.41 1.41L5 6.41l3.54 3.54 1.41-1.41L6.41 5l3.54-3.54L8.54.05 5 3.59zM17 2h24v2H17V2zm0 4h24v2H17V6zM2 17h2v24H2V17zm4 0h2v24H6V17z'/%3E%3C/g%3E%3C/svg%3E");
 }
 
 :root[data-theme="dark"] {
-  --hero-image-url: url("../../static/img/hero/hero.jpg");
-  /* --hero-bg-url:url("../../static/img/bg.jpg"); */
+  --hero-image-url: url("../../static/img/hero/hero-removebg.png");
+  --bg-background-color: #1b1b1d;
+  --bg-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='%239C92AC' fill-opacity='0.4'%3E%3Cpath fill-rule='evenodd' d='M5 3.59L1.46.05.05 1.46 3.59 5 .05 8.54l1.41 1.41L5 6.41l3.54 3.54 1.41-1.41L6.41 5l3.54-3.54L8.54.05 5 3.59zM17 2h24v2H17V2zm0 4h24v2H17V6zM2 17h2v24H2V17zm4 0h2v24H6V17z'/%3E%3C/g%3E%3C/svg%3E");
+}
+
+.bg-svg {
+  background-color: var(--bg-background-color);
+  background-image: var(--bg-background-image);
 }
 
 .hero-img {
   content: var(--hero-image-url);
 }
 
-.hero-bg-img {
-  background-image: var(--hero-bg-url);
+.h-custom {
+  height: 65vh;
+}
+
+.font-jakarta {
+  font-family: "Plus Jakarta Sans", sans-serif;
 }

docs/src/pages/users.js

@@ -6,39 +6,31 @@ import Translate from "@docusaurus/Translate";
 function CompanyCards({ companies }) {
   return (
     <div className="grid sm:grid-cols-2 grid-cols-1 md:px-16 md:grid-cols-3 lg:grid-cols-5 gap-4 mb-16 lg:px-2 px-10">
-      {companies.map((company) => (
-        <div
-          onClick={() => window.open(company.url)}
-          key={company.url}
-          className="bg-white rounded-lg overflow-hidden shadow-sm transform cursor-pointer transition-all duration-500 hover:scale-110"
-          style={{ border: "1px solid #E5E7EB" }}
-        >
-          <div className="flex dark:text-black items-center justify-center h-28">
-            <div
-              className="h-24 w-24 object-contain"
-              style={{ position: "relative" }}
-            >
-              <img
-                src={useBaseUrl(company.logo)}
-                alt={`${company.name}`}
-                className="h-24 w-24 object-contain"
-                onError={(e) => {
-                  e.target.style.display = "none"; // Hide the image if it fails to load
-                  e.target.nextSibling.style.display = "flex"; // Show the alt text
-                }}
-              />
+      {/* Filter out those without a logo. */}
+      {companies
+        .filter((comapny) => comapny.logo.length > 0)
+        .map((company) => (
+          <div
+            onClick={() => window.open(company.url)}
+            key={company.url}
+            // className="bg-white rounded-lg overflow-hidden shadow-sm transform cursor-pointer transition-all duration-500 hover:scale-110"
+            className="bg-white rounded-lg overflow-hidden shadow-sm transform cursor-pointer transition-all duration-500 hover:scale-110"
+            style={{ border: "1px solid #E5E7EB" }}
+          >
+            <div className="flex dark:text-black items-center justify-center h-28">
               <div
-                className="flex items-center justify-center absolute inset-0 text-center"
-                style={{
-                  display: "none", // Hide the alt text by default
-                }}
+                className="h-24 w-24 object-contain"
+                style={{ position: "relative" }}
               >
-                {company.name}
+                <img
+                  src={useBaseUrl(company.logo)}
+                  alt={`${company.name}`}
+                  className="h-24 w-24 object-contain"
+                />
               </div>
             </div>
           </div>
-        </div>
-      ))}
+        ))}
     </div>
   );
 }
@@ -81,7 +73,7 @@ export default function OurUsers() {
               </Translate>{" "}
               <a
                 href="https://github.com/opengoofy/hippo4j/issues/13"
-                className="text-blue-500 hover:text-blue-700 font-bold"
+                className="text-blue-400 hover:text-blue-500 font-medium"
               >
                 <Translate
                   id="companyPage.linkText"

docs/static/img/company_logos/didiglobal.svg

@@ -5,38 +5,38 @@
 </defs>
 <g transform="matrix(1 0 0 1 46.5 19)"  >
 <g style=""   >
-		<g transform="matrix(1 0 0 1 1.81 6.25)" id="Fill-1"  >
-<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-48.31, -25.25)" d="M 48.7217 20.9722 C 47.9585333 22.9672 46.5372278 26.6806444 45.64845 28.6851444 L 45.5497556 28.9083944 L 47.8160333 29.7296167 L 47.9020611 29.53645 C 49.0352 26.9994222 50.0443111 24.4639778 50.98745 21.78445 L 51.0629222 21.5707 L 48.8013944 20.7647833 L 48.7217 20.9722 Z" stroke-linecap="round" />
+		<g transform="matrix(1 0 0 1 2 6.5)" id="Fill-1"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(40,40,40); fill-rule: evenodd; opacity: 1;"  transform=" translate(-48.5, -25.5)" d="M 48.8766992 21.2082303 C 48.1845683 23.2110562 46.8955581 26.9390675 46.0895079 28.9514306 L 46 29.1755563 L 48.0553322 30 L 48.1333525 29.8060756 C 49.1610186 27.2590957 50.0762014 24.7137054 50.9315527 22.0236665 L 51 21.8090781 L 48.9489757 21 L 48.8766992 21.2082303 Z" stroke-linecap="round" />
 </g>
-		<g transform="matrix(1 0 0 1 1.81 -7.31)" id="Fill-3"  >
-<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-48.31, -11.69)" d="M 47.1649139 12.3122639 C 47.8679139 12.8548194 48.6648583 13.4702083 49.1651917 13.900875 L 49.3451639 14.0560417 L 50.8377194 12.1660694 L 50.6756917 12.0235694 C 49.988525 11.4197917 48.896025 10.556875 47.4272194 9.459625 L 47.2467194 9.32451389 L 45.7889972 11.2324306 L 45.9610528 11.3717639 C 46.2756083 11.625625 46.7068028 11.9586528 47.1649139 12.3122639" stroke-linecap="round" />
+		<g transform="matrix(1 0 0 1 2 -7.5)" id="Fill-3"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(40,40,40); fill-rule: evenodd; opacity: 1;"  transform=" translate(-48.5, -11.5)" d="M 47.3626385 12.1572783 C 48.0588543 12.7306191 48.8481079 13.3809258 49.3436128 13.836029 L 49.5218482 14 L 51 12.0027886 L 50.8395359 11.852203 C 50.1590006 11.2141662 49.0770437 10.3022867 47.6224127 9.14277747 L 47.4436546 9 L 46 11.016174 L 46.1703951 11.1634133 C 46.4819151 11.4316788 46.9089484 11.7836029 47.3626385 12.1572783" stroke-linecap="round" />
 </g>
-		<g transform="matrix(1 0 0 1 1.57 -2.15)" id="Fill-5"  >
-<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-48.07, -16.85)" d="M 49.3460611 19.4095556 L 50.8391444 17.5185278 L 50.6734222 17.3765556 C 49.4901444 16.36375 48.1627833 15.3161111 46.9346444 14.4262778 L 46.7546722 14.2953889 L 45.29695 16.2122778 L 45.4848389 16.3495 C 46.6823667 17.2224444 47.9891444 18.2547778 49.1660889 19.2565 L 49.3460611 19.4095556 Z" stroke-linecap="round" />
+		<g transform="matrix(1 0 0 1 1.5 -2.5)" id="Fill-5"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(40,40,40); fill-rule: evenodd; opacity: 1;"  transform=" translate(-48, -16.5)" d="M 49.3835825 19 L 51 17.1511868 L 50.8205885 17.0123839 C 49.5395677 16.0221878 48.1025617 14.997936 46.772974 14.127967 L 46.5781354 14 L 45 15.874097 L 45.2034092 16.0082559 C 46.4998572 16.8617131 47.9145796 17.871001 49.1887439 18.8503612 L 49.3835825 19 Z" stroke-linecap="round" />
 </g>
-		<g transform="matrix(1 0 0 1 12.72 -0.08)" id="Fill-7"  >
-<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-59.22, -18.92)" d="M 61.7289417 12.4118028 L 61.1299139 14.4353028 L 57.313025 14.4353028 L 56.7139972 12.4118028 L 61.7289417 12.4118028 Z M 61.1631639 23.673525 L 61.1631639 24.8393861 C 61.1631639 25.0135528 61.0211917 25.1549972 60.8475528 25.1549972 L 57.279775 25.1549972 L 57.279775 23.673525 L 61.1631639 23.673525 Z M 60.5324694 7.83069167 L 57.9109972 7.83069167 L 57.9109972 10.2194139 L 50.8561917 10.2194139 L 50.8561917 12.4118028 L 54.1136361 12.4144417 L 54.8256083 14.4379417 L 51.456275 14.434775 L 51.456275 30.0158306 L 53.8661083 30.0158306 L 53.8661083 16.6276917 L 58.0165528 16.6276917 L 58.0165528 17.9587472 L 54.5020806 17.9587472 L 54.5020806 20.1511361 L 58.0165528 20.1511361 L 58.0165528 21.4811361 L 55.0879139 21.4811361 L 55.0879139 27.3473861 L 61.7706361 27.3473861 C 62.6441083 27.3473861 63.355025 26.6364694 63.355025 25.7619417 L 63.355025 21.4811361 L 60.4263861 21.4811361 L 60.4263861 20.1511361 L 63.7170806 20.1511361 L 63.7170806 17.9587472 L 60.4263861 17.9587472 L 60.4263861 16.6276917 L 64.5773583 16.6276917 L 64.5773583 26.965275 C 64.5773583 27.4381639 64.1920806 27.8229139 63.7186639 27.8229139 L 61.1003583 27.8229139 L 61.7431917 30.0158306 L 64.0448306 30.0158306 C 65.6666917 30.0158306 66.9866639 28.6958583 66.9866639 27.0734694 L 66.9866639 14.4353028 L 63.6168028 14.4353028 L 64.3282472 12.4118028 L 67.5862194 12.4118028 L 67.5862194 10.2194139 L 60.5324694 10.2194139 L 60.5324694 7.83069167 Z" stroke-linecap="round" />
+		<g transform="matrix(1 0 0 1 12 0)" id="Fill-7"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(40,40,40); fill-rule: evenodd; opacity: 1;"  transform=" translate(-58.5, -19)" d="M 61.0482034 12.5428809 L 60.4395091 14.5494945 L 56.5610272 14.5494945 L 55.9523329 12.5428809 L 61.0482034 12.5428809 Z M 60.4732957 23.7106221 L 60.4732957 24.8667539 C 60.4732957 25.0394671 60.3290325 25.1797312 60.1525916 25.1797312 L 56.5272406 25.1797312 L 56.5272406 23.7106221 L 60.4732957 23.7106221 Z M 59.8324237 8 L 57.1686489 8 L 57.1686489 10.3687879 L 50 10.3687879 L 50 12.5428809 L 53.3100098 12.5454978 L 54.0334711 14.5521113 L 50.6097669 14.5489711 L 50.6097669 30 L 53.0584876 30 L 53.0584876 16.7235875 L 57.2759078 16.7235875 L 57.2759078 18.0435351 L 53.7047225 18.0435351 L 53.7047225 20.2176282 L 57.2759078 20.2176282 L 57.2759078 21.5365291 L 54.3000095 21.5365291 L 54.3000095 27.3538242 L 61.0905707 27.3538242 C 61.9781381 27.3538242 62.7005268 26.6488403 62.7005268 25.7816106 L 62.7005268 21.5365291 L 59.7246285 21.5365291 L 59.7246285 20.2176282 L 63.0684249 20.2176282 L 63.0684249 18.0435351 L 59.7246285 18.0435351 L 59.7246285 16.7235875 L 63.9425849 16.7235875 L 63.9425849 26.9749019 C 63.9425849 27.4438444 63.5510899 27.8253836 63.0700338 27.8253836 L 60.4094766 27.8253836 L 61.0626834 30 L 63.4014638 30 C 65.0494968 30 66.3907694 28.6910432 66.3907694 27.0821934 L 66.3907694 14.5494945 L 62.9665289 14.5494945 L 63.6894539 12.5428809 L 67 12.5428809 L 67 10.3687879 L 59.8324237 10.3687879 L 59.8324237 8 Z" stroke-linecap="round" />
 </g>
-		<g transform="matrix(1 0 0 1 27.17 6.25)" id="Fill-9"  >
-<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-73.67, -25.25)" d="M 74.0896028 20.9722 C 73.324325 22.9703667 71.9003806 26.6906722 71.0163528 28.6851444 L 70.9181861 28.9083944 L 73.1839361 29.7296167 L 73.2699639 29.53645 C 74.4009917 27.0025889 75.4101028 24.4666167 76.354825 21.78445 L 76.4302972 21.5707 L 74.1692972 20.7647833 L 74.0896028 20.9722 Z" stroke-linecap="round" />
+		<g transform="matrix(1 0 0 1 27 6.5)" id="Fill-9"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(40,40,40); fill-rule: evenodd; opacity: 1;"  transform=" translate(-73.5, -25.5)" d="M 73.8767714 21.2082303 C 73.1825929 23.2142353 71.8909422 26.9491346 71.0890463 28.9514306 L 71 29.1755563 L 73.055247 30 L 73.1332823 29.8060756 C 74.1592302 27.2622748 75.0745883 24.7163546 75.9315396 22.0236665 L 76 21.8090781 L 73.9490617 21 L 73.8767714 21.2082303 Z" stroke-linecap="round" />
 </g>
-		<g transform="matrix(1 0 0 1 27.18 -7.31)" id="Fill-11"  >
-<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-73.68, -11.69)" d="M 72.5371972 12.3159583 C 73.2386139 12.8574583 74.033975 13.4712639 74.5332528 13.900875 L 74.713225 14.0560417 L 76.2052528 12.1660694 L 76.043225 12.0235694 C 75.3581694 11.421375 74.2651417 10.5584583 72.7952806 9.459625 L 72.6147806 9.32451389 L 71.1570583 11.2324306 L 71.3291139 11.3717639 C 71.6441972 11.6266806 72.0775028 11.9607639 72.5371972 12.3159583" stroke-linecap="round" />
+		<g transform="matrix(1 0 0 1 27 -7.5)" id="Fill-11"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(40,40,40); fill-rule: evenodd; opacity: 1;"  transform=" translate(-73.5, -11.5)" d="M 72.3669629 12.1611824 C 73.0616832 12.7334077 73.8494511 13.3820413 74.3439624 13.836029 L 74.5222164 14 L 76 12.0027886 L 75.8395191 11.852203 C 75.1610037 11.2158394 74.0784109 10.3039598 72.6225823 9.14277747 L 72.4438055 9 L 71 11.016174 L 71.170413 11.1634133 C 71.4824882 11.4327942 71.9116571 11.7858338 72.3669629 12.1611824" stroke-linecap="round" />
 </g>
-		<g transform="matrix(1 0 0 1 26.94 -2.15)" id="Fill-13"  >
-<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-73.44, -16.85)" d="M 74.7140167 19.4095556 L 76.2071 17.5185278 L 76.0413778 17.3765556 C 74.8581 16.36375 73.5307389 15.3161111 72.3026 14.4262778 L 72.1226278 14.2953889 L 70.6654333 16.2122778 L 70.8527944 16.3495 C 72.0524333 17.2240278 73.3597389 18.2568889 74.5340444 19.2565 L 74.7140167 19.4095556 Z" stroke-linecap="round" />
+		<g transform="matrix(1 0 0 1 26.5 -2.5)" id="Fill-13"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(40,40,40); fill-rule: evenodd; opacity: 1;"  transform=" translate(-73, -16.5)" d="M 74.3834286 19 L 76 17.1511868 L 75.8205714 17.0123839 C 74.5394286 16.0221878 73.1022857 14.997936 71.7725714 14.127967 L 71.5777143 14 L 70 15.874097 L 70.2028571 16.0082559 C 71.5017143 16.8632611 72.9171429 17.873065 74.1885714 18.8503612 L 74.3834286 19 Z" stroke-linecap="round" />
 </g>
-		<g transform="matrix(1 0 0 1 38.09 -0.08)" id="Fill-15"  >
-<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-84.59, -18.92)" d="M 87.0968972 12.4118028 L 86.4973417 14.4353028 L 82.6809806 14.4353028 L 82.0819528 12.4118028 L 87.0968972 12.4118028 Z M 86.5305917 23.673525 L 86.5305917 24.8393861 C 86.5305917 25.0135528 86.3886194 25.1549972 86.2155083 25.1549972 L 82.6477306 25.1549972 L 82.6477306 23.673525 L 86.5305917 23.673525 Z M 85.8998972 7.83069167 L 83.278425 7.83069167 L 83.278425 10.2194139 L 76.224675 10.2194139 L 76.224675 12.4118028 L 79.4815917 12.4144417 L 80.1930361 14.4379417 L 76.8242306 14.434775 L 76.8242306 30.0158306 L 79.2335361 30.0158306 L 79.2335361 16.6276917 L 83.3839806 16.6276917 L 83.3839806 17.9587472 L 79.8700361 17.9587472 L 79.8700361 20.1511361 L 83.3839806 20.1511361 L 83.3839806 21.4811361 L 80.4558694 21.4811361 L 80.4558694 27.3473861 L 87.1380639 27.3473861 C 88.0120639 27.3473861 88.7224528 26.6364694 88.7224528 25.7619417 L 88.7224528 21.4811361 L 85.7943417 21.4811361 L 85.7943417 20.1511361 L 89.0845083 20.1511361 L 89.0845083 17.9587472 L 85.7943417 17.9587472 L 85.7943417 16.6276917 L 89.9447861 16.6276917 L 89.9447861 26.965275 C 89.9447861 27.4381639 89.5595083 27.8229139 89.0866194 27.8229139 L 86.4677861 27.8229139 L 87.1106194 30.0158306 L 89.4122583 30.0158306 C 91.0346472 30.0158306 92.3546194 28.6958583 92.3546194 27.0734694 L 92.3546194 14.4353028 L 88.9852861 14.4353028 L 89.6967306 12.4118028 L 92.9536472 12.4118028 L 92.9536472 10.2194139 L 85.8998972 10.2194139 L 85.8998972 7.83069167 Z" stroke-linecap="round" />
+		<g transform="matrix(1 0 0 1 38 0)" id="Fill-15"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(40,40,40); fill-rule: evenodd; opacity: 1;"  transform=" translate(-84.5, -19)" d="M 87.0483642 12.5428809 L 86.4390952 14.5494945 L 82.5609048 14.5494945 L 81.9521721 12.5428809 L 87.0483642 12.5428809 Z M 86.4728839 23.7106221 L 86.4728839 24.8667539 C 86.4728839 25.0394671 86.3286115 25.1797312 86.1526958 25.1797312 L 82.5271161 25.1797312 L 82.5271161 23.7106221 L 86.4728839 23.7106221 Z M 85.8319715 8 L 83.1680285 8 L 83.1680285 10.3687879 L 76 10.3687879 L 76 12.5428809 L 79.3096823 12.5454978 L 80.0326529 14.5521113 L 76.609269 14.5489711 L 76.609269 30 L 79.057608 30 L 79.057608 16.7235875 L 83.2752942 16.7235875 L 83.2752942 18.0435351 L 79.70442 18.0435351 L 79.70442 20.2176282 L 83.2752942 20.2176282 L 83.2752942 21.5365291 L 80.2997445 21.5365291 L 80.2997445 27.3538242 L 87.0901978 27.3538242 C 87.9783576 27.3538242 88.7002555 26.6488403 88.7002555 25.7816106 L 88.7002555 21.5365291 L 85.7247058 21.5365291 L 85.7247058 20.2176282 L 89.0681768 20.2176282 L 89.0681768 18.0435351 L 85.7247058 18.0435351 L 85.7247058 16.7235875 L 89.942392 16.7235875 L 89.942392 26.9749019 C 89.942392 27.4438444 89.5508723 27.8253836 89.0703221 27.8253836 L 86.4090608 27.8253836 L 87.0623087 30 L 89.4012367 30 C 91.0499101 30 92.3912673 28.6910432 92.3912673 27.0821934 L 92.3912673 14.5494945 L 88.9673471 14.5494945 L 89.6903177 12.5428809 L 93 12.5428809 L 93 10.3687879 L 85.8319715 10.3687879 L 85.8319715 8 Z" stroke-linecap="round" />
 </g>
-		<g transform="matrix(1 0 0 1 -27.57 -0.07)" id="Fill-17"  >
-<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-18.93, -18.93)" d="M 30.0177306 37.7670389 L 7.83839722 37.7670389 C 3.55811944 37.7670389 0.0890361111 34.2974278 0.0890361111 30.0176778 L 0.0890361111 7.83834444 C 0.0890361111 3.55806667 3.55811944 0.0889833333 7.83839722 0.0889833333 L 30.0177306 0.0889833333 C 34.2974806 0.0889833333 37.7670917 3.55806667 37.7670917 7.83834444 L 37.7670917 30.0176778 C 37.7670917 34.2974278 34.2974806 37.7670389 30.0177306 37.7670389" stroke-linecap="round" />
+		<g transform="matrix(1 0 0 1 -27.5 0)" id="Fill-17"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;"  transform=" translate(-19, -19)" d="M 7.81557641 38 C 3.49872531 38 0 34.5007424 0 30.1844236 L 0 7.81557641 C 0 3.49872531 3.49872531 0 7.81557641 0 L 30.1844236 0 C 34.5007424 0 38 3.49872531 38 7.81557641 L 38 30.1844236 C 38 34.5007424 34.5007424 38 30.1844236 38 L 7.81557641 38 Z" stroke-linecap="round" />
 </g>
-		<g transform="matrix(1 0 0 1 -27.57 -0.07)" id="Stroke-19"  >
-<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: evenodd; opacity: 1;"  transform=" translate(-18.93, -18.93)" d="M 30.0177306 37.7670389 L 7.83839722 37.7670389 C 3.55811944 37.7670389 0.0890361111 34.2974278 0.0890361111 30.0176778 L 0.0890361111 7.83834444 C 0.0890361111 3.55806667 3.55811944 0.0889833333 7.83839722 0.0889833333 L 30.0177306 0.0889833333 C 34.2974806 0.0889833333 37.7670917 3.55806667 37.7670917 7.83834444 L 37.7670917 30.0176778 C 37.7670917 34.2974278 34.2974806 37.7670389 30.0177306 37.7670389 Z" stroke-linecap="round" />
+		<g transform="matrix(1 0 0 1 -27.5 0)" id="Stroke-19"  >
+<path style="stroke: rgb(40,40,40); stroke-width: 0.5; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: evenodd; opacity: 1;"  transform=" translate(-19, -19)" d="M 30.1844236 0.25 C 32.273614 0.25 34.165062 1.09675306 35.5341855 2.46587654 C 36.903224 3.8349151 37.75 5.72625825 37.75 7.81557641 L 37.75 7.81557641 L 37.75 30.1844236 C 37.75 32.2735491 36.9031671 34.1649422 35.5340547 35.5340547 C 34.1649422 36.9031671 32.2735491 37.75 30.1844236 37.75 L 30.1844236 37.75 L 7.81557641 37.75 C 5.72625825 37.75 3.8349151 36.903224 2.46587654 35.5341855 C 1.09675306 34.165062 0.25 32.273614 0.25 30.1844236 L 0.25 30.1844236 L 0.25 7.81557641 C 0.25 5.72619329 1.0966961 3.83479537 2.46574574 2.46574574 C 3.83479537 1.0966961 5.72619329 0.25 7.81557641 0.25 L 7.81557641 0.25 Z" stroke-linecap="round" />
 </g>
-		<g transform="matrix(1 0 0 1 -27.16 0.77)" id="Fill-21"  >
-<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,100,0); fill-rule: evenodd; opacity: 1;"  transform=" translate(-19.34, -19.77)" d="M 19.419425 25.8178333 C 23.9799528 25.6753333 27.5957583 22.0463333 27.6490639 17.5401667 L 27.6490639 13.6662778 L 32.6666472 13.6662778 L 32.6666472 17.9497222 C 32.5690083 24.9169167 26.5122306 30.41425 19.419425 30.5720556 L 19.419425 30.571 C 12.2105083 30.5261389 6.10675833 24.9902778 6.00736001 17.9486667 L 6.00736001 10.2483889 C 5.99645278 9.46094444 6.50945278 8.95005556 7.28423056 8.96113889 L 27.6469528 8.96008333 L 27.6469528 13.6641667 L 11.6790361 13.6683889 C 11.2694806 13.6683889 11.0230083 13.9180278 11.0230083 14.3238889 L 11.0230083 17.4620556 C 11.0773694 22.0278611 14.7554528 25.7708611 19.4183694 25.8178333 L 19.419425 25.8178333 Z" stroke-linecap="round" />
+		<g transform="matrix(1 0 0 1 -27 1)" id="Fill-21"  >
+<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,100,0); fill-rule: evenodd; opacity: 1;"  transform=" translate(-19.5, -20)" d="M 27.9182906 17.7341327 L 27.9182906 13.7906909 L 33 13.7906909 L 33 18.1510415 C 32.9011133 25.2433271 26.7669283 30.8393612 19.5834748 31 C 12.2824262 30.9532589 6.10066866 25.3180053 6 18.149967 L 6 10.3114362 C 5.98895337 9.50985372 6.50850965 8.98979218 7.29318929 9.00107451 L 27.9161525 9 L 27.9161525 13.7885418 L 11.7441616 13.7928399 C 11.3293718 13.7928399 11.0797496 14.0469609 11.0797496 14.4601089 L 11.0797496 17.6546192 C 11.1348055 22.3024005 14.8598957 26.1126035 19.5824057 26.1604191 C 24.2022873 26.0153606 27.8643038 22.3212044 27.9182906 17.7341327 Z" stroke-linecap="round" />
 </g>
 </g>
 </g>

docs/static/img/company_logos/lbdj.svg

@@ -0,0 +1,146 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 90.6 26.7" style="enable-background:new 0 0 90.6 26.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#DA0E2C;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#EFC018;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#231815;}
+	.st4{fill:#231815;}
+	.st5{fill:#040000;}
+</style>
+<g>
+	<g>
+		<path class="st0" d="M6.5,0.8h15.8c2.6,0,4.7,2.1,4.7,4.7v15.8c0,2.6-2.1,4.7-4.7,4.7H6.5c-2.6,0-4.7-2.1-4.7-4.7V5.5
+			C1.8,2.9,3.9,0.8,6.5,0.8z"/>
+		<g>
+			<path class="st1" d="M5,14.9c-0.1-0.2-0.1-0.3-0.1-0.5v-2.7c0-0.3-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3H3.7v0.1v3.7
+				c0,0.4,0.1,0.7,0.2,1c0.1,0.3,0.3,0.6,0.6,0.8c0.3,0.3,0.5,0.4,0.8,0.6c0.3,0.1,0.6,0.2,1,0.2h1.2h0.1v-0.1c0-0.1,0-0.3-0.1-0.4
+				c-0.1-0.1-0.1-0.2-0.2-0.4l0,0c-0.1-0.1-0.2-0.2-0.4-0.2c-0.1-0.1-0.3-0.1-0.4-0.1H6.3c-0.2,0-0.4,0-0.5-0.1
+				c-0.2-0.1-0.3-0.2-0.4-0.3C5.2,15.2,5.1,15,5,14.9z"/>
+			<path class="st1" d="M23.7,14.9c0.1-0.2,0.1-0.3,0.1-0.5v-2.7c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3H25v0.1v3.7
+				c0,0.4-0.1,0.7-0.2,1c-0.1,0.3-0.3,0.6-0.6,0.8c-0.3,0.3-0.5,0.4-0.8,0.6c-0.3,0.1-0.6,0.2-1,0.2h-1.2h-0.1v-0.1
+				c0-0.1,0-0.3,0.1-0.4c0.1-0.1,0.1-0.2,0.2-0.4l0,0c0.1-0.1,0.2-0.2,0.4-0.2c0.1-0.1,0.3-0.1,0.4-0.1h0.2c0.2,0,0.4,0,0.5-0.1
+				c0.2-0.1,0.3-0.2,0.4-0.3C23.5,15.2,23.6,15,23.7,14.9z"/>
+			<path class="st1" d="M10,12.9c0.8,0,1.4,0.6,1.4,1.4c0,0.8-0.6,1.4-1.4,1.4c-0.8,0-1.4-0.6-1.4-1.4C8.6,13.6,9.2,12.9,10,12.9
+				L10,12.9z M18.7,12.9c-0.8,0-1.4,0.6-1.4,1.4c0,0.8,0.6,1.4,1.4,1.4c0.8,0,1.4-0.6,1.4-1.4C20.1,13.6,19.5,12.9,18.7,12.9
+				L18.7,12.9z M18.7,11.7c0.5,0,1,0.1,1.3,0.4v-0.4v-0.1c0-0.3,0.1-0.6,0.3-0.8c0.2-0.2,0.5-0.3,0.8-0.3h0.1v0.1v3.7
+				c0,0,0,0.1,0,0.1c0,1.4-1.2,2.5-2.6,2.5c-1.4,0-2.6-1.2-2.6-2.6S17.3,11.7,18.7,11.7L18.7,11.7z M10,11.7c-0.5,0-1,0.1-1.3,0.4
+				v-0.4v-0.1c0-0.3-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3H7.4v0.1v3.7c0,0,0,0.1,0,0.1c0,1.4,1.2,2.5,2.6,2.5
+				c1.4,0,2.6-1.2,2.6-2.6S11.4,11.7,10,11.7L10,11.7z M15.4,14.1c0.2,0.2,0.3,0.5,0.3,0.8v0.1h-0.1h-1.6c-0.1,0-0.3,0-0.4-0.1
+				c-0.1-0.1-0.2-0.1-0.4-0.2c-0.1-0.1-0.2-0.2-0.2-0.4C13,14.1,13,14,13,13.8v-0.1h0.1h1.6C14.9,13.7,15.2,13.8,15.4,14.1z"/>
+			<path class="st1" d="M20.4,17.5c-1.1,2.3-3.4,3.9-6.1,3.9c-2.7,0-5-1.6-6.1-3.9c1.2,0,1.4,0.1,1.8,0.6c1,1.3,2.6,2.1,4.3,2.1
+				c1.7,0,3.3-0.8,4.3-2.1C19.1,17.6,19.2,17.5,20.4,17.5z"/>
+			<path class="st2" d="M13.2,5.6L9.5,7.8L5.7,10c0.6,0.3,1.1,0.4,1.7,0.4c0.6,0,1.1-0.2,1.8-0.5l0,0L10.6,9c1.1-0.7,2.3-1.3,3.4-2
+				c0.4-0.2,0.5-0.2,0.8,0l0,0c1.1,0.7,2.3,1.3,3.4,2l1.5,0.9l0,0l0,0l0,0l0,0c0.6,0.3,1.2,0.5,1.8,0.5c0.5,0,1.1-0.1,1.7-0.4
+				l-3.8-2.3l-3.7-2.2C14.6,5,14.1,5,13.2,5.6z"/>
+		</g>
+	</g>
+	<g>
+		<g>
+			<path class="st3" d="M43.4,4.9H32.8c-0.4,0-0.7,0.3-0.7,0.7v2.3c0,0.4,0.3,0.7,0.7,0.7h10.6c0.4,0,0.7-0.3,0.7-0.7V5.6
+				C44.1,5.2,43.8,4.9,43.4,4.9z M36.9,7.6h-2.6V7.1h2.6V7.6z M36.9,6.3L36.9,6.3l-2.6,0.1V6h2.6V6.3z M41.9,7.6h-2.7V7.1h2.7V7.6z
+				 M41.9,6.3L41.9,6.3l-2.6,0.1h-0.1V6h0.1h1.9h0.7V6.3z"/>
+			<path class="st4" d="M44.2,10.2H32c-0.2,0-0.4-0.2-0.4-0.4V9.4C31.6,9.2,31.8,9,32,9h12.2c0.2,0,0.4,0.2,0.4,0.4v0.3
+				C44.7,10,44.5,10.2,44.2,10.2z"/>
+			<path class="st3" d="M43.3,3.3h-0.5h-2h-5.6l0.2-0.3h-2l-0.9,1.6h2l0.1-0.2h5.7l-0.9,0.5h-5.7c0,0,0,0,0,0h9.2c0,0,0,0,0,0h-0.1
+				h-0.1l0.8-0.5c0.2-0.1,0.4-0.3,0.4-0.5v0C43.8,3.6,43.6,3.3,43.3,3.3z"/>
+			<g>
+				<path class="st4" d="M74.1,9.1V3.8V3.3c0-0.1-0.1-0.1-0.1-0.1h-1.8c-0.1,0-0.1,0.1-0.1,0.1v9.1c0,0,0,0,0,0v0.3
+					c0,0.1,0,0.3-0.1,0.4c-0.1,0.1-0.2,0.1-0.3,0.1h-1.7l-0.7,1.6h1.6v0H73h0.5c0.3,0,0.6-0.3,0.6-0.6V9.1
+					C74.1,9.1,74.1,9.1,74.1,9.1z"/>
+				<path class="st4" d="M69.3,12.5h1.5c0.1,0,0.1-0.1,0.1-0.1V3.9c0-0.1-0.1-0.1-0.1-0.1h-1.5c-0.1,0-0.1,0.1-0.1,0.1v8.5
+					C69.2,12.5,69.3,12.5,69.3,12.5z"/>
+				<path class="st4" d="M61.4,11.5h2.5v1.2c0,0.1,0.1,0.1,0.1,0.1h1.6c0.1,0,0.1-0.1,0.1-0.1v-1.2h2.5c0.1,0,0.1-0.1,0.1-0.1v-1.3
+					c0-0.1-0.1-0.1-0.1-0.1h-2.5V8.8c0-0.1-0.1-0.1-0.1-0.1H64c-0.1,0-0.1,0.1-0.1,0.1v1.1h-2.5c-0.1,0-0.1,0.1-0.1,0.1v1.3
+					C61.2,11.5,61.3,11.5,61.4,11.5z"/>
+				<path class="st4" d="M68.4,13.3h-7.2c-0.1,0-0.1,0.1-0.1,0.1v1.3c0,0.1,0.1,0.1,0.1,0.1h7.2c0.1,0,0.1-0.1,0.1-0.1v-1.3
+					C68.5,13.3,68.5,13.3,68.4,13.3z"/>
+			</g>
+			<path class="st4" d="M68.4,3.1h-7.3c-0.1,0-0.1,0.1-0.1,0.1v1.3c0,0.1,0.1,0.1,0.1,0.1h1.4L61.1,7c-0.2,1,0.3,1.4,1.4,1.4h2.1v0
+				h2.1c0.6,0,1.1-0.2,1.3-0.6c0.2-0.3,0.4-0.7,0.4-1.2v0c0,0,0,0,0,0V5.7c0,0,0,0,0,0v0h0c0-0.1-0.1-0.1-0.1-0.1h-1.6
+				c-0.1,0-0.1,0.1-0.1,0.1V6c0,0.6-0.3,0.8-0.6,0.8h-1.4v0h-0.8l1.3-2h3.4c0.1,0,0.1-0.1,0.1-0.1V3.3C68.5,3.2,68.5,3.1,68.4,3.1z"
+				/>
+			<g>
+				<path class="st4" d="M51.1,12.1h1.1c0.1,0,0.2-0.1,0.2-0.2V3.6c0-0.1-0.1-0.2-0.2-0.2h-1.1c-0.1,0-0.2,0.1-0.2,0.2v8.3
+					C50.9,12,51,12.1,51.1,12.1z"/>
+				<path class="st4" d="M54.6,3.1H53c-0.1,0-0.2,0.1-0.2,0.2v0.4v8v1.1c0,0.1,0,0.2-0.1,0.3c-0.1,0.1-0.2,0.1-0.4,0.1h-0.9h-1.1
+					h-0.7V9.8v0h0.7c0.1,0,0.1-0.1,0.1-0.1V8.3c0-0.1-0.1-0.1-0.1-0.1h-0.7V4.9h0.5v0h0.1c0.1,0,0.1-0.1,0.1-0.1V3.4
+					c0-0.1-0.1-0.1-0.1-0.1h-0.1h-2.3h-0.8l-1.3,0.9v0.7h1.6v3.3h-0.7c-0.1,0-0.1,0.1-0.1,0.1v1.4c0,0.1,0.1,0.1,0.1,0.1h0.7v0v3.4
+					h-1.1v1.6h4.4h0.8h0.1h1.9h0.2h0.5c0.3,0,0.6-0.3,0.6-0.6v-0.6v-0.5v-1.5v-8V3.3C54.8,3.2,54.7,3.1,54.6,3.1z"/>
+				<path class="st4" d="M59.2,13.2h-0.7V9.8H59c0.1,0,0.1-0.1,0.1-0.1V8.3c0-0.1-0.1-0.1-0.1-0.1h-0.6V4.9h0.7
+					c0.1,0,0.2-0.1,0.2-0.2V3.4c0-0.1-0.1-0.2-0.2-0.2h-0.3h-3.2h-0.2c-0.1,0-0.2,0.1-0.2,0.2v1.3c0,0.1,0.1,0.2,0.2,0.2h0.8v3.3
+					h-0.7c-0.1,0-0.1,0.1-0.1,0.1v1.4c0,0.1,0.1,0.1,0.1,0.1h0.7v3.4h-0.8c-0.1,0-0.2,0.1-0.2,0.2v1.3c0,0.1,0.1,0.2,0.2,0.2h0.7
+					h1.1h1.1h0.5c0.3,0,0.6-0.3,0.6-0.6v-0.4v0v-0.5C59.3,13.3,59.3,13.2,59.2,13.2z"/>
+			</g>
+			<g>
+				<path class="st3" d="M84.7,9.5c-0.1,0.2,0,0.6,0,0.6s0.9,2.8,1.1,3.8c0.1,0.3,0.2,0.5,0.6,0.8c0.4,0.3,1,0.2,1,0.2h1.3l-1.5-4.7
+					c0,0,0-0.1,0-0.1c0,0,0.1,0,0.1,0l1.6-0.3v-1V8.7l-3.6,0.5C85.2,9.2,84.8,9.3,84.7,9.5z"/>
+				<path class="st3" d="M88.8,5.2C88.8,5.2,88.8,5.2,88.8,5.2l0-0.8c0,0,0,0,0,0c0,0,0-0.1,0-0.1v0c0-0.5-0.4-0.9-0.9-0.9h-0.6
+					c0,0,0,0,0,0c0,0-0.1,0-0.1,0h-4L83,2.8h-2.2L81,3.4h0h-0.8h-2.7c0,0-0.1,0-0.1,0c0,0,0,0,0,0h-0.6c-0.5,0-0.9,0.4-0.9,0.9v0
+					c0,0,0,0.1,0,0.1c0,0,0,0,0,0V6c0,0.1,0.1,0.1,0.1,0.1h1.6c0.1,0,0.1-0.1,0.1-0.1V5.4c0-0.1,0-0.3,0.1-0.4
+					c0.1-0.1,0.2-0.1,0.3-0.1h2h1.4H82h4.5c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.4v0.1V6v0c0,0.1,0,0.1,0.1,0.1h0h1.6h0
+					c0.1,0,0.1,0,0.1-0.1v0V6h0V5.2z"/>
+				<path class="st3" d="M88.7,6.5L88.7,6.5h-0.9h-5h-0.6h-5.4h-0.8c-0.1,0-0.1,0.1-0.1,0.1v0.8c0,0.1,0.1,0.1,0.1,0.1h0.8h5.4h0.6
+					h1.6l-8.4,1.2c-0.1,0-0.2,0.1-0.2,0.1v0.9c0,0.1,0.1,0.1,0.2,0.1l3.8-0.5L81,9.2c0,0,0,0,0,0c0.1,0,0.2,0,0.2,0.1
+					c0,0.1,0,0.3,0,0.4v0.3l-5.4,1.2c0,0-0.1,0.1-0.1,0.1v0.9c0,0.1,0,0.1,0.1,0.1l5.4-1.2v1l-5.4,1.2c0,0-0.1,0.1-0.1,0.1v0.9
+					c0,0.1,0,0.1,0.1,0.1l5.4-1.2V14c0,0.1,0,0.1-0.1,0.2c-0.1,0-0.1,0.1-0.2,0.1h-1l-0.5,0.6h2h1.2H83h0.5c0.3,0,0.6-0.3,0.6-0.6
+					v-0.2v-0.5v-0.2v-1.9V9.7c0,0,0-0.6-0.2-0.9c0,0,0,0,0,0l4.5-0.6v0c0.3-0.1,0.5-0.3,0.5-0.6V7.4V6.8V6.7
+					C88.8,6.6,88.8,6.5,88.7,6.5z"/>
+			</g>
+			<path class="st3" d="M43.3,10.5H32.9c-0.4,0-0.7,0.3-0.7,0.7v2.9c0,0.4,0.3,0.7,0.7,0.7h10.4c0.4,0,0.7-0.3,0.7-0.7v-2.9
+				C44,10.9,43.7,10.5,43.3,10.5z M41.8,11.8V12v0.1v1.2v0.2v0.1v0.1h-7.1h-0.2v-0.4h0.2h5.3h1.4v-1.2h-6.6h-0.2v-0.4h0.2h5.3h1.8
+				V11.8z"/>
+		</g>
+		<g>
+			<path class="st5" d="M36.7,23.3v0.4h-5.1v-0.4h0.6v-1.3h3.9v1.3H36.7z M32.9,19.4h-1.3v-0.4h1.3v-0.4h0.4v0.4h1.5v-0.4h0.4v0.4
+				h1.3v0.4h-1.3v0.3h-0.4v-0.3h-1.5v0.3h-0.4V19.4z M32,21.7v-1.6h0.4v1.6H32z M32.6,23.3h0.8v-0.9h-0.8V23.3z M33.1,19.9h0.4v1.9
+				h-0.4V19.9z M33.7,22.4v0.9h0.8v-0.9H33.7z M36.4,20.7h-1.7c-0.1,0.4-0.3,0.7-0.5,0.9c-0.1-0.1-0.2-0.2-0.3-0.2
+				c0.3-0.4,0.6-1,0.7-1.6l0.4,0.1c0,0.1-0.1,0.3-0.1,0.4h1.6V20.7z M34.9,22.4v0.9h0.8v-0.9H34.9z M35.6,21.9
+				c-0.1-0.3-0.4-0.7-0.6-1l0.3-0.2c0.3,0.3,0.5,0.7,0.7,1L35.6,21.9z"/>
+			<path class="st5" d="M39.7,20.6c-0.2-0.3-0.6-0.8-1-1.2c-0.3,0.5-0.6,1-1.1,1.4c-0.1-0.1-0.2-0.2-0.3-0.3
+				c0.6-0.5,1.1-1.2,1.3-1.9l0.4,0.1c0,0.1-0.1,0.2-0.1,0.3c0.4,0.4,0.9,0.9,1.1,1.2L39.7,20.6z M39.7,21.4
+				c-0.2,0.5-0.6,1.2-0.9,1.6c0.2,0.2,0.4,0.4,0.5,0.6L39,23.8c-0.2-0.3-0.8-0.9-1.2-1.2l0.3-0.2c0.1,0.1,0.3,0.2,0.4,0.4
+				c0.2-0.3,0.5-0.8,0.7-1.1h-1.5v-0.4h1.7l0.1,0L39.7,21.4z M38.6,20.1c0.2,0.2,0.4,0.5,0.6,0.6L38.8,21c-0.1-0.2-0.4-0.5-0.6-0.7
+				L38.6,20.1z M41.4,20.5c0,2.1-0.1,2.9-1.6,3.3c0-0.1-0.1-0.2-0.2-0.3c1.3-0.4,1.4-1.1,1.4-3H41.4z M40.8,19.9
+				c0.1-0.2,0.1-0.4,0.2-0.6H40V19h2.5v0.4h-1c-0.1,0.2-0.2,0.4-0.2,0.6h1.1v2.6h-0.4v-2.3h-1.4v2.3h-0.4v-2.6H40.8z M41.5,22.6
+				c0.4,0.3,0.9,0.7,1.1,0.9l-0.3,0.3c-0.2-0.3-0.7-0.7-1.1-1L41.5,22.6z"/>
+			<path class="st5" d="M45,21.5c-0.2,0.1-0.5,0.1-0.7,0.2v1.6c0,0.2-0.1,0.4-0.2,0.4c-0.1,0.1-0.4,0.1-0.8,0.1
+				c0-0.1-0.1-0.3-0.1-0.4c0.3,0,0.5,0,0.6,0c0.1,0,0.1,0,0.1-0.1v-1.5L43.3,22l-0.1-0.4c0.2-0.1,0.5-0.1,0.8-0.2v-1.2h-0.7v-0.4
+				h0.7v-1.1h0.4v1.1H45v0.4h-0.6v1.1c0.2-0.1,0.4-0.1,0.6-0.2L45,21.5z M48.1,20.9c-0.2,0.8-0.6,1.4-1.2,1.9
+				c0.4,0.3,0.9,0.6,1.5,0.7c-0.1,0.1-0.2,0.2-0.3,0.4c-0.6-0.2-1.1-0.5-1.5-0.8c-0.5,0.4-1,0.6-1.6,0.8c0-0.1-0.1-0.3-0.2-0.4
+				c0.6-0.1,1.1-0.4,1.5-0.7c-0.4-0.4-0.7-0.9-0.9-1.6l0,0h-0.2v-0.4h1.2v-0.8h-1.3v-0.4h1.3v-0.9h0.4v0.9h1.4v0.4h-1.4v0.8h0.9
+				l0.1,0L48.1,20.9z M45.8,21.2c0.2,0.5,0.5,0.9,0.8,1.3c0.4-0.4,0.7-0.8,0.9-1.3H45.8z"/>
+			<path class="st5" d="M54.1,23v0.4H49V23h2.3v-3.3h-2v-0.4h4.5v0.4h-2V23H54.1z"/>
+			<path class="st5" d="M56.8,23.3c0,0.2,0,0.4-0.2,0.4c-0.1,0.1-0.4,0.1-0.7,0.1c0-0.1-0.1-0.3-0.1-0.4c0.3,0,0.5,0,0.6,0
+				c0.1,0,0.1,0,0.1-0.1v-1.4h-0.9c-0.1,0.7-0.2,1.4-0.4,1.9c-0.1-0.1-0.2-0.2-0.3-0.2c0.4-0.8,0.4-1.9,0.4-2.8v-2h1.6V23.3z
+				 M56.4,21.5v-1h-0.9v0.3c0,0.2,0,0.4,0,0.6H56.4z M55.6,19.3v0.9h0.9v-0.9H55.6z M59.9,20.9c-0.1,0.8-0.4,1.4-0.8,1.9
+				c0.3,0.3,0.6,0.6,0.9,0.7c-0.1,0.1-0.2,0.2-0.3,0.3c-0.3-0.2-0.6-0.4-0.9-0.8c-0.3,0.3-0.5,0.5-0.9,0.7c-0.1-0.1-0.2-0.2-0.2-0.3
+				c0.3-0.2,0.6-0.4,0.9-0.7c-0.3-0.5-0.6-1-0.8-1.6h-0.1v2.7h-0.4v-5h2.4V20c0,0.2-0.1,0.3-0.2,0.4c-0.2,0.1-0.5,0.1-0.9,0.1
+				c0-0.1-0.1-0.3-0.1-0.4c0.3,0,0.6,0,0.7,0c0.1,0,0.1,0,0.1-0.1v-0.7h-1.6v1.5h1.8l0.1,0L59.9,20.9z M58.2,21.2
+				c0.2,0.5,0.4,0.9,0.6,1.3c0.2-0.4,0.4-0.8,0.6-1.3H58.2z"/>
+			<path class="st5" d="M65.2,19.4c-0.3,0.5-0.9,0.9-1.5,1.2c0.6,0.2,1.3,0.3,2,0.3c-0.1,0.1-0.2,0.3-0.2,0.4
+				c-0.9-0.1-1.7-0.2-2.3-0.5c-0.8,0.3-1.6,0.5-2.4,0.6c0-0.1-0.1-0.3-0.2-0.4c0.7-0.1,1.5-0.2,2.1-0.4c-0.3-0.2-0.6-0.4-0.8-0.7
+				c-0.2,0.2-0.5,0.4-0.8,0.5c-0.1-0.1-0.2-0.2-0.3-0.3c0.8-0.4,1.4-1,1.6-1.5l0.4,0.1c-0.1,0.2-0.2,0.3-0.4,0.5h2.3l0.1,0
+				L65.2,19.4z M65.3,21.8c0,0,0,0.1,0,0.2c-0.1,1-0.2,1.5-0.4,1.6c-0.1,0.1-0.2,0.1-0.5,0.2c-0.2,0-0.5,0-0.8,0
+				c0-0.1-0.1-0.3-0.1-0.4c0.4,0,0.7,0,0.9,0c0.1,0,0.2,0,0.2-0.1c0.1-0.1,0.2-0.5,0.3-1.2h-1.7c-0.4,0.9-1.1,1.4-2.2,1.7
+				c0-0.1-0.2-0.3-0.2-0.4c1-0.2,1.6-0.6,2-1.3h-1.6v-0.4h1.7c0-0.2,0.1-0.4,0.1-0.6l0.4,0c0,0.2-0.1,0.4-0.1,0.5H65.3z M62.2,19.7
+				c0.2,0.3,0.6,0.6,1,0.7c0.5-0.2,1-0.5,1.3-0.8L62.2,19.7L62.2,19.7z"/>
+			<path class="st5" d="M71.6,21.6V22h-5.1v-0.4h1.3v-1.3h-1.1v-0.4h1.1v-1.1h0.4v1.1h1.6v-1.1h0.4v1.1h1.1v0.4h-1.1v1.3H71.6z
+				 M68.5,22.5c-0.4,0.5-1,1-1.6,1.3c-0.1-0.1-0.2-0.2-0.3-0.3c0.6-0.3,1.2-0.8,1.5-1.2L68.5,22.5z M68.2,21.6h1.6v-1.3h-1.6V21.6z
+				 M69.9,22.3c0.5,0.4,1.2,0.9,1.6,1.2l-0.4,0.3c-0.3-0.3-1-0.9-1.5-1.3L69.9,22.3z"/>
+			<path class="st5" d="M77.3,22.8H75v0.7c0,0.2-0.1,0.3-0.3,0.4c-0.2,0.1-0.5,0.1-1,0.1c0-0.1-0.1-0.2-0.1-0.4c0.4,0,0.8,0,0.9,0
+				c0.1,0,0.1,0,0.1-0.1v-0.6h-2.3v-0.4h2.3V22c0.4-0.1,0.8-0.2,1.2-0.3h-2.9v-0.3h3.6l0.1,0l0.3,0.2c-0.5,0.3-1.1,0.5-1.8,0.7v0.1
+				h2.3V22.8z M77.3,19.5h-4.9v-0.4h2.3c-0.1-0.1-0.1-0.3-0.2-0.4l0.4-0.1c0.1,0.2,0.2,0.4,0.2,0.5h2.2V19.5z M73.1,21v-1.1h3.5V21
+				H73.1z M73.5,20.7h2.7v-0.5h-2.7V20.7z"/>
+			<path class="st5" d="M83.2,21.8h-2.3v2h-0.4v-2h-2.3v-0.4h2.3v-2h-2V19h4.4v0.4h-2v2h2.3V21.8z M79.2,19.7
+				c0.2,0.4,0.5,0.9,0.5,1.3l-0.4,0.1c-0.1-0.3-0.3-0.9-0.5-1.3L79.2,19.7z M81.5,21c0.2-0.4,0.5-0.9,0.6-1.3l0.4,0.1
+				c-0.2,0.5-0.5,1-0.7,1.3L81.5,21z"/>
+			<path class="st5" d="M87.3,19.3c0.6,0.5,1.2,1.2,1.5,1.6l-0.4,0.3c-0.1-0.1-0.2-0.3-0.3-0.5c-3.2,0.2-3.6,0.2-3.8,0.3
+				c0-0.1-0.1-0.3-0.1-0.4c0.1,0,0.3-0.1,0.5-0.3c0.2-0.2,0.9-0.9,1.3-1.6l0.4,0.2c-0.4,0.6-1,1.2-1.5,1.7l2.9-0.1
+				c-0.3-0.3-0.6-0.6-0.8-0.8L87.3,19.3z M84.6,21.5h3.6v2.4h-0.4v-0.3h-2.7v0.3h-0.4V21.5z M85.1,21.9v1.3h2.7v-1.3H85.1z"/>
+		</g>
+	</g>
+</g>
+</svg>

docs/static/json/company_logo.json

@@ -26,7 +26,7 @@
   },
   {
     "name": "轻松到家",
-    "logo": "",
+    "logo": "/img/company_logos/uyess.jpg",
     "url": "http://www.uyess.com/index.html"
   },
   {
@@ -41,7 +41,7 @@
   },
   {
     "name": "萨科（深圳）科技有限公司",
-    "logo": "/img/company_logos/lbdj.png",
+    "logo": "/img/company_logos/lbdj.svg",
     "url": "https://www.lbdj.com/"
   },
   {
@@ -66,8 +66,8 @@
   },
   {
     "name": "众合云科（51社保）",
-    "logo": "",
-    "url": "https://home.101hr.com/"
+    "logo": "/img/company_logos/51shebao.png",
+    "url": "https://www.51shebao.com/?baidupz&guanfang/"
   },
   {
     "name": "好货云店",
@@ -96,7 +96,7 @@
   },
   {
     "name": "浙江吉利控股集团有限公司",
-    "logo": "/img/company_logos/geely.png",
+    "logo": "/img/company_logos/geely.jpg",
     "url": "https://www.geely.com/"
   },
   {
@@ -111,7 +111,7 @@
   },
   {
     "name": "郑州力通水务",
-    "logo": "/img/company_logos/zzltsw.png",
+    "logo": "/img/company_logos/zzltsw.jpg",
     "url": "http://www.zzltsw.com/"
   },
   {
@@ -126,7 +126,7 @@
   },
   {
     "name": "中新软件（上海）有限公司",
-    "logo": "",
+    "logo": "/img/company_logos/5000m.jpg",
     "url": "http://www.5000m.com"
   },
   {
@@ -136,12 +136,12 @@
   },
   {
     "name": "兰亭集势(成都)科技有限公司",
-    "logo": "/img/company_logos/lightinthebox.png",
+    "logo": "/img/company_logos/lightinthebox.avif",
     "url": "https://www.lightinthebox.com/"
   },
   {
     "name": "杭州数理大数据有限公司",
-    "logo": "",
+    "logo": "/img/company_logos/data4truth.jpg",
     "url": "https://www.data4truth.com/#/"
   },
   {
@@ -151,7 +151,7 @@
   },
   {
     "name": "新华智云科技有限公司",
-    "logo": "/img/company_logos/xinhuazhiyun.png",
+    "logo": "/img/company_logos/xinhuazhiyun.svg",
     "url": "https://www.xinhuazhiyun.com"
   },
   {
@@ -161,7 +161,7 @@
   },
   {
     "name": "深圳市帮客帮科技有限公司",
-    "logo": "/img/company_logos/bangkebang.png",
+    "logo": "/img/company_logos/bangkebang.jpg",
     "url": "https://www.bangkebang.com"
   },
   {
@@ -181,7 +181,7 @@
   },
   {
     "name": "广联达科技股份有限公司",
-    "logo": "/img/company_logos/glodon.png",
+    "logo": "/img/company_logos/glodon.jpg",
     "url": "https://www.glodon.com"
   },
   {
@@ -201,12 +201,12 @@
   },
   {
     "name": "成都全域智旅科技有限公司",
-    "logo": "/img/company_logos/qyzl.png",
+    "logo": "/img/company_logos/qyzl.jpg",
     "url": "http://qyzl.com"
   },
   {
     "name": "深圳市华云中盛科技股份有限公司",
-    "logo": "/img/company_logos/hua-cloud.png",
+    "logo": "/img/company_logos/hua-cloud.jpg",
     "url": "http://www.hua-cloud.cn"
   },
   {