diff --git a/TODO.md b/TODO.md
index 3d12d89..efaf99a 100644
--- a/TODO.md
+++ b/TODO.md
@@ -1,3 +1 @@
 - Tag count
-- title for pages
-- check header meta info
diff --git a/public/monogram.png b/public/monogram.png
new file mode 100644
index 0000000..90f09b8
Binary files /dev/null and b/public/monogram.png differ
diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index e8333f1..e6b4eb1 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -6,21 +6,26 @@ import '../styles/preflight.css'
 import '../styles/global.scss'
 
 interface Props {
+  title?: string
   image?: string
 }
 
 const canonicalURL = new URL(Astro.url.pathname, Astro.site)
 
-const { image = '/blog-placeholder-1.jpg' } = Astro.props
+// const { image = '/blog-placeholder-1.jpg' } = Astro.props
 
-const title = 'Astro Blog'
-const description = 'Welcome to my website!'
+let title = 'Niccolo Borgioli'
+const description = 'Personal blog'
+
+if (Astro.props.title) {
+  title = Astro.props.title + ' － ' + title
+}
 ---
 
 <!-- Global Metadata -->
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width,initial-scale=1" />
-<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+<link rel="icon" type="image/png" href="/monogram.png" />
 <meta name="generator" content={Astro.generator} />
 
 <!-- Canonical URL -->
@@ -36,14 +41,14 @@ const description = 'Welcome to my website!'
 <meta property="og:url" content={Astro.url} />
 <meta property="og:title" content={title} />
 <meta property="og:description" content={description} />
-<meta property="og:image" content={new URL(image, Astro.url)} />
+<!-- <meta property="og:image" content={new URL(image, Astro.url)} /> -->
 
 <!-- Twitter -->
 <meta property="twitter:card" content="summary_large_image" />
 <meta property="twitter:url" content={Astro.url} />
 <meta property="twitter:title" content={title} />
 <meta property="twitter:description" content={description} />
-<meta property="twitter:image" content={new URL(image, Astro.url)} />
+<!-- <meta property="twitter:image" content={new URL(image, Astro.url)} /> -->
 
 <script
   is:inline
diff --git a/src/layouts/PageWithTitle.astro b/src/layouts/PageWithTitle.astro
index d98b8ee..8409fce 100644
--- a/src/layouts/PageWithTitle.astro
+++ b/src/layouts/PageWithTitle.astro
@@ -5,18 +5,17 @@ import Root from './Root.astro'
 export type Props = {
   title: string
   readable?: boolean
-  expanded?: boolean
 }
 
-const { title, readable = false, expanded = true } = Astro.props
+const { title, readable = false } = Astro.props
 ---
 
-<Root>
+<Root {title}>
   <div>
     <h1>
       <SpacedLetters letters={title} {readable} />
     </h1>
-    <section class:list={{ expanded }}>
+    <section>
       <slot />
     </section>
   </div>
@@ -39,9 +38,6 @@ const { title, readable = false, expanded = true } = Astro.props
     display: flex;
     flex-direction: column;
     gap: 1rem;
-  }
-
-  section.expanded {
     margin-top: 5em;
   }
 
diff --git a/src/layouts/Root.astro b/src/layouts/Root.astro
index c038f6a..cb502e8 100644
--- a/src/layouts/Root.astro
+++ b/src/layouts/Root.astro
@@ -2,12 +2,17 @@
 import BaseHead from '../components/BaseHead.astro'
 import Nav from '../components/Nav.astro'
 import Progress from '../components/Progress.svelte'
+
+interface Props {
+  title?: string
+  image?: string
+}
 ---
 
 <!doctype html>
 <html lang="en">
   <head>
-    <BaseHead />
+    <BaseHead {...Astro.props} />
   </head>
   <body>
     <Nav />
