diff --git a/public/assets/blog/setup.png b/public/assets/blog/setup.png
new file mode 100644
index 0000000..fb82816
Binary files /dev/null and b/public/assets/blog/setup.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index 718d6fe..4cfffb5 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/blog/markdown.md b/src/blog/markdown.md
index 13655f1..437f6cc 100644
--- a/src/blog/markdown.md
+++ b/src/blog/markdown.md
@@ -1,8 +1,11 @@
 ---
 title: Markdown Elements
-date: 19-02-2023
+date: [2023, 02, 19]
+hidden: true
 ---
 
+> this is my testing page for markdown elements, ignore this
+
 # Hi ~~Mars~~ Venus! 1
 
 ## Hi ~~Mars~~ Venus! 2
diff --git a/src/blog/testing.md b/src/blog/testing.md
deleted file mode 100644
index 6869448..0000000
--- a/src/blog/testing.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-title: Testing
-date: 19-02-2023
----
-
-# Hi ~~Mars~~ Venus!
diff --git a/src/components/PostList.tsx b/src/components/PostList.tsx
index a2db0b8..708652f 100644
--- a/src/components/PostList.tsx
+++ b/src/components/PostList.tsx
@@ -4,8 +4,6 @@ import styles from "@/styles/PostList.module.sass"
 const PostList = ({ posts }: {
     posts: [{ title: string, date: string, link: string }]
 }) => {
-
-
     return (
         <ul className={styles.blog_posts}>
             {posts.map(post => (
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 599781d..f80e61b 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -9,10 +9,9 @@ const constants = {
         cohost: "https://cohost.org/lio",
         twitter: "https://twitter.com/@himbolion",
         git: "https://git.lio.cat/l",
-        github: "https://github.com/@himbolion",
+        github: "https://github.com/himbolion",
+        libera: "https://liberapay.com/himbolion/",
         email: "mailto:twilight@lio.zone",
     }
 }
-
-
 export default constants
\ No newline at end of file
diff --git a/src/lib/getFrontmatter.ts b/src/lib/getFrontmatter.ts
index 6b7519b..047c361 100644
--- a/src/lib/getFrontmatter.ts
+++ b/src/lib/getFrontmatter.ts
@@ -1,7 +1,22 @@
 import { readFileSync } from "fs";
 import matter from "gray-matter";
 
-export default function (path: string) {
+type Frontmatter<I extends string | Buffer> = {
+    data: Partial<{
+        title: string
+        date: number[]
+        hidden: boolean
+        draft: boolean
+    }>
+    content: string
+    excerpt?: string
+    orig: Buffer | I
+    language: string
+    matter: string
+    stringify(lang: string): string
+}
+
+export default function (path: string): Frontmatter<string> {
     return matter(readFileSync(path, 'utf8'))
 
 }
\ No newline at end of file
diff --git a/src/lib/profiles.ts b/src/lib/profiles.ts
index 3960971..75358cc 100644
--- a/src/lib/profiles.ts
+++ b/src/lib/profiles.ts
@@ -4,6 +4,7 @@ const getProfiles = () => {
     return [
         { site: "fediverse", link: constants.socials.fedi },
         { site: "twitter", link: constants.socials.twitter },
+        { site: "liberapay", link: constants.socials.libera },
         { site: "cohost", link: constants.socials.cohost },
         { site: "forgejo", link: constants.socials.git },
         { site: "github", link: constants.socials.github },
diff --git a/src/pages/blog/[...slug].tsx b/src/pages/blog/[...slug].tsx
index 79cce1c..bf42a93 100644
--- a/src/pages/blog/[...slug].tsx
+++ b/src/pages/blog/[...slug].tsx
@@ -9,13 +9,15 @@ import listFiles from "@/lib/listFiles";
 import Markdown from 'markdown-to-jsx';
 import Link from "@/components/Link";
 import Image from "@/components/Image";
-import Header from "@/components/Header";
-import { useRouter } from 'next/router'
+import Head from "next/head";
+import matter from "gray-matter";
+const Post = (props: { post: string, slug: string, matter: any }) => {
 
-const Post = (props: { post: string, slug: string }) => {
-    const router = useRouter()
     let Index = (
         <main id={index.layout}>
+            <Head>
+                <title>{props.matter.title}</title>
+            </Head>
             <Sidebar />
             <section id={index.main}>
                 <Markdown
@@ -28,13 +30,6 @@ const Post = (props: { post: string, slug: string }) => {
                                 const ParaComponent = children[0]?.type?.name === 'img' ? 'div' : 'p'
                                 return <ParaComponent {...props}>{children}</ParaComponent>
                             },
-                            // h1: ({ ...props }) => <Header kind="h1" href={`${router.asPath}#${props.id}`} title={props.children} withArrow />,
-                            // h2: ({ ...props }) => <Header kind="h2" href={`${router.asPath}#${props.id}`} title={props.children} withArrow />,
-                            // h3: ({ ...props }) => <Header kind="h3" href={`${router.asPath}#${props.id}`} title={props.children} withArrow />,
-                            // h4: ({ ...props }) => <Header kind="h4" href={`${router.asPath}#${props.id}`} title={props.children} withArrow />,
-                            // h5: ({ ...props }) => <Header kind="h5" href={`${router.asPath}#${props.id}`} title={props.children} withArrow />,
-                            // h6: ({ ...props }) => <Header kind="h6" href={`${router.asPath}#${props.id}`} title={props.children} withArrow />,
-                            // h6: ({ pass_this, ...props }) => { console.log("h6", { pass_this, props }) },
                         }
                     }}
                 />
@@ -51,10 +46,10 @@ export async function getStaticProps(context: any) {
     let post = await remark()
         .use(remarkFrontmatter)
         .process(await read(`${listFiles('./src/blog').find(file => file.includes(context.params.slug))}`))
-    // .then(r => r.value.)
     return {
         props: {
-            post: (post.value as string).replace(/(---)\n*([a-zA-Z0-9\/_:-\s*]*)*/mi, ""),
+            post: (post.value as string).replace(/(---)\n*([a-zA-Z0-9\/\[\]_:,\-\s*]*)*/mi, ""),
+            matter: matter(post.value).data,
             slug: context.params.slug
         }
     }
diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx
index e97e032..48efc90 100644
--- a/src/pages/blog/index.tsx
+++ b/src/pages/blog/index.tsx
@@ -6,10 +6,14 @@ import Lanyard from "@/components/Lanyard"
 import listFiles from "@/lib/listFiles";
 import getFrontmatter from "@/lib/getFrontmatter";
 import PostList from "@/components/PostList";
+import Head from "next/head"
 
 const IndexPage = (props: { posts: [{ title: string, date: string, link: string }] }) => {
     let Index = (
         <main id={index.layout}>
+            <Head>
+                <title>blog</title>
+            </Head>
             <Sidebar />
             <section id={index.blogMain}>
                 <h1>blog</h1>
@@ -29,11 +33,21 @@ export async function getStaticProps() {
     let posts = listFiles(blogPath) //
     let frontmatter = posts.map(post => {
         let matter = getFrontmatter(post).data
+        // @ts-ignore
+        let date = new Date(matter.date)
         return {
             ...matter,
-            link: post.replace(blogPath, "/blog/").replace('.md', "").replace('.mdx', "")
+            sort_date: date.toDateString(),
+            date: `${date.toLocaleDateString()}`,
+            link: post.replace(blogPath, "/blog").replace('.md', "").replace('.mdx', "")
         }
     })
+        .filter((v, i) => { return !v.hidden })
+        .filter((v, i) => { return !v.draft })
+        .sort((a, b) => {
+            // @ts-ignore
+            return new Date(b.sort_date) - new Date(a.sort_date)
+        })
     return {
         props: {
             posts: frontmatter
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 5bd63f4..ae1d0e8 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -3,17 +3,24 @@ import RenderWithoutJS from "@/components/RenderWithoutJS";
 import Sidebar from "@/components/Sidebar";
 import index from "@/styles/Index.module.sass"
 import Lanyard from "@/components/Lanyard"
+import Head from "next/head"
+import Link from "@/components/Link";
 
 const IndexPage = () => {
   let Index = (
     <main id={index.layout}>
+      <Head>
+        <title>lio</title>
+      </Head>
       <Sidebar />
       <section id={index.main}>
-        <h1>hey!</h1>
+        <h1>hi there!</h1>
         <p>
-          my name's Lio, and I code sometimes
-          {/* my name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimesmy name's Lio, and I code sometimes */}
+          my name's lio. i'm a 21y/o software engineer and student from germany.
         </p>
+        {/* <p>
+          you might know me from Projects like <Link />
+        </p> */}
       </section>
       <Lanyard />
       {/* <Copyright /> */}
diff --git a/src/styles/Index.module.sass b/src/styles/Index.module.sass
index fc42bf9..cdbfce9 100644
--- a/src/styles/Index.module.sass
+++ b/src/styles/Index.module.sass
@@ -2,7 +2,7 @@
 
 #layout
     max-width: 1000px
-    margin: 6rem 0 4rem 4rem
+    margin: 5rem 0 0 1rem
     display: inline-flex
     @media (max-width:600px)
         display: inline-block
diff --git a/src/styles/Link.module.sass b/src/styles/Link.module.sass
index 269c63e..d46a4cb 100644
--- a/src/styles/Link.module.sass
+++ b/src/styles/Link.module.sass
@@ -10,5 +10,6 @@
 
 .listLink
     display: table
+    line-height: 1rem
     @media (max-width:600px)
         display: inline-block
diff --git a/src/styles/main.sass b/src/styles/main.sass
index 44b861d..a7eb19b 100644
--- a/src/styles/main.sass
+++ b/src/styles/main.sass
@@ -11,7 +11,7 @@ html
     background: $dark
     color: $light
     font-size: 20px
-    line-height: 1
+    line-height: 1.3
     scroll-behavior: smooth
 
 @font-face
