Random meta updates

Author: cezaraugusto

docs/en/docs/getting-started/templates.mdx

@@ -5,6 +5,8 @@ import { ALL_TEMPLATES } from "@components/carousel-templates/data";
 
 <AvatarImage icon="extension" />
 
+> **Warning**: This feature is a work in progress and may be incomplete or subject to change. If you see an error or something that could be improved, please make a pull-request. The link that documents this feature can be found at the bottom of the page.
+
 # Templates
 
 Extension.js allows you to create new browser extensions quickly by using templates. Templates provide pre-built structures, components, and configurations that fit various needs and technologies. By using the `--template` flag, you can select the one that best suits your project requirements.

docs/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /login

rspress.config.ts

@@ -7,9 +7,10 @@ import { defineConfig } from "rspress/config";
 
 export default defineConfig({
   root: path.join(__dirname, "docs"),
+  head: ['<meta name="author" content="Cezar Augusto">'],
   title: "The Cross-Browser Extension Framework • Extension.js",
-  description:
-    "Extension.js makes it very easy to create, develop, and distribute cross-browser extensions with no build configuration.",
+  // description:
+  //   "Extension.js makes it very easy to create, develop, and distribute cross-browser extensions with no build configuration.",
   lang: "en",
   logo: {
     light:

theme/components-home/Landingpage/Hero/index.tsx

@@ -17,7 +17,7 @@ const Hero = memo(() => {
         <picture className="flex lg:justify-end justify-center w-full">
           <img
             src="https://user-images.githubusercontent.com/4672033/102850460-4d22aa80-43f8-11eb-82db-9efce586f73e.png"
-            alt="Green puzzle"
+            alt="The green puzzle that represents Extension.js logo"
             loading="eager"
             decoding="async"
           />

theme/components/avatar-group/browsers.tsx

@@ -41,7 +41,7 @@ const AvatarBrowsers: React.FC<AvatarBrowsersProps> = ({
         <img
           key={browser.toLowerCase()}
           src={browserIcons[browser.toLowerCase()]}
-          alt={`${browser} icon`}
+          alt={`The ${browser} browser icon`}
           className={
             browser.toLowerCase() === "gecko" ||
             browser.toLowerCase() === "waterfox"

theme/components/avatar-group/config.tsx

@@ -37,7 +37,7 @@ const AvatarBrowsers: React.FC<AvatarBrowsersProps> = ({ browsers }) => {
         <img
           key={browser.toLowerCase()}
           src={browserIcons[browser.toLowerCase()]}
-          alt={`${browser} icon`}
+          alt={`The ${browser} browser icon`}
           className={
             browser.toLowerCase() === "gecko" ||
             browser.toLowerCase() === "waterfox"

theme/components/avatar-group/css.tsx

@@ -37,7 +37,7 @@ const AvatarBrowsers: React.FC<AvatarBrowsersProps> = ({ browsers }) => {
         <img
           key={browser.toLowerCase()}
           src={browserIcons[browser.toLowerCase()]}
-          alt={`${browser} icon`}
+          alt={`The ${browser} browser icon`}
           className={
             browser.toLowerCase() === "gecko" ||
             browser.toLowerCase() === "waterfox"

theme/components/avatar-group/javascript.tsx

@@ -37,7 +37,7 @@ const AvatarBrowsers: React.FC<AvatarBrowsersProps> = ({ browsers }) => {
         <img
           key={browser.toLowerCase()}
           src={browserIcons[browser.toLowerCase()]}
-          alt={`${browser} icon`}
+          alt={`The ${browser} browser icon`}
           className={
             browser.toLowerCase() === "gecko" ||
             browser.toLowerCase() === "waterfox"

theme/components/avatar-group/technologies.tsx

@@ -37,7 +37,7 @@ const AvatarBrowsers: React.FC<AvatarBrowsersProps> = ({ browsers }) => {
         <img
           key={browser.toLowerCase()}
           src={browserIcons[browser.toLowerCase()]}
-          alt={`${browser} icon`}
+          alt={`The ${browser} browser icon`}
           className={
             browser.toLowerCase() === "gecko" ||
             browser.toLowerCase() === "waterfox"

theme/components/tabs-command-line/index.tsx

@@ -87,7 +87,7 @@ export function TabsCommandLine({ command }: TabsCommandLineProps) {
             >
               <img
                 src={tab.iconUrl || "https://placekitten.com/32/32"}
-                alt="The package manager iconUrl"
+                alt={`The package manager ${tab.label} icon`}
                 width="16"
                 className="mr-2"
               />
@@ -111,7 +111,7 @@ export function TabsCommandLine({ command }: TabsCommandLineProps) {
                       onClick={() =>
                         copyToClipboard(
                           getCommand(tab.key as "npm" | "pnpm" | "yarn"),
-                          tab.key,
+                          tab.key
                         )
                       }
                     >