diff --git a/app/root.tsx b/app/root.tsx index 8790a42..4a9c04f 100644 --- a/app/root.tsx +++ b/app/root.tsx @@ -30,7 +30,14 @@ export default function App() { - +
+ +
+ + + +
+
diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx index a41d99c..4f32905 100644 --- a/app/routes/_index.tsx +++ b/app/routes/_index.tsx @@ -13,44 +13,46 @@ import { MdEmail } from "react-icons/md"; export default function Index() { return ( -
-
-
- $ echo "Hello, world!" - | -
- -
- - Blog - +
+
+
+
+ $ echo "Hello, world!" + | +
+ +
+ + Blog + +
diff --git a/app/routes/blog.$name.tsx b/app/routes/blog.$name.tsx index 63a7149..84fb772 100644 --- a/app/routes/blog.$name.tsx +++ b/app/routes/blog.$name.tsx @@ -29,7 +29,7 @@ export default function () { return ( <> {title} -
+
diff --git a/app/routes/blog._index/route.tsx b/app/routes/blog._index/route.tsx index c03a141..636f3e9 100644 --- a/app/routes/blog._index/route.tsx +++ b/app/routes/blog._index/route.tsx @@ -19,7 +19,7 @@ export default function () { <> Here I blog about whatever get my attention {posts.length > 0 ? ( -
+
{posts.map((post, i) => ( ))} diff --git a/app/routes/blog/route.tsx b/app/routes/blog/route.tsx index 854c32b..bec518e 100644 --- a/app/routes/blog/route.tsx +++ b/app/routes/blog/route.tsx @@ -4,7 +4,7 @@ import { useMatch } from "./useMatch"; export default function () { const { handle } = useMatch(); return ( -
+
{handle && (