most done, outside the blog

src/app.tsx

@@ -5,26 +5,29 @@ import "./app.css";
 import { LeftBar, RightBar } from "./components/Bars";
 import { TerminalSplash } from "./components/TerminalSplash";
 import { SplashProvider } from "./context/splash";
+import { MetaProvider } from "@solidjs/meta";
 
 export default function App() {
   return (
-    <SplashProvider>
-      <div>
-        <TerminalSplash />
-        <Router
-          root={(props) => (
-            <div class="flex flex-row max-w-screen">
-              <LeftBar />
-              <div class="flex-1">
-                <Suspense>{props.children}</Suspense>
+    <MetaProvider>
+      <SplashProvider>
+        <div>
+          <TerminalSplash />
+          <Router
+            root={(props) => (
+              <div class="flex flex-row max-w-screen">
+                <LeftBar />
+                <div class="flex-1">
+                  <Suspense>{props.children}</Suspense>
+                </div>
+                <RightBar />
               </div>
-              <RightBar />
-            </div>
-          )}
-        >
-          <FileRoutes />
-        </Router>
-      </div>
-    </SplashProvider>
+            )}
+          >
+            <FileRoutes />
+          </Router>
+        </div>
+      </SplashProvider>
+    </MetaProvider>
   );
 }