Add logos

JamesJansson · Nov 5, 2024 · a6587ee · a6587ee
1 parent 09f0d64
commit a6587ee
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en" data-bs-theme="dark">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/eg.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link
       rel="stylesheet"

diff --git a/public/eg.svg b/public/eg.svg
diff --git a/src/HomePage.tsx b/src/HomePage.tsx
@@ -5,6 +5,9 @@ import Row from "react-bootstrap/Row";
 import Col from "react-bootstrap/Col";
 import piggyBank from "./assets/piggy-bank.jpg";
 import reactLogo from "./assets/react.svg";
+import viteLogo from "./assets/vite.svg";
+import bootstrapLogo from "./assets/bootstrap.svg";
+import typeScriptLogo from "./assets/typescript.svg";
 import "./HomePage.css";
 
 function HomePage() {
@@ -13,7 +16,7 @@ function HomePage() {
       <MainNavbar />
       <div className="main-section">
         <Container>
-          <Row>
+          <Row className="justify-content-center">
             <Col xs="12" sm={{ span: 6, order: "last" }}>
               <img src={piggyBank} className="img-fluid" alt="Piggy bank" />
             </Col>
@@ -43,39 +46,39 @@ function HomePage() {
             </Col>
             <Col xs="12" sm="3" className="text-center">
               <div>
-                <a href="https://react.dev" target="_blank">
+                <a href="https://vite.dev" target="_blank">
                   <img
-                    src={reactLogo}
-                    className="logo react-logo img-fluid"
-                    alt="React logo"
+                    src={viteLogo}
+                    className="logo img-fluid"
+                    alt="Vite logo"
                   />
                 </a>
               </div>
-              <div className="lead">React</div>
+              <div className="lead">Vite</div>
             </Col>
             <Col xs="12" sm="3" className="text-center">
               <div>
-                <a href="https://react.dev" target="_blank">
+                <a href="https://www.typescriptlang.org/" target="_blank">
                   <img
-                    src={reactLogo}
-                    className="logo react-logo img-fluid"
-                    alt="React logo"
+                    src={typeScriptLogo}
+                    className="logo img-fluid"
+                    alt="TypeScript logo"
                   />
                 </a>
               </div>
-              <div className="lead">React</div>
+              <div className="lead">TypeScript</div>
             </Col>
             <Col xs="12" sm="3" className="text-center">
               <div>
-                <a href="https://react.dev" target="_blank">
+                <a href="https://getbootstrap.com/" target="_blank">
                   <img
-                    src={reactLogo}
-                    className="logo react-logo img-fluid"
-                    alt="React logo"
+                    src={bootstrapLogo}
+                    className="logo img-fluid"
+                    alt="Bootstrap logo"
                   />
                 </a>
               </div>
-              <div className="lead">React</div>
+              <div className="lead">Bootstrap</div>
             </Col>
           </Row>
         </Container>

diff --git a/src/assets/bootstrap.svg b/src/assets/bootstrap.svg
diff --git a/src/assets/typescript.svg b/src/assets/typescript.svg
diff --git a/public/vite.svg → src/assets/vite.svg b/public/vite.svg → src/assets/vite.svg