diff --git a/index.html b/index.html
index f7d3e6b..44a89cd 100644
--- a/index.html
+++ b/index.html
@@ -45,6 +45,7 @@
                 <a class="navbar-link" href="/">Home</a>
                 <a class="navbar-link" href="projects.html">My projects</a>
                 <a class="navbar-link" href="https://abonentendeur.guams.fr">My blog</a>
+                <a class="navbar-link" href="https://mybooklist.guams.fr">My books</a>
             </div>
             <div class="about-me-panel">
                 <div class="title-bar window-border">
diff --git a/projects.html b/projects.html
index f8cb448..c707ef8 100644
--- a/projects.html
+++ b/projects.html
@@ -45,6 +45,7 @@
                 <a class="navbar-link" href="/">Home</a>
                 <a class="navbar-link" href="projects.html">My projects</a>
                 <a class="navbar-link" href="https://abonentendeur.guams.fr">My blog</a>
+                <a class="navbar-link" href="https://mybooklist.guams.fr">My books</a>
             </div>
             <div class="changelog-panel">
                 <div class="title-bar window-border">
@@ -149,6 +150,33 @@
                             works I play or read.</p>
                     </div>
                 </div>
+            </div>
+                        <div class="project-panel">
+                <div class="title-bar window-border">
+                    <div class="title-bar-text">My book list</div>
+                    <div class="title-bar-controls">
+                        <button aria-label="minimize" class="title-bar-button minimize-button">
+                            <img alt="minimize button" src="/src/img/minimize.svg" aria-hidden="true">
+                        </button>
+                        <button aria-label="maximize" class="title-bar-button maximize-button">
+                            <img alt="maximize button" src="/src/img/maximize.svg" aria-hidden="true">
+                        </button>
+                        <button aria-label="close" class="title-bar-button">
+                            <img alt="close button close-button" src="/src/img/close.svg" aria-hidden="true">
+                        </button>
+                    </div>
+                </div>
+                <div class="project-content">
+                    <a class="image-link" href="https://gitea.guams.fr/Guams/my_book_list_front">
+                        <img title="Open in gitea" class="project-top" alt="screen of my gitea"
+                             src="/src/img/mybooklist.webp">
+                    </a>
+                    <div class="text status">
+                        <u><p class="text">Summary :</p></u>
+                        <p class="text">This is where I share what i <a href="https://mybooklist.guams.fr" target="_blank"
+                                                      class="hypertext-link">read</a>.</p>
+                    </div>
+                </div>
             </div>
             <iframe class="pub" src="https://john.citrons.xyz/embed?ref=example.com"></iframe>
         </div>
diff --git a/src/img/mybooklist.webp b/src/img/mybooklist.webp
new file mode 100644
index 0000000..a472e9e
Binary files /dev/null and b/src/img/mybooklist.webp differ