index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"  content="device-width , initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="sidebar.css">
    <script src="https://kit.fontawesome.com/4044e4fe18.js" crossorigin="anonymous"></script>
    <script src="./src/showdown.min.js"></script>
    <script src="src/utils.js"></script>
    <script src="./src/main.js"></script>
    
</head>
<body id="backgroundBody" >
    
    <div id="navbar">
        <ul id="navBarList">
        </ul>
   
    </div>
    
    <a href="javascript:void(0)" onclick="navbar()" id="navBut" > <i class="fas fa-bars" id="navButIcon"></i></a>
    <a href="javascript:void(0)" onclick="darkMode()" id="darkMode" > <i class="fa-solid fa-circle-half-stroke"></i></a>

    <div id="body" dir="auto">
    </div>
    
    
</body>
</html>