Update title and more

app/public/index.css

@@ -52,7 +52,7 @@ ul {
 
 }
 
-.ensip-list li[data-X=true] a {
+.ensip-list li[data-x=true] a {
     color: #DE5999;
 }
 

app/src/App.tsx

@@ -1,19 +1,19 @@
 import type { FC } from 'react';
 
+import type { ENSIPData } from '.';
 import { Header } from './components/Header';
 import { Navbar } from './components/Navbar';
 import { Frame } from './Frame';
-import type { Frontmatter } from './specs/validateFrontmatter';
 
-export const App: FC<{ markdown: string; frontmatter: Frontmatter }> = ({
-    markdown,
-    frontmatter,
-}) => {
+export const App: FC<{ data: ENSIPData }> = ({ data }) => {
+    const { path, title, frontmatter, markdown } = data;
+
     return (
         <Frame>
             <article>
                 <Navbar />
                 <Header frontmatter={frontmatter} />
+                <h1>{title}</h1>
                 <div dangerouslySetInnerHTML={{ __html: markdown }} />
             </article>
         </Frame>

app/src/Home.tsx

@@ -14,7 +14,7 @@ export const Home: FC<{ ensips: ENSIPData[] }> = ({ ensips }) => {
                     {ensips.map(({ path, title }) => (
                         <li
                             key={path}
-                            data-X={title.toLowerCase().startsWith('ensip-x')}
+                            data-x={title.toLowerCase().startsWith('ensip-x')}
                         >
                             <a href={`/${path}`} className="link">
                                 {title}

app/src/index.tsx

@@ -62,19 +62,16 @@ for (const file of files) {
             )
             .process(fileData);
 
-        ensips.push({
+        const data: ENSIPData = {
             path: directPath.split('/').pop()!.replace('.md', ''),
             title: title!,
             frontmatter: frontmatter!,
             markdown: result.value.toString(),
-        });
+        };
 
-        const x = renderToStaticMarkup(
-            <App
-                markdown={result.value.toString()}
-                frontmatter={frontmatter!}
-            />
-        );
+        ensips.push(data);
+
+        const x = renderToStaticMarkup(<App data={data} />);
 
         // write to file
         await writeFile(