fix(index): use yearless programme logo

AdvisorySG · Jul 20, 2024 · 5971a95 · 5971a95
1 parent dacf30a
commit 5971a95
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -16,7 +16,7 @@
     <meta itemprop="description" content="The Advisory Mentorship Programme" />
     <meta
       itemprop="image"
-      content="%PUBLIC_URL%/advisory-mentorship-logo.jpg"
+      content="%PUBLIC_URL%/advisory-mentorship-logo.png"
     />
     <!-- Facebook / OpenGraph -->
     <meta property="og:url" content="https://mentorship.advisory.sg" />
@@ -28,7 +28,7 @@
     />
     <meta
       property="og:image"
-      content="%PUBLIC_URL%/advisory-mentorship-logo.jpg"
+      content="%PUBLIC_URL%/advisory-mentorship-logo.png"
     />
     <!-- Twitter -->
     <meta name="twitter:card" content="summary_large_image" />
@@ -39,7 +39,7 @@
     />
     <meta
       name="twitter:image"
-      content="%PUBLIC_URL%/advisory-mentorship-logo.jpg"
+      content="%PUBLIC_URL%/advisory-mentorship-logo.png"
     />
 
     <script

diff --git a/public/advisory-mentorship-logo-2023.png b/public/advisory-mentorship-logo-2023.png
diff --git a/public/advisory-mentorship-logo.png b/public/advisory-mentorship-logo.png
diff --git a/src/assets.tsx b/src/assets.tsx
@@ -1,5 +1,5 @@
-export const advisoryLogo = `/advisory-logo.png`;
-export const advisoryMentorshipLogo = `/advisory-mentorship-logo-2023.png`;
+export const advisoryLogo = "/advisory-logo.png";
+export const advisoryMentorshipLogo = "/advisory-mentorship-logo.png";
 
 export const partnerLogos = [
   ["AiSP", "/logos/01_AiSP.png"],

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -178,7 +178,7 @@ const Index = () => {
     <Canvas>
       <div className="logo-and-intro-container">
         <img
-          className="header-mentorship-logo container"
+          className="header-mentorship-logo"
           src={advisoryMentorshipLogo}
           alt="Advisory Mentorship Programme"
         />

diff --git a/src/styles/Header.css b/src/styles/Header.css
@@ -56,8 +56,10 @@
 }
 
 .header-mentorship-logo {
-  max-width: 30rem; /* Ensure the logo doesn't exceed its container */
-  padding-left: 0px;
+  display: block;
+  width: 50%;
+  max-width: 30rem;
+  padding: 2rem 2rem 2rem 0;
   margin-left: 0px;
   flex: 1;
 }
@@ -73,7 +75,8 @@
   .header-mentorship-logo {
     width: 100%;
     position: relative;
-    padding-top: 0px;
+    padding: 2rem;
+    margin: 0 auto;
   }
 }