diff --git a/components/Layout.js b/components/Layout.js
index 735343c84..2ff7c9709 100644
--- a/components/Layout.js
+++ b/components/Layout.js
@@ -27,7 +27,7 @@ export default function Layout({
   return (
     <section className={`layout`}>
       <Meta siteTitle={siteTitle} siteDescription={siteDescription} />
-      <Header siteTitle="~garrit" />
+      <Header siteTitle={siteTitle} />
       <div className="content">{children}</div>
       <Footer />
       <style jsx>
diff --git a/components/Page.js b/components/Page.js
index f920f40e2..0f1a154fe 100644
--- a/components/Page.js
+++ b/components/Page.js
@@ -1,9 +1,10 @@
 import Layout from "./Layout";
 
 export default function Page(props) {
-    const { title, date } = props;
+    const { title, date, siteTitle } = props;
+    console.log(props);
     return (
-        <Layout siteTitle={title}>
+        <Layout siteTitle={siteTitle}>
             <article className="page">
                 { title && <div className="page__info">
                     <h1>{title}</h1>
diff --git a/content/cv.md b/content/cv.md
index e5d872089..9cd002c55 100644
--- a/content/cv.md
+++ b/content/cv.md
@@ -1,5 +1,6 @@
 ---
 title: "Curriculum Vitae"
+siteTitle: "Garrit's CV"
 ---
 
 ## Education
diff --git a/pages/[page].js b/pages/[page].js
index 6b7782a3d..f678297d8 100644
--- a/pages/[page].js
+++ b/pages/[page].js
@@ -11,8 +11,10 @@ export default function PageTemplate(props) {
      */
     if (!props.frontmatter) return <></>;
 
+    const siteTitle = props.frontmatter.siteTitle || props.siteTitle;
+
     return (
-        <Page title={props.frontmatter.title}>
+        <Page title={props.frontmatter.title} siteTitle={siteTitle}>
             <ReactMarkdown source={props.markdownBody} />
         </Page>
     );
@@ -25,7 +27,7 @@ export async function getStaticProps({ ...ctx }) {
 
     return {
         props: {
-            siteTitle: "~garrit",
+            siteTitle: "Garrit's Site",
             frontmatter: data.data,
             markdownBody: data.content,
         },
diff --git a/pages/index.js b/pages/index.js
index 978b30f98..e5cdd3806 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -4,7 +4,7 @@ import Page from "../components/Page";
 
 const Index = (props) => {
     return (
-        <Page>
+        <Page siteTitle="Garrit's Site">
             <ReactMarkdown source={props.markdownBody} />
         </Page>
     );
diff --git a/pages/posts/[post].js b/pages/posts/[post].js
index 8c225821b..912b35092 100644
--- a/pages/posts/[post].js
+++ b/pages/posts/[post].js
@@ -18,7 +18,7 @@ export default function BlogTemplate(props) {
     if (!props.frontmatter) return <></>;
 
     return (
-        <Page title={props.frontmatter.title} date={reformatDate(props.frontmatter.date)}>
+        <Page siteTitle="Garrit's Notes" title={props.frontmatter.title} date={reformatDate(props.frontmatter.date)}>
             <ReactMarkdown
                 source={props.markdownBody}
                 date={props.frontmatter.date}
@@ -49,7 +49,6 @@ export async function getStaticProps({ ...ctx }) {
 
     return {
         props: {
-            siteTitle: "~garrit",
             frontmatter: data.data,
             markdownBody: data.content,
         },
diff --git a/pages/posts/index.js b/pages/posts/index.js
index 30dd869c4..cec31168f 100644
--- a/pages/posts/index.js
+++ b/pages/posts/index.js
@@ -4,7 +4,7 @@ import matter from "gray-matter";
 
 const Index = (props) => {
   return (
-    <Layout pathname="/" siteTitle="~garrit" siteDescription="">
+    <Layout pathname="/" siteTitle="Garrit's Notes" siteDescription="">
       <section>
         <BlogList posts={props.posts} />
       </section>
@@ -40,7 +40,6 @@ export async function getStaticProps() {
   return {
     props: {
       posts,
-      title: "~garrit",
       description: "",
     },
   };
diff --git a/public/fonts/RobotoMono-Variable.ttf b/public/fonts/RobotoMono-Variable.ttf
new file mode 100644
index 000000000..d2b474619
Binary files /dev/null and b/public/fonts/RobotoMono-Variable.ttf differ
diff --git a/styles/components/header.scss b/styles/components/header.scss
index 180f396d9..4d3a026ea 100644
--- a/styles/components/header.scss
+++ b/styles/components/header.scss
@@ -9,6 +9,7 @@ nav {
         text-align: center;
         padding: 24px;
         font-weight: 400;
+        font-family: 'Roboto Mono', Courier, monospace;
         font-size: 40px;
 
         @media (prefers-color-scheme: light) {
diff --git a/styles/foundation/fonts.scss b/styles/foundation/fonts.scss
index fa7e61018..818026c3f 100644
--- a/styles/foundation/fonts.scss
+++ b/styles/foundation/fonts.scss
@@ -7,3 +7,8 @@
   font-family: "Source Sans Pro Light";
   src: url("/fonts/OpenSans-Regular.ttf") format("ttf");
 }
+
+@font-face {
+  font-family: "Roboto Mono";
+  src: url("/fonts/RobotoMono-Variable.ttf") format("ttf");
+}