.

jacobp100 · Sep 3, 2023 · 2cf06d9 · 2cf06d9
1 parent e0a5322
commit 2cf06d9
Showing 1 changed file with 19 additions and 14 deletions.
diff --git a/pages/index.mdx b/pages/index.mdx
@@ -11,54 +11,59 @@ export const css = "/assets/index.css";
     style={{ color: `var(${cssVariable("--pocket-jam")})` }}
   >
     <Icon name="pocket-jam" className="link__app" />
-    <span className={classNames("link__title", "link__title--discretionary")}>
-      Pocket Jam
-    </span>
+    {/* MDX makes this a paragraph element without using the string */}
+    <span
+      className={classNames("link__title", "link__title--discretionary")}
+      children="Pocket Jam"
+    />
   </A>
   <A
     href="/pages/piano-tabs.mdx"
     className={"link"}
     style={{ color: `var(${cssVariable("--piano-tabs")})` }}
   >
     <Icon name="piano-tabs" className="link__app" />
-    <span className={classNames("link__title", "link__title--discretionary")}>
-      Piano Tabs
-    </span>
+    <span
+      className={classNames("link__title", "link__title--discretionary")}
+      children="Piano Tabs"
+    />
   </A>
   <A
     href="/pages/technicalc.mdx"
     className={"link"}
     style={{ color: `var(${cssVariable("--technicalc")})` }}
   >
     <Icon name="technicalc" className="link__app" />
-    <span className={classNames("link__title", "link__title--discretionary")}>
-      TechniCalc
-    </span>
+    <span
+      className={classNames("link__title", "link__title--discretionary")}
+      children="TechniCalc"
+    />
   </A>
   <A
     href="/pages/calipers.mdx"
     className={"link"}
     style={{ color: `var(${cssVariable("--calipers")})` }}
   >
     <Icon name="calipers" className="link__app" />
-    <span className={classNames("link__title", "link__title--discretionary")}>
-      Calipers
-    </span>
+    <span
+      className={classNames("link__title", "link__title--discretionary")}
+      children="Calipers"
+    />
   </A>
   <A
     href="/pages/freebies.mdx"
     className={"link"}
     style={{ color: `var(${cssVariable("--freebies")})` }}
   >
     <Icon name="link" className="link__app" />
-    <span className={classNames("link__title")}>Freebies</span>
+    <span className={classNames("link__title")} children="Freebies" />
   </A>
   <A
     href="/pages/blog.mdx"
     className={"link"}
     style={{ color: `var(${cssVariable("--blog")})` }}
   >
     <Icon name="link" className="link__app" />
-    <span className={classNames("link__title")}>Blog</span>
+    <span className={classNames("link__title")} children="Blog" />
   </A>
 </div>