Open-Attestation
diff --git a/‎website/docusaurus.config.js‎
Lines changed: 29 additions & 24 deletions b/‎website/docusaurus.config.js‎
Lines changed: 29 additions & 24 deletions
diff --git a/‎website/src/pages/index.tsx‎
Lines changed: 1 addition & 1 deletion b/‎website/src/pages/index.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎website/src/pages/styles.module.css‎
Lines changed: 2 additions & 2 deletions b/‎website/src/pages/styles.module.css‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎website/static/img/logo.gif‎
-1.27 MB b/‎website/static/img/logo.gif‎
-1.27 MB
diff --git a/‎website/static/img/logos/govtech-blue.png‎
143 KB b/‎website/static/img/logos/govtech-blue.png‎
143 KB
@@ -15,77 +15,82 @@ const siteConfig = {
           path: "./docs",
           // Sidebars file relative to website dir.
           sidebarPath: require.resolve("./sidebars.json"),
-          editUrl: "https://github.com/Open-Attestation/documentation-website/tree/master/website"
+          editUrl: "https://github.com/Open-Attestation/documentation-website/tree/master/website",
         },
         theme: {
-          customCss: [require.resolve("./src/css/custom.css")]
-        }
-      }
-    ]
+          customCss: [require.resolve("./src/css/custom.css")],
+        },
+      },
+    ],
   ],
 
   themeConfig: {
     navbar: {
       title: "OpenAttestation",
       logo: {
         alt: "OpenAttestation Logo",
-        src: "img/logo.gif",
-        srcDark: "img/logo.gif"
+        src: "img/logos/oa.svg",
+        srcDark: "img/logos/oa.svg",
       },
-      items: [{ to: "docs/getting-started", label: "Docs", position: "left" }]
+      items: [{ to: "docs/getting-started", label: "Docs", position: "left" }],
     },
     footer: {
+      logo: {
+        alt: "GovTech Logo",
+        src: "img/logos/govtech-blue.png",
+        href: "https://www.tech.gov.sg",
+      },
       copyright: `Copyright © ${new Date().getFullYear()} Government Technology Agency (Singapore)`,
       links: [
         {
           title: "Docs",
           items: [
             {
               label: "Getting Started",
-              to: "docs/getting-started"
-            }
-          ]
+              to: "docs/getting-started",
+            },
+          ],
         },
         {
           title: "Community",
           items: [
             {
               label: "Project Chat",
-              href: "https://spectrum.chat/openattestation"
-            }
-          ]
+              href: "https://spectrum.chat/openattestation",
+            },
+          ],
         },
         {
           title: "More",
           items: [
             {
               label: "Github",
-              href: "https://github.com/Open-Attestation"
+              href: "https://github.com/Open-Attestation",
             },
             {
               html: `
                 <a href="https://www.netlify.com" target="_blank" rel="noreferrer noopener" aria-label="Deploys by Netlify">
                   <img src="https://www.netlify.com/img/global/badges/netlify-color-accent.svg" alt="Deploys by Netlify" />
                 </a>
-              `
-            }
-          ]
-        }
-      ]
+              `,
+            },
+          ],
+        },
+      ],
     },
 
     algolia: {
       apiKey: "1c7e0f08161cfc504494cff933eb8a37",
       indexName: "openattestation",
-      algoliaOptions: {} // Optional, if provided by Algolia
+      algoliaOptions: {}, // Optional, if provided by Algolia
     },
     prism: {
-      theme: require("prism-react-renderer/themes/nightOwl")
+      theme: require("prism-react-renderer/themes/nightOwl"),
     },
     image: "img/undraw_tweetstorm.svg",
     metadatas: [{ name: "og:image", content: "img/undraw_online.svg" }],
-    sidebarCollapsible: true
-  }
+    sidebarCollapsible: true,
+  },
 };
 
 module.exports = siteConfig;
@@ -87,7 +87,7 @@ function Home() {
     <Layout title={siteConfig.title} description="Description will go into a meta tag in <head />">
       <header className={clsx("hero hero--primary", styles.heroBanner, styles.layout)}>
         <div className="container">
-          <img src={useBaseUrl("img/logo.gif")} alt="OpenAttestation logo" />
+          <img src={useBaseUrl("img/logos/oa.svg")} alt="OpenAttestation logo" style={{ maxWidth: "240px" }} />
           <h1 className="hero__title">{siteConfig.title}</h1>
           <p className="hero__subtitle">{siteConfig.tagline}</p>
           <div className={styles.buttons}>
 
@@ -54,11 +54,11 @@
 }
 
 html[data-theme="dark"] .heroBanner {
-  background-color: #324353;
+  background-color: #1c1e21;
   color: white;
 }
 html[data-theme="dark"] .layout section:nth-child(even) {
-  background-color: #324353;
+  background-color: #1c1e21;
   color: white;
 }
 html[data-theme="dark"] .layout a {
Original file line number	Diff line number	Diff line change
`@@ -54,11 +54,11 @@`
`54`	`54`	`}`
`55`	`55`
`56`	`56`	`html[data-theme="dark"] .heroBanner {`
`57`		`- background-color: #324353;`
	`57`	`+ background-color: #1c1e21;`
`58`	`58`	`color: white;`
`59`	`59`	`}`
`60`	`60`	`html[data-theme="dark"] .layout section:nth-child(even) {`
`61`		`- background-color: #324353;`
	`61`	`+ background-color: #1c1e21;`
`62`	`62`	`color: white;`
`63`	`63`	`}`
`64`	`64`	`html[data-theme="dark"] .layout a {`