diff --git a/index.html b/index.html
index 4dae98b..8d8764c 100644
--- a/index.html
+++ b/index.html
@@ -1,132 +1,223 @@
 <!doctype html>
 <html lang="fr" id="html">
-<head>
-    <meta charset="UTF-8"/>
-    <link rel="icon" href="/icon.webp"/>
-    <link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap" rel="stylesheet">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <meta content="Guams" property="og:title"/>
-    <meta content="Hi, I'm Guams, a french developer. Here you can see my open source projects, my blog and more..."
-          property="og:description"/>
-    <meta content="https://guams.fr" property="og:url"/>
-    <meta content="https://guams.fr/icon.webp" property="og:image"/>
-    <meta content="#546bab" data-react-helmet="true" name="theme-color"/>
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/icon.webp" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap"
+      rel="stylesheet"
+    />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta content="Guams" property="og:title" />
+    <meta
+      content="Hi, I'm Guams, a french developer. Here you can see my open source projects, my blog and more..."
+      property="og:description"
+    />
+    <meta content="https://guams.fr" property="og:url" />
+    <meta content="https://guams.fr/icon.webp" property="og:image" />
+    <meta content="#546bab" data-react-helmet="true" name="theme-color" />
     <title>Home</title>
-</head>
-<body>
-<main id="closed-main">
-    <h1>Look what you've done !</h1>
-</main>
-<main class="main">
-    <div class="title-bar window-border">
+  </head>
+
+  <body>
+    <main id="closed-main">
+      <h1>Look what you've done !</h1>
+    </main>
+    <main class="main">
+      <div class="title-bar window-border">
         <div class="title-bar-text">Guams - Home</div>
         <div class="title-bar-controls">
-            <button aria-label="minimize" type="button" 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 close-button" onclick="closeWindow('main')">
-                <img alt="close button" src="/src/img/close.svg" aria-hidden="true">
-            </button>
+          <button
+            aria-label="minimize"
+            type="button"
+            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 close-button"
+            onclick="closeWindow('main')"
+          >
+            <img
+              alt="close button"
+              src="/src/img/close.svg"
+              aria-hidden="true"
+            />
+          </button>
         </div>
-    </div>
-    <div class="window-border">
+      </div>
+      <div class="window-border">
         <div class="banner-div window-border">
-            <img id="banner" alt="profile banner" src="/src/img/banner_home.webp">
+          <img
+            id="banner"
+            alt="profile banner"
+            src="/src/img/banner_home.webp"
+          />
         </div>
-    </div>
-    <div class="content window-border">
+      </div>
+      <div class="content window-border">
         <div class="left-panel">
-            <div class="navigation">
-                <p id="nav-title">Navigation</p>
-                <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 class="navigation">
+            <p id="nav-title">Navigation</p>
+            <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
+            >
+            <a class="navbar-link" href="https://myalbum.guams.fr">My Album</a>
+          </div>
+          <div class="about-me-panel">
+            <div class="title-bar window-border">
+              <div class="title-bar-text">Changelog</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="about-me-panel">
-                <div class="title-bar window-border">
-                    <div class="title-bar-text">Changelog</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>
-                <ul id="changelog-content">
-                </ul>
+            <ul id="changelog-content"></ul>
+          </div>
+          <div class="changelog-panel">
+            <div class="title-bar window-border">
+              <div class="title-bar-text">About me</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="changelog-panel">
-                <div class="title-bar window-border">
-                    <div class="title-bar-text">About me</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 id="about-me-content">
-                    <div class="about-top">
-                        <img class="osaka" alt="osaka :3" src="/src/img/default.webp">
-                        <div class="about-top-text">
-                            <p>Guams</p>
-                            <p>22 years old</p>
-                            <p>he/him</p>
-                        </div>
-                    </div>
-                    <div class="text status">
-                        <p class="text">My current status :</p>
-                        <p class="text">A new update of my blog is out!</p>
-                    </div>
+            <div id="about-me-content">
+              <div class="about-top">
+                <img class="osaka" alt="osaka :3" src="/src/img/default.webp" />
+                <div class="about-top-text">
+                  <p>Guams</p>
+                  <p>22 years old</p>
+                  <p>he/him</p>
                 </div>
+              </div>
+              <div class="text status">
+                <p class="text">My current status :</p>
+                <p class="text">A new update of my blog is out!</p>
+              </div>
             </div>
+          </div>
         </div>
         <div class="presentation">
-            <div>
-                <h1>Welcome to my website</h1>
-                <p>Hi, I'm <strong>Guams</strong>, a french developer.</p>
-                <p>
-                I'm currently studying computer science, especially web development.
-                My hobbies are giving life to my ideas thanks to my coding skills, reading books and watching anime. On my
-                free time I share my thoughts on the works I play or read on my
-                <a class="hypertext-link" target="_blank" href="https://abonentendeur.guams.fr">blog</a>.
-            </p><br><br>
-                <p>I'm still studying, and I mostly learned Java. But since I'm very curious, I'm interested in all kinds of programming languages, such as:</p>
-                <ul>
-                    <li class="language-list">Python</li>
-                    <li class="language-list">C</li>
-                    <li class="language-list">Rust</li>
-                    <li class="language-list">Java</li>
-                    <li class="language-list">TypeScript (with the Angular framework)</li>
-                    <li class="language-list">PHP (never again)</li>
-                    <li class="language-list">R (also never again)</li>
-                </ul>
-                <p>You can also take a look at one of my friend's <a target="_blank" class="hypertext-link" href="https://fish.golf">website</a></p>
-            </div>
-            <a target="_blank" href="https://fish.golf">
-                <img alt="friend's website" src="src/img/fishgolf.gif"/>
-            </a>
+          <div>
+            <h1>Welcome to my website</h1>
+            <p>Hi, I'm <strong>Guams</strong>, a french developer.</p>
+            <p>
+              I'm currently studying computer science, especially web
+              development. My hobbies are giving life to my ideas thanks to my
+              coding skills, reading books and watching anime. On my free time I
+              share my thoughts on the works I play or read on my
+              <a
+                class="hypertext-link"
+                target="_blank"
+                href="https://abonentendeur.guams.fr"
+                >blog</a
+              >.
+            </p>
+            <br /><br />
+            <p>
+              I'm still studying, and I mostly learned Java. But since I'm very
+              curious, I'm interested in all kinds of programming languages,
+              such as:
+            </p>
+            <ul>
+              <li class="language-list">Python</li>
+              <li class="language-list">C</li>
+              <li class="language-list">Rust</li>
+              <li class="language-list">Java</li>
+              <li class="language-list">
+                TypeScript (with the Angular framework)
+              </li>
+              <li class="language-list">PHP (never again)</li>
+              <li class="language-list">R (also never again)</li>
+            </ul>
+            <p>
+              You can also take a look at one of my friend's
+              <a target="_blank" class="hypertext-link" href="https://fish.golf"
+                >website</a
+              >
+            </p>
+          </div>
+          <a target="_blank" href="https://fish.golf">
+            <img alt="friend's website" src="src/img/fishgolf.gif" />
+          </a>
         </div>
-    </div>
-</main>
-</body>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles@3.8.1/tsparticles.bundle.min.js"></script>
-<script type="module" src="/src/main.js"></script>
-<script type="module" src="/src/gitea.js"></script>
-<script type="module" src="/src/window.js"></script>
+      </div>
+    </main>
+  </body>
+  <script src="https://cdn.jsdelivr.net/npm/tsparticles@3.8.1/tsparticles.bundle.min.js"></script>
+  <script type="module" src="/src/main.js"></script>
+  <script type="module" src="/src/gitea.js"></script>
+  <script type="module" src="/src/window.js"></script>
 </html>
diff --git a/projects.html b/projects.html
index 2132b6b..823978d 100644
--- a/projects.html
+++ b/projects.html
@@ -1,190 +1,411 @@
 <!doctype html>
 <html lang="fr" id="html">
-<head>
-    <meta charset="UTF-8"/>
-    <link rel="icon" href="/icon.webp"/>
-    <link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap" rel="stylesheet">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <meta content="Guams" property="og:title"/>
-    <meta content="Hi, I'm Guams, a french developer. Here you can see my open source projects, my blog and more..."
-          property="og:description"/>
-    <meta content="https://guams.fr" property="og:url"/>
-    <meta content="https://guams.fr/icon.webp" property="og:image"/>
-    <meta content="#546bab" data-react-helmet="true" name="theme-color"/>
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/icon.webp" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap"
+      rel="stylesheet"
+    />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta content="Guams" property="og:title" />
+    <meta
+      content="Hi, I'm Guams, a french developer. Here you can see my open source projects, my blog and more..."
+      property="og:description"
+    />
+    <meta content="https://guams.fr" property="og:url" />
+    <meta content="https://guams.fr/icon.webp" property="og:image" />
+    <meta content="#546bab" data-react-helmet="true" name="theme-color" />
     <title>My projects</title>
-</head>
-<body>
-<main id="closed-main">
-    <h1>Look what you've done !</h1>
-</main>
-<main class="main">
-    <div class="title-bar window-border">
+  </head>
+  <body>
+    <main id="closed-main">
+      <h1>Look what you've done !</h1>
+    </main>
+    <main class="main">
+      <div class="title-bar window-border">
         <div class="title-bar-text">Guams - My projects</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 close-button" onclick="closeWindow('main')">
-                <img alt="close button" src="/src/img/close.svg" aria-hidden="true">
-            </button>
+          <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 close-button"
+            onclick="closeWindow('main')"
+          >
+            <img
+              alt="close button"
+              src="/src/img/close.svg"
+              aria-hidden="true"
+            />
+          </button>
         </div>
-    </div>
-    <div class="window-border">
+      </div>
+      <div class="window-border">
         <div class="banner-div window-border">
-            <img id="banner" alt="profile banner" src="/src/img/banner_about.webp">
+          <img
+            id="banner"
+            alt="profile banner"
+            src="/src/img/banner_about.webp"
+          />
         </div>
-    </div>
-    <div class="content window-border">
+      </div>
+      <div class="content window-border">
         <div class="left-panel">
-            <div class="navigation">
-                <p id="nav-title">Navigation</p>
-                <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 class="navigation">
+            <p id="nav-title">Navigation</p>
+            <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
+            >
+            <a class="navbar-link" href="https://myalbum.guams.fr">My Album</a>
+          </div>
+          <div class="changelog-panel">
+            <div class="title-bar window-border">
+              <div class="title-bar-text">Changelog</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="changelog-panel">
-                <div class="title-bar window-border">
-                    <div class="title-bar-text">Changelog</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>
-                <ul id="changelog-content">
-                </ul>
+            <ul id="changelog-content"></ul>
+          </div>
+          <div class="changelog-panel">
+            <div class="title-bar window-border">
+              <div class="title-bar-text">About me</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="changelog-panel">
-                <div class="title-bar window-border">
-                    <div class="title-bar-text">About me</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 id="about-me-content">
-                    <div class="about-top">
-                        <img class="osaka" alt="osaka :3" src="/src/img/default.webp">
-                        <div class="about-top-text">
-                            <p>Guams</p>
-                            <p>22 years old</p>
-                            <p>he/him</p>
-                        </div>
-                    </div>
-                    <div class="text status">
-                        <p class="text">My current status :</p>
-                        <p class="text">A new update of my blog is out!</p>
-                    </div>
+            <div id="about-me-content">
+              <div class="about-top">
+                <img class="osaka" alt="osaka :3" src="/src/img/default.webp" />
+                <div class="about-top-text">
+                  <p>Guams</p>
+                  <p>22 years old</p>
+                  <p>he/him</p>
                 </div>
+              </div>
+              <div class="text status">
+                <p class="text">My current status :</p>
+                <p class="text">A new update of my blog is out!</p>
+              </div>
             </div>
+          </div>
         </div>
         <div class="projects">
-            <div class="project-panel">
-                <div class="title-bar window-border">
-                    <div class="title-bar-text">My own Gitea instance</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">
-                        <img title="Open in gitea" class="project-top" alt="screen of my gitea"
-                             src="/src/img/gitea.webp">
-                    </a>
-                    <div class="text status">
-                        <u><p class="text">Summary :</p></u>
-                        <p class="text">This is my own Gitea instance where I share my projects.</p>
-                    </div>
-                </div>
+          <div class="project-panel">
+            <div class="title-bar window-border">
+              <div class="title-bar-text">My own Gitea instance</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-panel">
-                <div class="title-bar window-border">
-                    <div class="title-bar-text">My blog "Abonentendeur"</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/review-front">
-                        <img title="Open in gitea" class="project-top" alt="screen of abonentendeur"
-                             src="/src/img/abonentendeur.webp">
-                    </a>
-                    <div class="text status">
-                        <u><p class="text">Summary :</p></u>
-                        <p class="text">This is my <a href="https://abonentendeur.guams.fr" target="_blank"
-                                                      class="hypertext-link">blog</a> where I share my thoughts on the
-                            works I play or read.</p>
-                    </div>
-                </div>
+            <div class="project-content">
+              <a class="image-link" href="https://gitea.guams.fr/Guams">
+                <img
+                  title="Open in gitea"
+                  class="project-top"
+                  alt="screen of my gitea"
+                  src="/src/img/gitea.webp"
+                />
+              </a>
+              <div class="text status">
+                <u><p class="text">Summary :</p></u>
+                <p class="text">
+                  This is my own Gitea instance where I share my projects.
+                </p>
+              </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>
+          <div class="project-panel">
+            <div class="title-bar window-border">
+              <div class="title-bar-text">My blog "Abonentendeur"</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>
-            <iframe class="pub" src="https://john.citrons.xyz/embed?ref=example.com"></iframe>
+            <div class="project-content">
+              <a
+                class="image-link"
+                href="https://gitea.guams.fr/Guams/review-front"
+              >
+                <img
+                  title="Open in gitea"
+                  class="project-top"
+                  alt="screen of abonentendeur"
+                  src="/src/img/abonentendeur.webp"
+                />
+              </a>
+              <div class="text status">
+                <u><p class="text">Summary :</p></u>
+                <p class="text">
+                  This is my
+                  <a
+                    href="https://abonentendeur.guams.fr"
+                    target="_blank"
+                    class="hypertext-link"
+                    >blog</a
+                  >
+                  where I share my thoughts on the 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>
+                    <div class="project-panel">
+            <div class="title-bar window-border">
+              <div class="title-bar-text">My album</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_photo_album"
+              >
+                <img
+                  title="Open in gitea"
+                  class="project-top"
+                  alt="screen of my gitea"
+                  src="/src/img/myalbum.webp"
+                />
+              </a>
+              <div class="text status">
+                <u><p class="text">Summary :</p></u>
+                <p class="text">
+                  This is where I share my
+                  <a
+                    href="https://myalbum.guams.fr"
+                    target="_blank"
+                    class="hypertext-link"
+                    >photos</a
+                  >.
+                </p>
+              </div>
+            </div>
+          </div>
+          <iframe
+            class="pub"
+            src="https://john.citrons.xyz/embed?ref=example.com"
+          ></iframe>
         </div>
-    </div>
-</main>
-</body>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles@3.8.1/tsparticles.bundle.min.js"></script>
-<script type="module" src="/src/main.js"></script>
-<script type="module" src="/src/gitea.js"></script>
-<script type="module" src="/src/window.js"></script>
+      </div>
+    </main>
+  </body>
+  <script src="https://cdn.jsdelivr.net/npm/tsparticles@3.8.1/tsparticles.bundle.min.js"></script>
+  <script type="module" src="/src/main.js"></script>
+  <script type="module" src="/src/gitea.js"></script>
+  <script type="module" src="/src/window.js"></script>
 </html>
diff --git a/src/img/myalbum.webp b/src/img/myalbum.webp
new file mode 100644
index 0000000..8a15f74
Binary files /dev/null and b/src/img/myalbum.webp differ
