546 improve lighthouse score (#556)

* Improve SEO and a11y * Add robots.txt
lexicongovernance · May 23, 2024 · a7c6a47 · a7c6a47
1 parent 1c36cf6
commit a7c6a47
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 8 deletions.
diff --git a/packages/berlin/index.html b/packages/berlin/index.html
@@ -10,6 +10,10 @@
       rel="stylesheet"
     />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="Plural Research Experiment. An experiment in collective intelligence and innovation"
+    />
     <title>Plural Research Experiment</title>
   </head>
   <body>

diff --git a/packages/berlin/public/robots.txt b/packages/berlin/public/robots.txt
@@ -0,0 +1,6 @@
+User-agent: *
+Disallow: /admin/
+Disallow: /private/
+Allow: /
+
+Sitemap: https://www.pluralresearch.org/sitemap.xml
diff --git a/packages/berlin/src/components/header/Header.tsx b/packages/berlin/src/components/header/Header.tsx
@@ -142,14 +142,23 @@ function Header() {
                 <ZupassLoginButton>Login with Zupass</ZupassLoginButton>
               )}
             </DesktopButtons>
-            <MenuButton onClick={() => setIsBurgerMenuOpen(!isBurgerMenuOpen)}>
-              <Bar $isOpen={isBurgerMenuOpen} />
-              <Bar $isOpen={isBurgerMenuOpen} />
-              <Bar $isOpen={isBurgerMenuOpen} />
-            </MenuButton>
-            <ThemeButton onClick={toggleTheme}>
-              <img src={`/icons/toggle-${theme}.svg`} height={20} width={20} />
-            </ThemeButton>
+            <li>
+              <MenuButton onClick={() => setIsBurgerMenuOpen(!isBurgerMenuOpen)}>
+                <Bar $isOpen={isBurgerMenuOpen} />
+                <Bar $isOpen={isBurgerMenuOpen} />
+                <Bar $isOpen={isBurgerMenuOpen} />
+              </MenuButton>
+            </li>
+            <li>
+              <ThemeButton onClick={toggleTheme}>
+                <img
+                  src={`/icons/toggle-${theme}.svg`}
+                  alt="Toggle theme icon"
+                  height={20}
+                  width={20}
+                />
+              </ThemeButton>
+            </li>
           </NavButtons>
         </NavContainer>
         <BurgerMenuContainer $$isOpen={isBurgerMenuOpen} onClick={() => setIsBurgerMenuOpen(false)}>