docs: improve lighthouse scores

algorandfoundation · Sep 10, 2024 · 748e18a · 748e18a
1 parent ce19ec9
commit 748e18a
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 35 deletions.
diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
@@ -29,17 +29,6 @@ export default defineConfig({
     logo: {
       src: "./public/logo.svg"
     },
-    head:[
-      {
-        tag: 'script',
-        attrs: {
-          // Tweaks to the script URL or attributes can be made here.
-          src: 'https://unpkg.com/[email protected]',
-          integrity: "sha384-FhXw7b6AlE/jyjlZH5iHa/tTe9EpJ1Y55RjcgPbjeWMskSxZt1v9qkxLJWNJaGni",
-          crossorigin: "anonymous",
-        },
-      },
-    ],
     editLink: {
       baseUrl: 'https://github.com/algorandfoundation/liquid-auth/edit/develop/docs/',
     },

diff --git a/docs/src/components/QrCode.tsx b/docs/src/components/QrCode.tsx
@@ -202,7 +202,7 @@ export function QrCode({ label = true }: { label?: boolean }) {
 
   function Status() {
     if(status === TRANSACTION_CONFIRMED) return <a role="button" target="_blank" href={`https://testnet.explorer.perawallet.app/tx/${_txn?.txID()}`} className="relative -inset-y-14 text-xl text-liquid-blue mt-2 inline">{status}</a>;
-    return <h6 className="relative -inset-y-14 text-white text-xl mt-2 inline">{status}</h6>;
+    return <p className="relative -inset-y-14 text-white text-xl mt-2 inline">{status}</p>;
   }
 
   return <div className="w-80 h-80 flex justify-center">

diff --git a/docs/src/components/header.astro b/docs/src/components/header.astro
@@ -33,7 +33,7 @@ const links = [
       {links.map(({ title,  href }) =>
         <a target="_self" href={href} class="font-poppins text-md leading-6 text-white">{title}</a>
       )}
-      <a href={`${base}/guides/getting-started`} class="px-6 py-2 font-poppins uppercase rounded-full leading-6 bg-liquid-purple text-white">Documentation</a>
+      <a href={`${base}/guides/getting-started`} class="px-6 py-2 font-poppins uppercase rounded-full leading-6 bg-liquid-purple-contrast text-white">Documentation</a>
     </div>
   </nav>
 </header>
diff --git a/docs/src/pages/index.astro b/docs/src/pages/index.astro
@@ -9,27 +9,35 @@ import AuthenticationSection from '../components/marketing/authentication.astro'
 import SovereigntySection from '../components/marketing/sovereignty.astro';
 import App from "../components/marketing/app.astro";
 const base = import.meta.env.BASE_URL;
+export const lang = "en"
 ---
-<style is:global>
-  html, body {
-    height: 100%;
-    background: black;
-    scroll-behavior: smooth;
-  }
-  @media (prefers-reduced-motion: reduce) {
-      html,body {
-          scroll-behavior: auto;
-      }
-  }
-</style>
+<html lang="en">
+
 <head>
+  <title>Liquid Auth</title>
+  <meta name="description" content="Web3 meets real world Authentication"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="icon" type="image/svg+xml" href={`${base}logo-background.svg`} />
+  <style is:global>
+      html, body {
+          height: 100%;
+          background: black;
+          scroll-behavior: smooth;
+      }
+      @media (prefers-reduced-motion: reduce) {
+          html,body {
+              scroll-behavior: auto;
+          }
+      }
+  </style>
 </head>
-
-<div class="min-h-full">
-  <Header />
-  <HeroSection />
-  <App />
-  <AuthenticationSection />
-  <SovereigntySection />
-</div>
+<body>
+  <div class="min-h-full">
+    <Header />
+    <HeroSection />
+    <App />
+    <AuthenticationSection />
+    <SovereigntySection />
+  </div>
+</body>
+</html>
diff --git a/docs/tailwind.config.mjs b/docs/tailwind.config.mjs
@@ -1,5 +1,3 @@
-import defaultTheme from 'tailwindcss/defaultTheme';
-
 /** @type {import('tailwindcss').Config} */
 export default {
 	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
@@ -13,6 +11,7 @@ export default {
       },
       colors: {
         'liquid-purple': '#9966FF',
+        'liquid-purple-contrast': '#844DFF',
         'liquid-blue': '#6699FF',
         'liquid-alt-purple': '#906FFF',
         'liquid-green': '#00773a'