added about me window

index.html

@@ -18,6 +18,7 @@
         <div id="dock-div">
             <img src="images/me.png" alt="My profile picture" id="welcome-div-open" class="btn">
             <p id="booklist-div-open" class="dock-icon btn closed">📚️</p>
+            <p id="about-me-div-open" class="dock-icon btn closed">📃</p>
         </div>
     
         <div id="welcome-div" class="draggable">
@@ -66,6 +67,26 @@
                 <p id="previous-book-btn" class="btn">→</p>
             </section>
         </div>
+
+        <div id="about-me-div" class="draggable hidden">
+            <span id="about-me-div-header" class="header">
+                <p id="about-me-div-icon">📃</p>
+                <p>About me</p>
+                <p id="about-me-div-close" class="btn">⨯</p>
+            </span>
+            <h4>About me</h4>
+            <p>Hello ! I'm Harupi, a french student in computer sciences.<br>
+            I don't really know what to tell about me, but you can find some links to my differents profiles on Internet just below.<br>
+            Have a nice day !
+            </p>
+            <p>
+                <a href="https://github.com/Hvrnbi" target="_blank">Github</a><br>
+                <a href="https://twitch.tv/hvrupi" target="_blank">Twitch</a><br>
+                <a href="https://discord.gg/y4v6XHYPfB" target="_blank">Discord</a><br>
+                <a href="https://bsky.app/profile/hvrupi.bsky.social" target="_blank">Bluesky</a><br>
+                <a href="mailto:hvrupi@proton.me" target="_blank">E-mail</a>
+            </p>
+        </div>
     </main>
     <script src="js/script.js"></script>
 </body>

js/script.js

@@ -75,6 +75,15 @@ function openWindow(elt) {
     topbar.style.zIndex = biggestIndex + 1;
 }
 
+// Bell
+
+var bellbtn = document.getElementById("notif-btn");
+var bellsound = new Audio("../sounds/ding.mp3");
+
+bellbtn.addEventListener("click", function() {
+    bellsound.play();
+});
+
 // Book list app
 var booktitle = document.getElementById("current-book-title");
 var bookauthor = document.getElementById("current-book-author");