fix: images name updated to fix the broken images link (#192)

* fix: metadata description duplication corrected Signed-off-by: Animesh Pathak <[email protected]> * fix: broken images fixed-I Signed-off-by: Animesh <[email protected]> * fix: images name updated to fix the broken images Signed-off-by: Animesh <[email protected]> --------- Signed-off-by: Animesh Pathak <[email protected]> Signed-off-by: Animesh <[email protected]> Co-authored-by: Animesh Pathak <[email protected]>
keploy · Sep 12, 2023 · 7edccd0 · 7edccd0
1 parent 1737942
commit 7edccd0
Show file tree

Hide file tree

Showing 12 changed files with 10 additions and 11 deletions.
diff --git a/src/components/Intro.js b/src/components/Intro.js
@@ -74,7 +74,7 @@ function Languages() {
           >
             <img
               className="h-8 w-8 transition hover:scale-110"
-              src="/img/javascript.svg"
+              src="/img/javascript-logo.svg"
               alt="Javascript logo"
             />
             <p className="font-semibold">Javascript (WIP)</p>
@@ -114,7 +114,7 @@ function Server() {
           >
             <img
             className="h-8 w-8"
-            src="/img/mongodb.svg"
+            src="/img/mongodb-logo.svg"
             alt="Docker logo"
           />
           <p className="font-semibold">MongoDB</p>
@@ -126,7 +126,7 @@ function Server() {
           >
             <img
             className="h-8 w-8"
-            src="/img/oracle.svg"
+            src="/img/oracle-logo.svg"
             alt="Oracle logo"
           />
             <p className="font-semibold">Oracle (WIP)</p>
@@ -138,7 +138,7 @@ function Server() {
           >
             <img
             className="h-8 w-8"
-            src="/img/postgressql.svg"
+            src="/img/postgres-logo.svg"
             alt="PostgresSQL logo"
           />
             <p className="font-semibold">PostgresSQL (WIP)</p>

diff --git a/src/components/QuickStart.js b/src/components/QuickStart.js
@@ -23,21 +23,21 @@ export const QuickStart = () => {
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/windows/installation")}
         >
-          <img className="h-16 w-16" src="/img/windows.svg" alt="Windows logo" />
+          <img className="h-16 w-16" src="/img/windows-logo.svg" alt="Windows logo" />
           <p className="text-lg">Windows</p>
         </Link>
         <Link
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/linux/installation")}
         >
-          <img className="h-16 w-16" src="/img/linux.svg" alt="Linux logo" />
+          <img className="h-16 w-16" src="/img/linux-logo.svg" alt="Linux logo" />
           <p className="text-lg">Linux</p>
         </Link>
         <Link
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/macos/installation")}
         >
-          <img className="h-16 w-16" src="/img/apple_grey.svg" alt="Mac logo" />
+          <img className="h-16 w-16" src="/img/apple-logo.svg" alt="Mac logo" />
           <p className="text-lg">MacOS</p>
         </Link>
       </div>

diff --git a/src/components/SDKs.js b/src/components/SDKs.js
@@ -15,14 +15,14 @@ export const SDKs = () => {
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/windows/installation")}
         >
-          <img className="h-16 w-16" src="/img/windows.svg" alt="Windows logo" />
+          <img className="h-16 w-16" src="/img/windows-logo.svg" alt="Windows logo" />
           <p className="text-lg">Windows</p>
         </Link>
         <Link className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/linux/installation")}>
          <img
               className="h-16 w-16"
-              src="/img/linux.svg"
+              src="/img/linux-logo.svg"
               alt="Linux logo"
             />
             <p className="text-lg">Linux</p>
@@ -31,7 +31,7 @@ export const SDKs = () => {
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/macos/installation")}
         >
-          <img className="h-16 w-16" src="/img/apple_grey.svg" alt="Mac logo" />
+          <img className="h-16 w-16" src="/img/apple-logo.svg" alt="Mac logo" />
           <p className="text-lg">MacOS</p>
         </Link>
       </div>

diff --git a/static/img/Apple.svg b/static/img/Apple.svg
diff --git a/static/img/Apple_grey.svg → static/img/apple-logo.svg b/static/img/Apple_grey.svg → static/img/apple-logo.svg
diff --git a/static/img/docker.svg → static/img/docker-logo.svg b/static/img/docker.svg → static/img/docker-logo.svg
diff --git a/static/img/JavaScript.svg → static/img/javascript-logo.svg b/static/img/JavaScript.svg → static/img/javascript-logo.svg
diff --git a/static/img/Linux.svg → static/img/linux-logo.svg b/static/img/Linux.svg → static/img/linux-logo.svg
diff --git a/static/img/MongoDB.svg → static/img/mongodb-logo.svg b/static/img/MongoDB.svg → static/img/mongodb-logo.svg
diff --git a/static/img/Oracle.svg → static/img/oracle-logo.svg b/static/img/Oracle.svg → static/img/oracle-logo.svg
diff --git a/static/img/PostgresSQL.svg → static/img/postgres-logo.svg b/static/img/PostgresSQL.svg → static/img/postgres-logo.svg
diff --git a/static/img/Windows.svg → static/img/windows-logo.svg b/static/img/Windows.svg → static/img/windows-logo.svg