diff --git a/src/assets/base.scss b/src/assets/base.scss
index db9799a..2abf82c 100644
--- a/src/assets/base.scss
+++ b/src/assets/base.scss
@@ -126,4 +126,10 @@ blockquote {
   margin: 1rem 2rem;
   border-radius: 0.3em;
   background-color: #574b90;
+}
+
+iframe.youtube {
+  width: 100%;
+  height: 500px;
+  max-height: 35vh;
 }
\ No newline at end of file
diff --git a/src/pages/my-books.mdx b/src/pages/my-books.mdx
new file mode 100644
index 0000000..442730a
--- /dev/null
+++ b/src/pages/my-books.mdx
@@ -0,0 +1,25 @@
+---
+title: My books
+layout: post
+---
+
+## My books
+
+I used to read so little, but in 2021, I decided to take example of CGP Grey and add as one of my theme to read more and write more.
+
+<iframe
+  class="youtube"
+  src="https://www.youtube-nocookie.com/embed/NVGuFdX5guE"
+  title="Your Theme by CGP Grey"
+/>
+
+So far, I'm pretty happy with how many books I've read, and they are all good!
+
+- [How to take smart notes](https://www.soenkeahrens.de/en/takesmartnotes)
+- [Resilient web design](https://resilientwebdesign.com/)
+- [On writing well](https://www.babelio.com/livres/Zinsser-On-Writing-Well/795524)
+- [The Scout Mindset: Why Some People See Things Clearly and Others Don’t](https://juliagalef.com/)
+- [Accelerate](https://www.oreilly.com/library/view/accelerate/9781457191435/)
+- [Immune](https://www.amazon.fr/Immune-Kurzgesagt-gorgeously-illustrated-immune/dp/1529360684)
+- [The field guide of understanding 'human errors'](https://www.routledge.com/The-Field-Guide-to-Understanding-Human-Error/Dekker/p/book/9781472439055)
+- [Thinking fast and slow](https://en.wikipedia.org/wiki/Thinking,_Fast_and_Slow)
diff --git a/src/pages/my-books.vue b/src/pages/my-books.vue
deleted file mode 100644
index 2a313e7..0000000
--- a/src/pages/my-books.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<page>
-title: My books
-</page>
-
-<template>
-  <section>
-    <h2>My books</h2>
-
-    <p>
-      I used to read so little, but in 2021, I decided to take example of CGP Grey and add as one of my theme to read
-      more and write more.
-    </p>
-
-    <iframe src="https://www.youtube-nocookie.com/embed/NVGuFdX5guE" title="Your Theme by CGP Grey" frameborder="0"
-      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-      allowfullscreen></iframe>
-
-    <p>
-      So far, I'm pretty happy with how many books I've read, and they are all good!
-    </p>
-
-
-    <ul>
-      <li><a href="https://www.soenkeahrens.de/en/takesmartnotes">How to take smart notes</a></li>
-      <li><a href="https://resilientwebdesign.com/">Resilient web design</a></li>
-      <li><a href="https://www.babelio.com/livres/Zinsser-On-Writing-Well/795524">On writing well</a></li>
-      <li><a href="https://juliagalef.com/">The Scout Mindset: Why Some People See Things Clearly and Others Don’t</a>
-      </li>
-      <li><a href="https://www.oreilly.com/library/view/accelerate/9781457191435/">Accelerate</a></li>
-      <li><a href="https://www.amazon.fr/Immune-Kurzgesagt-gorgeously-illustrated-immune/dp/1529360684">Immune</a></li>
-      <li><a
-          href="https://www.routledge.com/The-Field-Guide-to-Understanding-Human-Error/Dekker/p/book/9781472439055">The
-          field guide of understanding 'human errors'</a></li>
-      <li><a href="https://en.wikipedia.org/wiki/Thinking,_Fast_and_Slow">Thinking fast and slow</a></li>
-    </ul>
-  </section>
-</template>
-
-<style scoped>
-iframe {
-  width: 100%;
-  height: 500px;
-  max-height: 35vh;
-}
-</style>
\ No newline at end of file