add sub git and git-tools

2022-11-06 21:07:22 +01:00
commit 9a0c882fe4
18 changed files with 3803 additions and 0 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -0,0 +1,21 @@
+import '@/styles/dist.css';
+import React from 'react';
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html>
+      <head>
+        <title>kjuulh microblog</title>
+      </head>
+      <body className="box-border overflow-y-scroll bg-zinc-900">
+        <div className="grid grid-cols-[1fr,min(800px,100%),1fr] px-6">
+          <div className="col-start-2 space-y-6">{children}</div>
+        </div>
+      </body>
+    </html>
+  );
+}
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -0,0 +1,14 @@
+import { getPosts } from '@/lib/getPosts';
+import Posts from './posts';
+
+export const revalidate = 10;
+
+export default async function Page() {
+  const posts = await getPosts();
+
+  return (
+    <div className="space-y-6">
+      <Posts posts={posts} />
+    </div>
+  );
+}
--- a/app/postCard.tsx
+++ b/app/postCard.tsx
@@ -0,0 +1,5 @@
+const PostCard = () => {
+  return <div></div>;
+};
+
+export default PostCard;
--- a/app/posts.tsx
+++ b/app/posts.tsx
@@ -0,0 +1,24 @@
+import { getPosts, Post } from '@/lib/getPosts';
+import { FC, use } from 'react';
+
+interface PostProps {
+  posts: Post[];
+}
+const Posts: FC<PostProps> = ({ posts }) => {
+  return (
+    <>
+      {posts.map((p) => (
+        <div className="space-y-2 text-white">
+          <p className="font-bold">{p.author.name}</p>
+          <p>{p.title}</p>
+          {p.message &&
+            p.message
+              .split('\n')
+              .map((para, i) => para && <p key={i}>{para}</p>)}
+        </div>
+      ))}
+    </>
+  );
+};
+
+export default Posts;