Unlocked website, added rationalising roots

author: altaf-creator <athaalaa@gmail.com> 2023-09-25 20:18:57 +0700
committer: altaf-creator <athaalaa@gmail.com> 2023-09-25 20:18:57 +0700
commit: 18670260285d25b14921a89fae60089da334c921 (patch)
tree: dbd0d0a17a7704e963504744e21a273b9c374b3b /lessons-locked
parent: 7420ea9926c6cca698efa670d837a1cd753c4931 (diff)
48 files changed, 0 insertions, 5273 deletions
diff --git a/lessons-locked/agama/index.html b/lessons-locked/agama/index.html
deleted file mode 100644
index 5625193..0000000
--- a/lessons-locked/agama/index.html
+++ /dev/null
@@ -1,66 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="icon" href="/assets/images/master.svg">
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Agama</h1>
-            <h3 class="banner-text" id="banner-txt">Akrom Hasani, S.Ag.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>
-            <h1 id="bab1">Bab 1: Meyakini Hari Akhir Memahami Tujuan Hidup</h1>
-            <p><a href="./kiamat/" class="link">Materi 1</a></p>
-            <h1 id="bab1">Bab 2 & 3: Qurban & Penyembelihan Hewan</h1>
-            <p><a href="./kiamat/" class="link">Bab 2: Cara Halal Mengonsumsi Daging</a></p>
-            <p><a href="./kiamat/" class="link">Bab 3: Qurban dan Aqiqah</a></p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/agama/kiamat/index.html b/lessons-locked/agama/kiamat/index.html
deleted file mode 100644
index ed7cc01..0000000
--- a/lessons-locked/agama/kiamat/index.html
+++ /dev/null
@@ -1,75 +0,0 @@
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous">
-    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Meyakini Hari Akhir dan Memahami Tujuan Hidup</h1>
-            <h3 class="banner-text" id="banner-txt">Bab 1</h3>
-        </div>
-    </div>
-    
-    <div class="top-chips-container" id="chip-container">
-        <div class="chip-container">
-            <div class="chip"><span>⏳ Unfinished</span></div>
-        </div>
-    </div>
-    
-    <div id="main">
-        <section>
-	    <h1>Pengertian Hari Akhir</h1>
-	    <p>Hari Akhir, atau Hari Kiamat ialah hari berakhirnya kehidupan manusia dan semua makhluk di atas dunia. Dilihat dari segi peristiwa atau kejadiannya, kiamat dibagi menjadi 2, yaitu;</p>
-	    <h1>Macam Hari Kiamat</h1>
-	    <h2>Kiamat Sughra</h2>
-	    <p>Kiamat su</p>
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
diff --git a/lessons-locked/agama/qurban/1.html b/lessons-locked/agama/qurban/1.html
deleted file mode 100644
index eabd317..0000000
--- a/lessons-locked/agama/qurban/1.html
+++ /dev/null
@@ -1,148 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Cara Halal Mengonsumsi Daging</h1>
-            <h3 class="banner-text" id="banner-txt">Bab 2</h3>
-        </div>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip"><span>✅ Verified</span></div>
-        <div class="chip"><span>❓ Unchecked</span></div>
-        <div class="chip"><span>⚠️ Contains Wrong / Outdated Information</span></div>
-    </div>
-
-    <div id="main">
-        <section>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/agama/qurban/2.html b/lessons-locked/agama/qurban/2.html
deleted file mode 100644
index cf43477..0000000
--- a/lessons-locked/agama/qurban/2.html
+++ /dev/null
@@ -1,148 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Qurban & Aqiqah</h1>
-            <h3 class="banner-text" id="banner-txt">Bab 3</h3>
-        </div>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip"><span>✅ Verified</span></div>
-        <div class="chip"><span>❓ Unchecked</span></div>
-        <div class="chip"><span>⚠️ Contains Wrong / Outdated Information</span></div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/agama/zakat/index.html b/lessons-locked/agama/zakat/index.html
deleted file mode 100644
index 802742c..0000000
--- a/lessons-locked/agama/zakat/index.html
+++ /dev/null
@@ -1,73 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous">
-    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Zakat</h1>
-            <h3 class="banner-text" id="banner-txt">Bab 4</h3>
-        </div>
-    </div>
-    
-    <div class="top-chips-container" id="chip-container">
-        <div class="chip-container">
-            <div class="chip"><span>⏳ Unfinished</span></div>
-        </div>
-    </div>
-    
-    <div id="main">
-        <section>
-	    <h1>Pengertian Zakat</h1>
-	    <p>Zakat adalah </p>
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
diff --git a/lessons-locked/arab/chapter/note.html b/lessons-locked/arab/chapter/note.html
deleted file mode 100644
index e2d3780..0000000
--- a/lessons-locked/arab/chapter/note.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/arab/index.html b/lessons-locked/arab/index.html
deleted file mode 100644
index 7215a93..0000000
--- a/lessons-locked/arab/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Bahasa Arab</h1>
-            <h3 class="banner-text" id="banner-txt">Mohammad Amar, Lc.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <p style="text-align: center; width: 100%;"><i class="fa-solid fa-file-circle-question"></i> Hm. It seems like there is nothing here yet.</p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/biologi/index.html b/lessons-locked/biologi/index.html
deleted file mode 100644
index a45a6d1..0000000
--- a/lessons-locked/biologi/index.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Biologi</h1>
-            <h3 class="banner-text" id="banner-txt">Ir. Hj. Wiwit Parminta</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>
-            <h1 id="chapter1">Chapter 1 - Reproduction System</h1>
-            <p><a href="reproduction/introduction.html" class="link">Reproduction System: Introduction</a></p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/biologi/reproduction/introduction.html b/lessons-locked/biologi/reproduction/introduction.html
deleted file mode 100644
index 0e77caa..0000000
--- a/lessons-locked/biologi/reproduction/introduction.html
+++ /dev/null
@@ -1,111 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Reproduction System</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 1</h3>
-        </div>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip"><span>✅ Verified</span></div>
-    </div>
-
-    <div id="main">
-        <section>
-            <div class="highlight">
-                <i class="fa-regular fa-face-meh" style="font-size: x-large;"></i>
-                <span>Stop.</span>
-            </div>
-            <h1 id="definition">Definition</h1>
-            <p>The Reproduction System is the human's effort to preserve its kind.</p>
-            <h1 id="male">Male Reproduction System</h1>
-            <h2 id="male--tracts">Tracts</h2>
-            <ol>
-                <li><strong>Epididymis</strong>: for sperm maturing</li>
-                <li>Vas Deferens</li>
-                <li>Urethra</li>
-                <li>Penis</li>
-            </ol>
-            <h2 id="male--glands">Glands</h2>
-            <ol>
-                <li><strong>Testis</strong>: producing spermatozoa</li>
-                <li><strong>Seminal Vesicle</strong>: producing food</li>
-                <li><strong>Bulbourethral / Cowpery</strong>: producing mucus</li>
-                <li><strong>Prostate</strong>: producing alkali (bases) for neutralizing</li>
-            </ol>
-            <h1 id="female">Female Reproduction System</h1>
-            <h2 id="female--tracts">Tracts</h2>
-            <ol>
-                <li><strong>Uterus</strong>: growing embryo</li>
-                <li><strong>Cervix</strong>: sperm entry</li>
-                <li><strong>Vagina</strong>: outside</li>
-            </ol>
-            <h2 id="female--glands">Glands</h2>
-            <ol>
-                <li><strong>Ovary</strong>: producing ovum</li>
-                <h3>Processes</h3>
-                <ol>
-                    <li><strong>Ovulation</strong>: the release of ovum</li>
-                    <li><strong>Oviduct</strong>: fertilization of ovum</li>
-                </ol>
-            </ol>
-            <h1 id="hormone">Female Hormones</h1>
-            <ol>
-                <li><strong>FSH</strong>: Follicle Stimulating Hormon<br>For controlling menstruation and ovum development</li>
-                <li><strong>LH</strong>: Luteinezing Hormon<br>For ovulation</li>
-                <li><strong>Esterogen</strong><br>For thickening uterus wall and menstruation control</li>
-                <li><strong>Progresteron</strong><br>For maintaining pregnancy</li>
-            </ol>
-            <h3>VIDEO DEMONSTRASI SISTEM REPRODUKSI MANUSIA</h1>
-            <a href="video-demonstrasi-proses-reproduksi.html" class="link">Klik disini untuk membuka!</a>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/biologi/reproduction/video-demonstrasi-proses-reproduksi.html b/lessons-locked/biologi/reproduction/video-demonstrasi-proses-reproduksi.html
deleted file mode 100644
index c11f53b..0000000
--- a/lessons-locked/biologi/reproduction/video-demonstrasi-proses-reproduksi.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<h1 id="heading">Demonstrasi Proses Reproduksi (Manusia)</h1>
-<p id="text">For education purposes (explicit content warning)</p>
-<video id="video" width="1280" height="720" controls>
-    <source src="/assets/videos/video.mp4" type="video/mp4">
-    Your browser does not support the video tag.
-</video>
-
-<script>
-    const video = document.getElementById("video");
-    const text = document.getElementById("text");
-    const heading = document.getElementById("heading");
-
-    video.addEventListener("play", (event) => {
-        text.innerHTML = "get rickrolled lol<br><a href='introduction.html'>(click here to go back)</a>";
-        heading.innerHTML = "Shame on you.";
-    });
-</script>
-\ No newline at end of file
diff --git a/lessons-locked/english/chapter/note.html b/lessons-locked/english/chapter/note.html
deleted file mode 100644
index e2d3780..0000000
--- a/lessons-locked/english/chapter/note.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/english/index.html b/lessons-locked/english/index.html
deleted file mode 100644
index c2478aa..0000000
--- a/lessons-locked/english/index.html
+++ /dev/null
@@ -1,64 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">English</h1>
-            <h3 class="banner-text" id="banner-txt">Sofia Nurbaiti, S.Pd.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>
-            
-            <h1 id="hope">Chapter 1: Hope, Wishes, and Congratulations</h1>
-            <p><a href="./hope/" class="link">Lesson 1</a></p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/fisika-locked/index.html b/lessons-locked/fisika-locked/index.html
deleted file mode 100644
index ef2f85c..0000000
--- a/lessons-locked/fisika-locked/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Fisika</h1>
-            <h3 class="banner-text" id="banner-txt">Ayu Rezky Yulita, M.Pd.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="locked"><i class="fa-solid fa-lock"></i> This lesson is locked.</h1>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/fisika/atom/atom.html b/lessons-locked/fisika/atom/atom.html
deleted file mode 100644
index ef70b0b..0000000
--- a/lessons-locked/fisika/atom/atom.html
+++ /dev/null
@@ -1,133 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Atoms: An Introduction</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 1</h3>
-        </div>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip"><span>✅ Verified</span></div>
-    </div>
-
-    <div id="main">
-        <section>
-            <h1 id="parts-of-atom">Parts of An Atom</h1>
-            <div class="flex flex-center">
-                <img src="/assets/images/atoms/parts.svg" alt="">
-            </div>
-            <p class="subtitle">artist's representation of an atom. Bohr's Model. Colors may be labelled different.</p>
-            <h1 id="symbol">Symbol of An Atom</h1>
-            <div class="flex flex-center" style="width: 100%;">
-                <img src="/assets/images/atoms/oxygen_symbol.svg" alt=""
-                    style="flex: 1 200px; margin: 30px; min-width: 0px; 
-                    max-width: clamp(100px, 600px, 100%);">
-                <img src="/assets/images/atoms/symbol.svg" alt=""
-                    style="flex: 1 200px; margin: 30px; min-width: 0px; 
-                    max-width: clamp(100px, 600px, 100%);">
-            </div>
-            <p class="subtitle">(picture on the left) An example of an atom symbol, (picture on the right) The format of
-                an atom symbol (FOR INDONESIA)</p>
-            <h1 id="proton-electron-neutron-count">Determining the number of Protons, Electrons, and Neutrons</h1>
-            <h2 id="proton-electron-neutron-count--protons-and-electrons">Protons and Electrons</h2>
-            <p>If not electrically charged (will be discussed later), the proton and electron number will be the same as
-                the <strong>atom number</strong>.</p>
-            <h2 id="proton-electron-neutron-count--neutrons">Neutrons</h2>
-            <p>Neutrons can be determined by using this following formula: <br>
-                <strong>Atomic Mass</strong> - <strong>Atomic Number</strong> = Neutron Number
-            <h2 id="proton-electron-neutron-count--example">Examples</h2>
-            <div class="flex" style="width: 100%;">
-                <img src="/assets/images/atoms/natrium_symbol.svg" alt=""
-                    style="max-width: 200px !important; margin: 20px;">
-                <p>
-                    <strong>Proton:</strong> 11<br>
-                    <strong>Electron:</strong> 11<br>
-                    <strong>Neutron:</strong> 23 - 11 = 12
-                </p>
-            </div>
-            <div class="flex" style="width: 100%;">
-                <img src="/assets/images/atoms/carbon_symbol.svg" alt=""
-                    style="max-width: 200px !important; margin: 20px;">
-                <p>
-                    <strong>Proton:</strong> 6<br>
-                    <strong>Electron:</strong> 6<br>
-                    <strong>Neutron:</strong> 12 - 6 = 6
-                </p>
-            </div>
-            <h1 id="ions">Ions</h1>
-            Electron count will be added or subtracted by ion charge. <br>
-            If the ion charge is positive (cation / kation), subtract the electron count. <br>
-            If the ion charge is negative (anion), add the electron count. For example:
-            <div class="flex" style="width: 100%;">
-                <img src="/assets/images/atoms/carbon_symbol_ion.svg" alt=""
-                    style="max-width: 200px !important; margin: 20px;">
-                <p>
-                    <strong>Proton:</strong> 6<br>
-                    <strong>Electron:</strong> 6 + 4 = 10<br>
-                    <strong>Neutron:</strong> 12 - 6 = 6
-                </p>
-            </div>
-            <div class="flex" style="width: 100%;">
-                <img src="/assets/images/atoms/magnesium_symbol_ion.svg" alt=""
-                    style="max-width: 200px !important; margin: 20px;">
-                <p>
-                    <strong>Proton:</strong> 6<br>
-                    <strong>Electron:</strong> 6 - 2 = 4<br>
-                    <strong>Neutron:</strong> 24 - 12 = 12
-                </p>
-            </div>
-
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/fisika/atom/electron-config.html b/lessons-locked/fisika/atom/electron-config.html
deleted file mode 100644
index 0ba12e4..0000000
--- a/lessons-locked/fisika/atom/electron-config.html
+++ /dev/null
@@ -1,221 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Electorn Configuration in An Atom</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 1</h3>
-        </div>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip"><span>✅ Verified</span></div>
-    </div>
-
-    <div id="main">
-        <section>
-            <h1 id="electron-config">Electron Configuration</h1>
-            <div class="flex flex-center">
-                <img src="/assets/images/atoms/electron_configuration.svg" alt="">
-            </div>
-            <h2 id="electron-config--max-electron">Sub-Shell and Maximum Electron</h2>
-            <table>
-                <tr>
-                    <th>Sub-Shell</th>
-                    <th>Maximum Electron</th>
-                </tr>
-                <tr>
-                    <td>s</td>
-                    <td>2</td>
-                </tr>
-                <tr>
-                    <td>p</td>
-                    <td>6</td>
-                </tr>
-                <tr>
-                    <td>d</td>
-                    <td>10</td>
-                </tr>
-                <tr>
-                    <td>f</td>
-                    <td>14</td>
-                </tr>
-            </table>
-            <h2 id="electron-config--how-to-read">How to Read / Order</h2>
-            <ol>
-                <li>Start from the top-most arrow</li>
-                <li>Follow the direction of the arrow. For example;</li>
-                <ol>
-                    <li>1s, 2s, 2p, 3s</li>
-                </ol>
-                <li>Exponent the electron with maximum number of sub-shell until the total of exponents is equals to
-                    Atom Number.</li>
-                <li>If the total is more than Atom Number, subtract the the last electron's exponent to make the total
-                    equals to the atom number.</li>
-            </ol>
-            <h2 id="electron-config--examples">Examples</h2>
-            <div class="flex flex-center" style="width: 100%;">
-                <div class="flex column">
-                    <img src="/assets/images/atoms/magnesium_symbol.svg" alt=""
-                        style="max-width: 200px !important; margin: 20px;">
-                    <span>1s<sup>2</sup>, 2s<sup>2</sup>, 2p<sup>6</sup>, 3s<sup>2</sup></span>
-                </div>
-                <div class="flex column" style="padding-left: 30px;">
-                    <img src="/assets/images/atoms/lead_symbol.svg" alt=""
-                        style="max-width: 200px !important; margin: 20px;">
-                    <span>1s<sup>2</sup>, 2s<sup>2</sup>, 2p<sup>6</sup>, 3s<sup>2</sup>, 3p<sup>6</sup>,
-                        4s<sup>2</sup>, 3d<sup>10</sup>, 4p<sup>3</sup></span>
-                </div>
-            </div>
-            <h1 id="electron-config-based-on-shell">Electron Configuration Based on Shell</h1>
-            <div class="flex flex-center">
-                <img src="/assets/images/atoms/oxygen.svg" alt="" style="max-width: 300px;">
-            </div>
-            <p class="subtitle">an atom figure with shell labels (Oxygen)</p>
-            <h2 id="electron-config-based-on-shell--max">Electron Count Rules</h2>
-            <table>
-                <tr>
-                    <th rowspan="2">Shell K</th>
-                    <td>Write <strong>2</strong> if <strong>electron</strong> &GreaterEqual; <strong>2</strong></td>
-                </tr>
-                <tr>
-                    <td>Write <strong>1</strong> if <strong>electron</strong> &lt; <strong>2</strong> <i>(only for Hydrogen)</i></td>
-                </tr>
-                
-                <tr>
-                    <th rowspan="2">Shell L</th>
-                    <td>Write <strong>8</strong> if <strong>electron</strong> &GreaterEqual; <strong>8</strong></td>
-                </tr>
-                <tr>
-                    <td>Write <strong>leftover electrons</strong> if <strong>electron</strong> &lt; <strong>8</strong></td>
-                </tr>
-                <tr>
-                
-                <tr>
-                    <th rowspan="3">Shell M</th>
-                    <td>Write <strong>18</strong> if <strong>electron</strong> &GreaterEqual; <strong>18</strong></td>
-                </tr>
-                <tr>
-                    <td>Write <strong>8</strong> if <strong>8</strong> &GreaterEqual; <strong>electron</strong> &lt; <strong>18</strong></td>
-                </tr>
-                <tr>
-                    <td>Write <strong>leftover electrons</strong> if <strong>electron</strong> &lt; <strong>8</strong></td>
-                </tr>
-                
-                <tr>
-                    <th rowspan="4">Shell N</th>
-                    <td>Write <strong>32</strong> if <strong>electron</strong> &GreaterEqual; <strong>32</strong></td>
-                </tr>
-                <tr>
-                    <td>Write <strong>18</strong> if <strong>18</strong> &GreaterEqual; <strong>electron</strong> &lt; <strong>32</strong></td>
-                </tr>
-                <tr>
-                    <td>Write <strong>8</strong> if <strong>8</strong> &GreaterEqual; <strong>electron</strong> &lt; <strong>18</strong></td>
-                </tr>
-                <tr>
-                    <td>Write <strong>leftover electrons</strong> if <strong>electron</strong> &lt; <strong>8</strong></td>
-                </tr>
-            </table>
-            <h2 id="electron-config-based-on-shell--example">How to Determine Electron Count</h2>
-            <ol>
-                <li>Follow the rules</li> 
-                <li>If the electrons (aka atomic number) = 0, you're done.</li>
-            </ol>
-            <h2 id="electron-config-based-on-shell--examples">Examples</h2>
-            <table style="font-size: x-large;">
-                <tr>
-                    <th rowspan="2"><img src="/assets/images/atoms/oxygen_symbol.svg" alt="" style="max-width: 230px !important;"></th>
-                    <th style="padding-left: 2ch; padding-right: 2ch;">K</td>
-                    <th style="padding-left: 2ch; padding-right: 2ch;">L</td>
-                    <th style="padding-left: 2ch; padding-right: 2ch;">M</td>
-                    <th style="padding-left: 2ch; padding-right: 2ch;">N</td>
-                </tr>
-                <tr>
-                    <td style="padding-left: 2ch; padding-right: 2ch;">2</td>
-                    <td style="padding-left: 2ch; padding-right: 2ch;">4</td>
-                    <td style="padding-left: 2ch; padding-right: 2ch;"></td>
-                    <td style="padding-left: 2ch; padding-right: 2ch;"></td>
-                </tr>
-            </table>
-            <br>
-            <table style="font-size: x-large;">
-                <tr>
-                    <th rowspan="2"><img src="/assets/images/atoms/magnesium_symbol.svg" alt="" style="max-width: 230px !important;"></th>
-                    <th style="padding-left: 2ch; padding-right: 2ch;">K</td>
-                    <th style="padding-left: 2ch; padding-right: 2ch;">L</td>
-                    <th style="padding-left: 2ch; padding-right: 2ch;">M</td>
-                    <th style="padding-left: 2ch; padding-right: 2ch;">N</td>
-                </tr>
-                <tr>
-                    <td style="padding-left: 2ch; padding-right: 2ch;">2</td>
-                    <td style="padding-left: 2ch; padding-right: 2ch;">8</td>
-                    <td style="padding-left: 2ch; padding-right: 2ch;">2</td>
-                    <td style="padding-left: 2ch; padding-right: 2ch;"></td>
-                </tr>
-            </table>
-            <br>
-            <table style="font-size: x-large;">
-                <tr>
-                    <th rowspan="2"><img src="/assets/images/atoms/lead_symbol.svg" alt="" style="max-width: 230px !important;"></th>
-                    <th style="padding-left: 2ch; padding-right: 2ch;">K</td>
-                    <th style="padding-left: 2ch; padding-right: 2ch;">L</td>
-                    <th style="padding-left: 2ch; padding-right: 2ch;">M</td>
-                    <th style="padding-left: 2ch; padding-right: 2ch;">N</td>
-                </tr>
-                <tr>
-                    <td style="padding-left: 2ch; padding-right: 2ch;">2</td>
-                    <td style="padding-left: 2ch; padding-right: 2ch;">8</td>
-                    <td style="padding-left: 2ch; padding-right: 2ch;">18</td>
-                    <td style="padding-left: 2ch; padding-right: 2ch;">5</td>
-                </tr>
-            </table>
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/fisika/index.html b/lessons-locked/fisika/index.html
deleted file mode 100644
index 13c6986..0000000
--- a/lessons-locked/fisika/index.html
+++ /dev/null
@@ -1,67 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Fisika</h1>
-            <h3 class="banner-text" id="banner-txt">Ayu Rezky Yulita, M.Pd.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="bab1">Chapter 1 - Atoms & Molecules</h1>
-            <p><a href="atom/atom.html" class="link">Atom: Introduction</a></p>
-            <p><a href="atom/electron-config.html" class="link">Electron Configuration</a></p>
-            <h1 id="bab2">Chapter 2 - Static Electricity</h1>
-            <p><a href="static-electricity/coulomb.html" class="link">Lesson 1: Coulomb's Law</a></p>
-            <p><a href="static-electricity/theory.html" class="link">Lesson 2: Static Electricity Theory - Electroscope and Electric Field</a></p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/fisika/static-electricity/coulomb.html b/lessons-locked/fisika/static-electricity/coulomb.html
deleted file mode 100644
index b459cb5..0000000
--- a/lessons-locked/fisika/static-electricity/coulomb.html
+++ /dev/null
@@ -1,193 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous">
-    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Coulomb's Law</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 2</h3>
-        </div>
-    </div>
-    
-    <div class="top-chips-container" id="chip-container">
-        <div class="chip-container">
-            <div class="chip"><span>❓ Unverified</span></div>
-        </div>
-        <div><a href="id-coulomb.html" class="button"><i class="fa-solid fa-language"></i> View in Indonesia</a></div>
-    </div>
-    
-    <div id="main">
-        <section>
-            <h1 id="definition">Definition</h1>
-            <p><b>Coulomb's law is a law that explains the releationship between 2 or more electrical charges.</b></p>
-            <p>This law states that: "The magnitude, or absolute value, of the attractive or repulsive electrostatic force between two point charges is directly proportional to the product of the magnitudes of their charges and inversely proportional to the squared distance between them."<sup>[<a href="#reference-1" class="link-compact">1</a>]</sup></p>
-            <h1 id="formula">Formula</h1>
-            <span>F = k <span class="frac"><sup>Q<sub>1</sub> &times; Q<sub>2</sub></sup><span>&frasl;</span><sub>r<sup>2</sup></span></span>
-            <p>
-                where,<br>
-                <ul>
-                    <li><b>F</b> = Force (Newton)</li>
-                    <li><b>r</b> = Distance (Metres)</li>
-                    <li><b>Q<sub>1</sub></b> = Charge 1 (Coulomb)</li>
-                    <li><b>Q<sup>2</sup></b> = Charge 2 (Coulomb)</li>
-                    <li><b>K</b> = Constant = <strong>9 &times; 10<sup>9</sup></strong> <span style="color: gray; font-size: 1rem;">Nm<sup>2</sup> / C<sup>2</sup></span></li>
-                </ul>
-            </p>
-            <h1 id="units">Unit Conversions (for Coulomb)</h1>
-            <ol>
-                <li>n <b>mC</b> (<strong>milli</strong>Coulomb) = n * 10<sup>-3</sup> C</li>
-                <li>n <b>MC</b> (<strong>Micro</strong>Coulomb) = n * 10<sup>-6</sup> C <i>(Alternative form: μC)</i></li>
-                <li>n <b>nC</b> (<strong>nano</strong>Coulomb) = n * 10<sup>-9</sup> C</li>
-                <li>n <b>Å</b> (<strong>Ångström</strong>) = n * 10<sup>-10</sup> C</li>
-            </ol>
-            <h1 id="example">Examples & Exercises</h1>
-            <ol></ol>
-            <ol>
-                <li>
-                    <p>Find F.</p>
-                    <img src="/assets/images/atoms/coulomb1.svg" alt=""><br>
-                    <h2>Given:</h2>
-                    <p>
-                        <strong>r</strong> = 30 cm = 0,3 m = <b>3 &times; 10<sup>-1</sup> m</b><br>
-                        <strong>Q<sub>1</sub></strong> = 2 MC = <b>2 &times; 10<sup>-6</sup></b><br>
-                        <strong>Q<sub>2</sub></strong> = 3 MC = <b>3 &times; 10<sup>-6</sup></b><br>
-                    </p>
-                    <h2>Solution:</h2>
-                    <p>
-                        <span>F = k <span class="frac"><sup>Q<sub>1</sub> &times; Q<sub>2</sub></sup><span>&frasl;</span><sub>r<sup>2</sup></span></span><br>
-                            
-                        <span>F = 9 &times; 10<sup>9</sup><span class="frac"><sup>2 &times; 10<sup>-6</sup> &#8231; 3 &times; 10<sup>-6</sup></sup><span>&frasl;</span><sub>(3 &times; 10<sup>-1</sup>)<sup>2</sup></span></span> = <span class="frac"><sup>9 &times; 10<sup>9</sup> &#8231; 2 &times; 10<sup>-6</sup> &#8231; 3 &times; 10<sup>-6</sup></sup><span>&frasl;</span><sub>9 &times; 10<sup>-2</sup></span></span><br>
-                                
-                        = <span class="frac"><sup>10<sup>9</sup> &#8231; 2 &times; 10<sup>-6</sup> &#8231; 3 &times; 10<sup>-6</sup></sup><span>&frasl;</span><sub>10<sup>-2</sup></span></span> = <span class="frac"><sup>10<sup>-3</sup> &times; 6</sup><span>&frasl;</span><sub>10<sup>-2</sup></span></span><br>
-                                    = <strong>6 &times; 10<sup>-1</sup></strong>
-                    </p>
-                </li>
-                <hr>
-                <li>
-                    <p>Find F.</p>
-                    <img src="/assets/images/atoms/coulomb2.svg" alt=""><br>
-                    <h2>Given:</h2>
-                    <span id="m2"></span>
-                    <h2>Solution:</h2>
-                    <span id="m1"></span>
-                </li>
-                <script defer>
-                    const m1 = document.getElementById("m1");
-                    const m2 = document.getElementById("m2");
-
-                    katex.render(String.raw`
-                    \begin{aligned}
-                    F &= k\dfrac{Q_1Q_2}{r^2}\\
-                    &= 9 \times 10^9\dfrac{6 \times 10^{-6} \cdot 12 \times 10^{-6}}{9 \times 10^{-2}}\\
-                    &= \dfrac{10^9 \cdot 6 \times 10^{-6} \cdot 12 \times 10^{-6}}{10^{-2}} = \dfrac{6 \cdot 12 \cdot 10^9 \cdot 10^{-6} \cdot 10^{-6}}{10^{-2}}\\
-                    &= \dfrac{72 \cdot 10^{-3}}{10^{-2}}\\
-                    &= 72 \times 10^{-1}
-                    \end{aligned}
-                    `, m1, {
-                        throwOnError: true
-                    });
-                    katex.render(String.raw`
-                    \begin{aligned}
-                    r &= 30 \textnormal{ cm} = 0,3 \textnormal{ m} = 3 \times 10^{-1}\\
-                    r^2 &= (3 \times 10^{-1})^2 = 9 \times 10^{-2}\\
-                    Q_1 &= 6 \textnormal{ MC}\\
-                    Q_2 &= 12 \textnormal{ MC}
-                    \end{aligned}
-                    `, m2, {
-                        throwOnError: false
-                    });
-                </script>
-                <hr>
-                <li>
-                    <p>If F = 9 &times; 10<sup>9</sup>, Find r.</p>
-                    <img src="/assets/images/atoms/coulomb3.svg" alt=""><br>
-                    <h2>Given:</h2>
-                    <span id="m3"></span>
-                    <h2>Solution:</h2>
-                    <span id="m4"></span>
-                </li>
-                <script defer>
-                    const m3 = document.getElementById("m3");
-                    const m4 = document.getElementById("m4")
-
-                    katex.render(String.raw`
-                    \begin{aligned}
-                    F &= k\dfrac{Q_1Q_2}{r^2}\\
-                    9 \times 10^9 &= 9 \times 10^9\dfrac{4 \times 10^{-3} \cdot 4 \times 10^{-3}}{r^2}\\
-                    9 \times 10^9 r^2 &= 9 \times 10^9 \cdot 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\
-                    r^2 &= 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\
-                    &= 16 \times 10^{-6}\\
-                    r &= \sqrt{16 \times 10^{-6}}\\
-                    &= 4 \times 10^{-3}
-                    \end{aligned}
-                    `, m4, {
-                        throwOnError: true
-                    });
-                    katex.render(String.raw`
-                    \begin{aligned}
-                    Q_1 &= 4 \textnormal{ mC}\\
-                    Q_2 &= 4 \textnormal{ mC}\\
-                    F &= 9 \times 10^9 \textnormal{ N}
-                    \end{aligned}
-                    `, m3, {
-                        throwOnError: false
-                    });
-                </script>
-            </ol>
-            <h1 id="references">References</h1>
-            <ol>
-                <li id="reference-1">Coulomb, 1785. <i><a href="https://books.google.co.id/books?id=by5EAAAAcAAJ&pg=PA578" class="link">"Second mémoire sur l'électricité et le magnétisme"</a></i></li>
-            </ol>
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/fisika/static-electricity/id-coulomb.html b/lessons-locked/fisika/static-electricity/id-coulomb.html
deleted file mode 100644
index a369cac..0000000
--- a/lessons-locked/fisika/static-electricity/id-coulomb.html
+++ /dev/null
@@ -1,193 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous">
-    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Coulomb's Law</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 2</h3>
-        </div>
-    </div>
-    
-    <div class="top-chips-container" id="chip-container">
-        <div class="chip-container">
-            <div class="chip"><span>❓ Belum diverifikasi</span></div>
-        </div>
-        <div><a href="coulomb.html" class="button"><i class="fa-solid fa-language"></i> Lihat dalam Bahasa Inggris</a></div>
-    </div>
-    
-    <div id="main">
-        <section>
-            <h1 id="definition">Pengertian</h1>
-            <p><b>Hukum Coulomb adalah hukum yang menjelaskan hubungan antara dua muatan listrik.</b></p>
-            <p>Hukum ini menyatakan: "Apabila terdapat dua buah titik muatan maka akan timbul gaya di antara keduanya, yang besarnya sebanding dengan perkalian nilai kedua muatan dan berbanding terbalik dengan kuadrat jarak antar keduanya."<sup>[<a href="#reference-1" class="link-compact">1</a>]</sup></p>
-            <h1 id="formula">Rumus</h1>
-            <span>F = k <span class="frac"><sup>Q<sub>1</sub> &times; Q<sub>2</sub></sup><span>&frasl;</span><sub>r<sup>2</sup></span></span>
-            <p>
-                dimana,<br>
-                <ul>
-                    <li><b>F</b> = Gaya (Newton)</li>
-                    <li><b>r</b> = Jarak (Meter)</li>
-                    <li><b>Q<sub>1</sub></b> = Muatan 1 (Coulomb)</li>
-                    <li><b>Q<sup>2</sup></b> = Muatan 2 (Coulomb)</li>
-                    <li><b>K</b> = Konstanta Coulomb = <strong>9 &times; 10<sup>9</sup></strong> <span style="color: gray; font-size: 1rem;">Nm<sup>2</sup> / C<sup>2</sup></span></li>
-                </ul>
-            </p>
-            <h1 id="units">Pengubahan Satuan Coulomb</h1>
-            <ol>
-                <li>n <b>mC</b> (<strong>milli</strong>Coulomb) = n * 10<sup>-3</sup> C</li>
-                <li>n <b>MC</b> (<strong>Micro</strong>Coulomb) = n * 10<sup>-6</sup> C <i>(Bentuk alternatif: μC)</i></li>
-                <li>n <b>nC</b> (<strong>nano</strong>Coulomb) = n * 10<sup>-9</sup> C</li>
-                <li>n <b>Å</b> (<strong>Ångström</strong>) = n * 10<sup>-10</sup> C</li>
-            </ol>
-            <h1 id="example">Contoh & Latihan</h1>
-            <ol></ol>
-            <ol>
-                <li>
-                    <p>Temukan F.</p>
-                    <img src="/assets/images/atoms/coulomb1.svg" alt=""><br>
-                    <h2>Diketahui:</h2>
-                    <p>
-                        <strong>r</strong> = 30 cm = 0,3 m = <b>3 &times; 10<sup>-1</sup> m</b><br>
-                        <strong>Q<sub>1</sub></strong> = 2 MC = <b>2 &times; 10<sup>-6</sup></b><br>
-                        <strong>Q<sub>2</sub></strong> = 3 MC = <b>3 &times; 10<sup>-6</sup></b><br>
-                    </p>
-                    <h2>Cara:</h2>
-                    <p>
-                        <span>F = k <span class="frac"><sup>Q<sub>1</sub> &times; Q<sub>2</sub></sup><span>&frasl;</span><sub>r<sup>2</sup></span></span><br>
-                            
-                        <span>F = 9 &times; 10<sup>9</sup><span class="frac"><sup>2 &times; 10<sup>-6</sup> &#8231; 3 &times; 10<sup>-6</sup></sup><span>&frasl;</span><sub>(3 &times; 10<sup>-1</sup>)<sup>2</sup></span></span> = <span class="frac"><sup>9 &times; 10<sup>9</sup> &#8231; 2 &times; 10<sup>-6</sup> &#8231; 3 &times; 10<sup>-6</sup></sup><span>&frasl;</span><sub>9 &times; 10<sup>-2</sup></span></span><br>
-                                
-                        = <span class="frac"><sup>10<sup>9</sup> &#8231; 2 &times; 10<sup>-6</sup> &#8231; 3 &times; 10<sup>-6</sup></sup><span>&frasl;</span><sub>10<sup>-2</sup></span></span> = <span class="frac"><sup>10<sup>-3</sup> &times; 6</sup><span>&frasl;</span><sub>10<sup>-2</sup></span></span><br>
-                                    = <strong>6 &times; 10<sup>-1</sup></strong>
-                    </p>
-                </li>
-                <hr>
-                <li>
-                    <p>Temukan F.</p>
-                    <img src="/assets/images/atoms/coulomb2.svg" alt=""><br>
-                    <h2>Diketahui:</h2>
-                    <span id="m2"></span>
-                    <h2>Cara:</h2>
-                    <span id="m1"></span>
-                </li>
-                <script defer>
-                    const m1 = document.getElementById("m1");
-                    const m2 = document.getElementById("m2");
-
-                    katex.render(String.raw`
-                    \begin{aligned}
-                    F &= k\dfrac{Q_1Q_2}{r^2}\\
-                    &= 9 \times 10^9\dfrac{6 \times 10^{-6} \cdot 12 \times 10^{-6}}{9 \times 10^{-2}}\\
-                    &= \dfrac{10^9 \cdot 6 \times 10^{-6} \cdot 12 \times 10^{-6}}{10^{-2}} = \dfrac{6 \cdot 12 \cdot 10^9 \cdot 10^{-6} \cdot 10^{-6}}{10^{-2}}\\
-                    &= \dfrac{72 \cdot 10^{-3}}{10^{-2}}\\
-                    &= 72 \times 10^{-1}
-                    \end{aligned}
-                    `, m1, {
-                        throwOnError: true
-                    });
-                    katex.render(String.raw`
-                    \begin{aligned}
-                    r &= 30 \textnormal{ cm} = 0,3 \textnormal{ m} = 3 \times 10^{-1}\\
-                    r^2 &= (3 \times 10^{-1})^2 = 9 \times 10^{-2}\\
-                    Q_1 &= 6 \textnormal{ MC}\\
-                    Q_2 &= 12 \textnormal{ MC}
-                    \end{aligned}
-                    `, m2, {
-                        throwOnError: false
-                    });
-                </script>
-                <hr>
-                <li>
-                    <p>Jika F = 9 &times; 10<sup>9</sup>, temukan r.</p>
-                    <img src="/assets/images/atoms/coulomb3.svg" alt=""><br>
-                    <h2>Diketahui:</h2>
-                    <span id="m3"></span>
-                    <h2>Cara:</h2>
-                    <span id="m4"></span>
-                </li>
-                <script defer>
-                    const m3 = document.getElementById("m3");
-                    const m4 = document.getElementById("m4")
-
-                    katex.render(String.raw`
-                    \begin{aligned}
-                    F &= k\dfrac{Q_1Q_2}{r^2}\\
-                    9 \times 10^9 &= 9 \times 10^9\dfrac{4 \times 10^{-3} \cdot 4 \times 10^{-3}}{r^2}\\
-                    9 \times 10^9 r^2 &= 9 \times 10^9 \cdot 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\
-                    r^2 &= 4 \times 10^{-3} \cdot 4 \times 10^{-3}\\
-                    &= 16 \times 10^{-6}\\
-                    r &= \sqrt{16 \times 10^{-6}}\\
-                    &= 4 \times 10^{-3}
-                    \end{aligned}
-                    `, m4, {
-                        throwOnError: true
-                    });
-                    katex.render(String.raw`
-                    \begin{aligned}
-                    Q_1 &= 4 \textnormal{ mC}\\
-                    Q_2 &= 4 \textnormal{ mC}\\
-                    F &= 9 \times 10^9 \textnormal{ N}
-                    \end{aligned}
-                    `, m3, {
-                        throwOnError: false
-                    });
-                </script>
-            </ol>
-            <h1 id="references">Referensi</h1>
-            <ol>
-                <li id="reference-1">Andrew Duffy, <i><a href="http://physics.bu.edu/~duffy/PY106/Charge.html" class="link">"Electric charge and Coulomb's law"</a></i></li>
-            </ol>
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/fisika/static-electricity/id-theory.html b/lessons-locked/fisika/static-electricity/id-theory.html
deleted file mode 100644
index acde0ab..0000000
--- a/lessons-locked/fisika/static-electricity/id-theory.html
+++ /dev/null
@@ -1,145 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous">
-    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Teori Listrik Statis: Elektroskop dan Medan Listrik</h1>
-            <h3 class="banner-text" id="banner-txt">Diterjemahkan ke Bahasa Indonesia</h3>
-        </div>
-    </div>
-    
-    <div class="top-chips-container" id="chip-container">
-        <div class="chip-container">
-            <div class="chip"><span>❓ Belum diverifikasi</span></div>
-        </div>
-        <div><a href="theory.html" class="button"><i class="fa-solid fa-language"></i> Lihat dalam Bahasa Inggris</a></div>
-    </div>
-    
-    
-    <div id="main">
-        <section>
-            <h1 id="electroscope">Elektroskop</h1>
-            <h2 id="electroscope--definition">Apa itu Elektroskop?</h2>
-            <p>Elektroskop merupakan sebuah alat untuk mengetahui sebuah keberadaan listrik dari suatu benda, dan / atau jenis dari muatan listrik suatu benda.</p>
-            <h2 id=electroscope--neutral>Elektroskop Netral</h2>
-            <img src="/assets/images/electroscope/electroscope_neutral_normal.svg" alt="" style="max-width: 160px;"><br>
-            <span class="subtitle">Sebuah elektroskop netral.</span>
-            <p>Sebuah elektroskop dapat menjadi <b>netral</b>, <b>positif</b>, ataupun <b>negatif</b>. Bagian ini menjelaskan tentang elektroskop netral. Jika sebuah benda didekatkan ke bola elektroskop, maka:</p>
-            <ol>
-                <li>Jika objek itu bermuatan netral, tidak akan ada yang terjadi.</li>
-                <li>&nbsp;
-                    <div class="flex">
-                        <img src="/assets/images/electroscope/electroscope_neutral_active-positive.svg" alt="" style="max-width: 180px;" class="flex-element">
-                        <p class="flex-element">Jika objek itu bermuatan positif, elektron-elektron pada elektroskop itu akan bergerak keatas (ke bolanya), dan proton-proton akan bergerak ke bawah (ke daun emas)<br><b>Hal ini menyebabkan proton-proton pada daun emas itu saling tolak-menolak, yang membuat jarak lebih antara daun emas. (Lihat gambar)</b></p>
-                    </div>
-                </li>
-                <li>&nbsp;
-                    <div class="flex">
-                        <img src="/assets/images/electroscope/electroscope_neutral_active-negative.svg" alt="" style="max-width: 180px;" class="flex-element">
-                        <p class="flex-element">Sebaliknya, jika objek itu bermuatan negatif, proton-proton pada elektroskop itu akan bergerak keatas (ke bolanya), dan elektron-elektron akan bergerak ke bawah (ke daun emas)<br><b>Hal ini menyebabkan elektron-elektron pada daun emas itu saling tolak-menolak, yang membuat jarak lebih antara daun emas. (Lihat gambar)</b></p>
-                    </div>
-                </li>
-            </ol>
-            <p>Perlu diingat bahwa elektroskop yang bersifat netral <strong>tidak dapat</strong> digunakan untuk membedakan apakah objek itu positif ataupun negatif, dikarenakan pada dunia nyata, sifat kedua daun emas akan terlihat sama antara positif maupun negatif.</p>
-            <h2 id="electroscope--positive">Elektroskop Positif</h2>
-            <img src="/assets/images/electroscope/electroscope_positive_normal.svg" alt="" style="max-width: 160px;"><br>
-            <span class="subtitle">Sebuah elektroskop positif.</span>
-            <p>Tipe lain dari elektroskop adalah elektroskop positif. Muatan dari elektroskop ini telah dipisahkan antara proton dan elektron menggunakan konduksi. Jika sebuah objek didekatkan ke bola elektroskop, maka:</p>
-            <ol>
-                <li>&nbsp;
-                    <div class="flex">
-                        <img src="/assets/images/electroscope/electroscope_positive_positive.svg" alt="" style="max-width: 180px;" class="flex-element">
-                        <p class="flex-element">Jika objek itu positif, proton-proton akan bergerak kebawah (bertolakan dengan bendanya) ke daun emas. <br><b>Ini akan menyebabkan proton-proton saling tolak-menolak yang menyebabkan jarak lebih antara daun emas. (Lihat gambar)</b>.</p>
-                    </div>
-                </li>
-                <li>&nbsp;
-                    <div class="flex">
-                        <img src="/assets/images/electroscope/electroscope_positive_negative.svg" alt="" style="max-width: 180px;" class="flex-element">
-                        <p class="flex-element">Jika objek itu negatif, lebih banyak proton akan bergerak keatas (tertarik oleh bendanya) ke bola elektroskop.<br><b>Hal ini menyebabkan proton yang lebih sedikit di daun emas, yang menyebabkan daun emas saling menguncup.</b></p>
-                    </div>
-                </li>
-            </ol>
-            <h2 id="electroscope--negative">Elektroskop Negatif</h2>
-            <img src="/assets/images/electroscope/electroscope_negative_normal.svg" alt="" style="max-width: 160px;"><br>
-            <span class="subtitle">Sebuah elektroskop negatif.</span>
-            <p> Jika sebuah benda didekatkan ke bola elektroskop, maka:</p>
-            <ol>
-                <li>&nbsp;
-                    <div class="flex">
-                        <img src="/assets/images/electroscope/electroscope_negative_positive.svg" alt="" style="max-width: 180px;" class="flex-element">
-                        <p class="flex-element">Jika objek itu positif, elektron-elektron akan bergerak keatas (tertarik dengan bendanya) ke daun emas. <br><b>Hal ini menyebabkan elektron yang lebih sedikit di daun emas, yang menyebabkan daun emas saling menguncup</b>.</p>
-                    </div>
-                </li>
-                <li>&nbsp;
-                    <div class="flex">
-                        <img src="/assets/images/electroscope/electroscope_negative_negative.svg" alt="" style="max-width: 180px;" class="flex-element">
-                        <p class="flex-element">Jika objek itu negatif, lebih banyak elektron akan bergerak kebawah (bertolakan oleh bendanya) ke bola elektroskop.<br><b>Ini akan menyebabkan elektron-elektron saling tolak-menolak yang menyebabkan jarak lebih antara daun emas. (Lihat gambar)</b></p>
-                    </div>
-                </li>
-            </ol>
-            <h1 id="field">Medan Listrik</h1>
-            <p>Sebuah medan listrik adalah medan fisik yang mengelilingi sebuah muatan listrik dan mengeluarkan gaya ke semua muatan listrik disekitarnya, entah menarik ataupun menolak mereka. <sup>[<a href="#reference1" class="link-compact">1</a>]</sup></p>
-            <h2 id="field--behaviour">Sifat Muatan Positif dan Negatif</h2>
-            <img src="/assets/images/electric/electric_field.svg" alt="">
-            <p>Sebuah proton memiliki medan listrik radial yang keluar dari posisi proton tersebut, melainkan elektron memiliki medan listrik radial yang <b>memasuki</b> ke dalam elektron tersebut.</p>
-            <h2 id="field--examples">Contoh</h2>
-            <img src="/assets/images/electric/electric_field_arrows.svg" alt=""><br><span class="subtitle">Sebuah proton dan elektron saling tarik-menarik, yang bisa dilihat dari garis medan listriknya.</span><br><br>
-            <img src="/assets/images/electric/electric_field_arrows_positive.svg" alt=""><br><span class="subtitle">Sebuah proton dan proton lainnya saling tolak-menolak   , yang bisa dilihat dari garis medan listriknya.</span><br>
-            <h1>Referensi</h1>
-            <ol>
-                <li id="reference1" tabindex="-1">Browne, p 225: "... around every charge there is an aura that fills all space. This aura is the electric field due to the charge. The electric field is a vector field... and has a magnitude and direction."</li>
-            </ol>
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/fisika/static-electricity/theory.html b/lessons-locked/fisika/static-electricity/theory.html
deleted file mode 100644
index 9bb09de..0000000
--- a/lessons-locked/fisika/static-electricity/theory.html
+++ /dev/null
@@ -1,144 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css" integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous">
-    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js" integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Static Electricity Theory: Electroscope and Electric Field</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 2</h3>
-        </div>
-    </div>
-    
-    <div class="top-chips-container" id="chip-container">
-        <div class="chip-container">
-            <div class="chip"><span>❓ Unverified</span></div>
-        </div>
-        <div><a href="id-theory.html" class="button"><i class="fa-solid fa-language"></i> View in Indonesia</a></div>
-    </div>
-    
-    <div id="main">
-        <section>
-            <h1 id="electroscope">Electroscope</h1>
-            <h2 id="electroscope--definition">What is an Electroscope?</h2>
-            <p>An electroscope is a scientific instrument to detect a presence of an electric charge, and / or a type of an electric charge.</p>
-            <h2 id="electroscope--neutral">Neutral Electroscope</h2>
-            <img src="/assets/images/electroscope/electroscope_neutral_normal.svg" alt="" style="max-width: 160px;"><br>
-            <span class="subtitle">A neutral electroscope.</span>
-            <p>An electroscope can be <b>Neutral</b>, <b>Positive</b>, or <b>Negative</b>. This part explains about a netural electroscope. If an object is brought closer to the ball:</p>
-            <ol>
-                <li>If the object is neutral, nothing will happen.</li>
-                <li>&nbsp;
-                    <div class="flex">
-                        <img src="/assets/images/electroscope/electroscope_neutral_active-positive.svg" alt="" style="max-width: 180px;" class="flex-element">
-                        <p class="flex-element">If the object is positively charged, the electrons will move upwards (attracted by the object) to the ball, and the protons will move downwards (repelled by the object) to the golden leaves.<br><b>These will result in the protons repel each other that the golden leaves to seperate further. (see image)</b></p>
-                    </div>
-                </li>
-                <li>&nbsp;
-                    <div class="flex">
-                        <img src="/assets/images/electroscope/electroscope_neutral_active-negative.svg" alt="" style="max-width: 180px;" class="flex-element">
-                        <p class="flex-element">If the object is negatively charged, the protons will move upwards (attracted by the object) to the ball, and the electrons will move downwards (repelled by the object) to the golden leaves.<br><b>These will result in the electrons repel each other that the golden leaves to seperate further. (see image)</b></p>
-                    </div>
-                </li>
-            </ol>
-            <p>An important point to mention is that a neutral electroscope <strong>cannot</strong> be used to differ between a positively charged and a negatively charged object, because in the real world, the behaviour of the golden leaves will be identical to each other.</p>
-            <h2 id="electroscope--positive">Positive Electroscope</h2>
-            <img src="/assets/images/electroscope/electroscope_positive_normal.svg" alt="" style="max-width: 160px;"><br>
-            <span class="subtitle">A positive electroscope.</span>
-            <p>Another type of elecroscope is a positively charged electroscope. This means that the protons of the electroscope has been seperated by the electrons with conduction. If an object has been brought closer to the ball of the electroscope:</p>
-            <ol>
-                <li>&nbsp;
-                    <div class="flex">
-                        <img src="/assets/images/electroscope/electroscope_positive_positive.svg" alt="" style="max-width: 180px;" class="flex-element">
-                        <p class="flex-element">If the object is positively charged, more protons will move downwards (repelled by the object) to the golden leaves.<br><b>These will result in the protons repel each other that the golden leaves to seperate further. (see image)</b></p>
-                    </div>
-                </li>
-                <li>&nbsp;
-                    <div class="flex">
-                        <img src="/assets/images/electroscope/electroscope_positive_negative.svg" alt="" style="max-width: 180px;" class="flex-element">
-                        <p class="flex-element">If the object is negatively charged, more protons will move upwards (attracted by the object) to the ball.<br><b>These will result in less protons in the leaves that the golden leaves will become closer to each other. (see image)</b></p>
-                    </div>
-                </li>
-            </ol>
-            <h2 id="electroscope--negative">Negative Electroscope</h2>
-            <img src="/assets/images/electroscope/electroscope_negative_normal.svg" alt="" style="max-width: 160px;"><br>
-            <span class="subtitle">A negative electroscope.</span>
-            <p>If an object has been brought closer to the ball of the negative electroscope:</p>
-            <ol>
-                <li>&nbsp;
-                    <div class="flex">
-                        <img src="/assets/images/electroscope/electroscope_negative_positive.svg" alt="" style="max-width: 180px;" class="flex-element">
-                        <p class="flex-element">If the object is positively charged, more electrons will move upwards (attracted by the object)  to the ball.<br><b>These will result in less electrons in the leaves that the golden leaves will become closer to each other. (see image)</b></p>
-                    </div>
-                </li>
-                <li>&nbsp;
-                    <div class="flex">
-                        <img src="/assets/images/electroscope/electroscope_negative_negative.svg" alt="" style="max-width: 180px;" class="flex-element">
-                        <p class="flex-element">If the object is negatively charged, more electrons in the ball will move downwards (repelled by the object) to the golden leaves.<br><b>These will result in the electrons repel each other that the golden leaves to seperate further. (see image)</b></p>
-                    </div>
-                </li>
-            </ol>
-            <h1 id="field">Electric Field</h1>
-            <p>An electrtic field is the physical field that surrounds electrically charged particles and exerts force on all other charged particles in the field, either attracting or repelling them. <sup>[<a href="#reference1" class="link-compact">1</a>]</sup></p>
-            <h2 id="field--behaviour">Behaviours of Positive and Negative Charges</h2>
-            <img src="/assets/images/electric/electric_field.svg" alt="">
-            <p>A proton has a radially outward electric field from the proton's position, while an electron has a radially <b>inward</b> electric field from its position.</p>
-            <h2 id="field--examples">Examples</h2>
-            <img src="/assets/images/electric/electric_field_arrows.svg" alt=""><br><span class="subtitle">A proton and electron attracting eachother which can be seen from the electric field arrows.</span><br><br>
-            <img src="/assets/images/electric/electric_field_arrows_positive.svg" alt=""><br><span class="subtitle">A proton and another proton repelling eachother which can be seen from the electric field arrows.</span><br>
-            <h1>References</h1>
-            <ol>
-                <li id="reference1" tabindex="-1">Browne, p 225: "... around every charge there is an aura that fills all space. This aura is the electric field due to the charge. The electric field is a vector field... and has a magnitude and direction."</li>
-            </ol>
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/index.html b/lessons-locked/index.html
deleted file mode 100644
index 760914a..0000000
--- a/lessons-locked/index.html
+++ /dev/null
@@ -1,175 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-main"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Lessons</h1>
-            <h3 class="banner-text" id="banner-txt">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <div class="card-container">
-                <div class="card">
-                        <a href="/lessons/matematika/" class="link-card"></a>
-                        <img src="/assets/images/hero/math.jpg" alt="" class="card-img">
-                        <a href="/lessons/1/">
-                            <h2>Matematika</h2>
-                        </a>
-                        <p>Hidayatullah, S.Pd.</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/fisika/" class="link-card"></a>
-                        <img src="/assets/images/hero/physics.jpg" alt="" class="card-img">
-                        <a href="/lessons/2/">
-                            <h2>Fisika</h2>
-                        </a>
-                        <p>Ayu Rezky Yulita, M.Pd.</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/biologi/" class="link-card"></a>
-                        <img src="/assets/images/hero/biology.jpg" alt="" class="card-img">
-                        <a href="/lessons/3/">
-                            <h2>Biologi</h2>
-                        </a>
-                        <p>Ir. Hj. Wiwit Parminta</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/ips/" class="link-card"></a>
-                        <img src="/assets/images/hero/ips.jpg" alt="" class="card-img">
-                        <a href="/lessons/3/">
-                            <h2>IPS</h2>
-                        </a>
-                        <p>Unaeni Jahroh S.Pd.</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/agama/" class="link-card"></a>
-                        <img src="/assets/images/hero/alazhar.jpg" alt="" class="card-img">
-                        <a href="/lessons/3/">
-                            <h2>Agama</h2>
-                        </a>
-                        <p>Akrom Hasani, S.Ag.</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/quran/" class="link-card"></a>
-                        <img src="/assets/images/hero/quran.jpg" alt="" class="card-img">
-                        <a href="/lessons/3/">
-                            <h2>Al-Qur'an</h2>
-                        </a>
-                        <p>Muhammad Fathan S.Ag</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/arab/" class="link-card"></a>
-                        <img src="/assets/images/hero/arabic.png" alt="" class="card-img">
-                        <a href="/lessons/3/">
-                            <h2>Bahasa Arab</h2>
-                        </a>
-                        <p>Mohammad Amar, Lc.</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/ppkn/" class="link-card"></a>
-                        <img src="/assets/images/hero/ppkn.jpg" alt="" class="card-img">
-                        <a href="/lessons/3/">
-                            <h2>PPKn</h2>
-                        </a>
-                        <p>Andini Nurlaily Hikmah, S.Pd.</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/informatika/" class="link-card"></a>
-                        <img src="/assets/images/hero/laptop.jpg" alt="" class="card-img">
-                        <a href="/lessons/3/">
-                            <h2>Informatika</h2>
-                        </a>
-                        <p>Nurbaeti, SE., M.Ak</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/english/" class="link-card"></a>
-                        <img src="https://img-cdn.inc.com/image/upload/w_1920,h_1080,c_fill/images/panoramic/GettyImages-577674005_492115_zfpgiw.jpg" alt="" class="card-img">
-                        <a href="/lessons/3/">
-                            <h2>English</h2>
-                        </a>
-                        <p>Sofia Nurbaiti, S.Pd.</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/indonesia/" class="link-card"></a>
-                        <img src="/assets/images/hero/books.jpg" alt="" class="card-img">
-                        <a href="/lessons/3/">
-                            <h2>Bahasa Indonesia</h2>
-                        </a>
-                        <p>Maman Sulaeman, S.Pd.</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/musik/" class="link-card"></a>
-                        <img src="/assets/images/hero/music.jpg" alt="" class="card-img">
-                        <a href="/lessons/3/">
-                            <h2>Seni Musik</h2>
-                        </a>
-                        <p>Dra. Kusnun Indrawati</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/lukis/" class="link-card"></a>
-                        <img src="/assets/images/hero/paint.jpg" alt="" class="card-img">
-                        <a href="/lessons/3/">
-                            <h2>Seni Rupa</h2>
-                        </a>
-                        <p>Miftah Izharul Haq, S.Pd</p>
-                    </div>
-                    <div class="card">
-                        <a href="/lessons/pjok/" class="link-card"></a>
-                        <img src="/assets/images/hero/sports.jpg" alt="" class="card-img">
-                        <a href="/lessons/3/">
-                            <h2>Penjasorkes</h2>
-                        </a>
-                        <p>Supatri, S.Pd</p>
-                    </div>
-            </div>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/indonesia/index.html b/lessons-locked/indonesia/index.html
deleted file mode 100644
index 3de53cc..0000000
--- a/lessons-locked/indonesia/index.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Bahasa Indonesia</h1>
-            <h3 class="banner-text" id="banner-txt">Maman Sulaeman, S.Pd.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="bab1">Bab 1 - Teks Laporan Percobaan</h1>
-            <p><a href="laporan-percobaan/pengertian.html" class="link">Note 1: Pengertian</a></p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/indonesia/laporan-percobaan/pengertian.html b/lessons-locked/indonesia/laporan-percobaan/pengertian.html
deleted file mode 100644
index a0a30b1..0000000
--- a/lessons-locked/indonesia/laporan-percobaan/pengertian.html
+++ /dev/null
@@ -1,69 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Teks Laporan Percobaan</h1>
-            <h3 class="banner-text" id="banner-txt">Bab 1</h3>
-        </div>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip"><span>✅ Verified</span></div>
-        <div class="chip"><span>❓ Unchecked</span></div>
-        <div class="chip"><span>⚠️ Contains Wrong / Outdated Information</span></div>
-    </div>
-
-    <div id="main">
-        <section>
-            <h1 id="pengertian">Pengertian</h1>
-            
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/informatika/chapter/note.html b/lessons-locked/informatika/chapter/note.html
deleted file mode 100644
index e2d3780..0000000
--- a/lessons-locked/informatika/chapter/note.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/informatika/index.html b/lessons-locked/informatika/index.html
deleted file mode 100644
index 5b60d25..0000000
--- a/lessons-locked/informatika/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Informatika</h1>
-            <h3 class="banner-text" id="banner-txt">Nurbaeti, SE. M. Ak.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <p style="text-align: center; width: 100%;"><i class="fa-solid fa-file-circle-question"></i> Hm. It seems like there is nothing here yet.</p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/ips/chapter/note.html b/lessons-locked/ips/chapter/note.html
deleted file mode 100644
index e2d3780..0000000
--- a/lessons-locked/ips/chapter/note.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/ips/index.html b/lessons-locked/ips/index.html
deleted file mode 100644
index 50d6068..0000000
--- a/lessons-locked/ips/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">IPS</h1>
-            <h3 class="banner-text" id="banner-txt">Unaeni Jahroh, S.Pd.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <p style="text-align: center; width: 100%;"><i class="fa-solid fa-file-circle-question"></i> Hm. It seems like there is nothing here yet.</p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/lukis/chapter/note.html b/lessons-locked/lukis/chapter/note.html
deleted file mode 100644
index e2d3780..0000000
--- a/lessons-locked/lukis/chapter/note.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/lukis/index.html b/lessons-locked/lukis/index.html
deleted file mode 100644
index ad0ab0e..0000000
--- a/lessons-locked/lukis/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Seni Rupa</h1>
-            <h3 class="banner-text" id="banner-txt">Miftah Izharul Haq, S.Pd.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <p style="text-align: center; width: 100%;"><i class="fa-solid fa-file-circle-question"></i> Hm. It seems like there is nothing here yet.</p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/matematika/index.html b/lessons-locked/matematika/index.html
deleted file mode 100644
index 4c800ec..0000000
--- a/lessons-locked/matematika/index.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Matematika</h1>
-            <h3 class="banner-text" id="banner-txt">Hidayatullah, S.Pd.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="bab1">Chapter 1 - Bentuk Pangkat dan Akar</h1>
-            <p><a href="pangkat-akar/pangkat.html" class="link">Lesson 1: Exponent</a></p>
-            <p><a href="pangkat-akar/akar.html" class="link">Lesson 2: Root</a></p>
-            <p><a href="pangkat-akar/latihan.html" class="link">Exercise 1</a></p>
-            <p><a href="pangkat-akar/scientific.html" class="link">Lesson 3: Exponents Extended - Scientific Form of Decimals</a></p>
-            <h1 id="bab2">Chapter 2 - Quadratic Equation</h1>
-            <p><a href="quadratic-equation/" class="link">Main Lesson: Quadratic Equation - The Introduction</a></p>
-	    <h1 id="bab3">Chapter 3 - Quadratic Function (no it's not equation)</h1>
-	    <p><a href="quadratic-function/" class="link">Main Lesson: Quadratic Function - The Introduction</a></p>
-	</section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
diff --git a/lessons-locked/matematika/locked.html b/lessons-locked/matematika/locked.html
deleted file mode 100644
index c6384ec..0000000
--- a/lessons-locked/matematika/locked.html
+++ /dev/null
@@ -1,58 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <h1 class="banner-text" id="banner-txt">Matematika</h1>
-    </div>
-
-    <div id="main">
-        <section>   
-            <p style="text-align: center; width: 100%;"><i class="fa-solid fa-file-circle-question"></i> This lesson is locked.</p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/matematika/pangkat-akar/akar.html b/lessons-locked/matematika/pangkat-akar/akar.html
deleted file mode 100644
index e7505de..0000000
--- a/lessons-locked/matematika/pangkat-akar/akar.html
+++ /dev/null
@@ -1,124 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Root</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 1</h3>
-        </div>
-    </div>
-    
-    <div class="chip-container" id="chip-container">
-        <div class="chip"><span>✅ Verified</span></div>
-    </div>
-    
-    <div id="main">
-        <section>
-            <h1 id="definition">Definition</h1>
-            Root is the inverse of exponent. For example;<br>
-            <ul>
-                <li>4<sup>2</sup> = 16, <b>so <span class="sroot">16</span> = 4</b></li>
-                <li>5<sup>2</sup> = 25, <b>so <span class="sroot">25</span> = 5</b></li>
-                <li>10<sup>2</sup> = 100, <b>so <span class="sroot">100</span> = 10</b></li>
-            </ul>
-
-            <h1 id="simplification">Simplifying Square Roots</h1>
-            You can simplify a root by factoring the root number another number that is rational. Or in other words, divide the root number by the perfect squares. For example;  
-            <ul>
-                <li>
-                    <strong>Simplify <span class="sroot">60</span></strong><br>
-                    <span class="sroot">60</span> = <span class="sroot">4 &times; 15</span> = 2<span class="sroot">15</span><br>
-                </li>
-                <li>
-                    <strong>Simplify <span class="sroot">48</span></strong><br>
-                    <span class="sroot">48</span> = <span class="sroot">16 &times; 3</span> = 4<span class="sroot">3</span><br>
-                </li>
-                <li>
-                    <strong>Simplify <span class="sroot">125</span></strong><br>
-                    <span class="sroot">125</span> = <span class="sroot">25 &times; 5</span> = 5<span class="sroot">5</span><br>
-                </li>
-            </ul>
-
-            <h1 id="root-operations">Root Operations</h1>
-            <h2 id="root-operations--addition">Addition</h2>
-            Roots with coefficient can be added with another coefficient that have the same roots. <br>
-            <strong>a<span class="sroot">c</span> + b<span class="sroot">c</span> = (a + b)<span class="sroot">c</span></strong>
-            <ul>
-                <li>3<span class="sroot">2</span> + 4<span class="sroot">2</span> = (3 + 4)<span class="sroot">2</span> = <strong>7<span class="sroot">2</span></strong></li>
-                <li><span class="sroot">5</span> + 3<span class="sroot">5</span> = (1 + 3)<span class="sroot">5</span> = <strong>4<span class="sroot">5</span></strong></li>
-            </ul>
-            <h2 id="root-operations--subtraction">Subtraction</h2>
-            Roots with coefficient can be subtracted with another coefficient that have the same roots. <br>
-            <strong>a<span class="sroot">c</span> - b<span class="sroot">c</span> = (a - b)<span class="sroot">c</span></strong>
-            <ul>
-                <li>7<span class="sroot">3</span> - 4<span class="sroot">3</span> = (7 - 4)<span class="sroot">3</span> = <strong>3<span class="sroot">2</span></strong></li>
-                <li>10<span class="sroot">6</span> - 5<span class="sroot">6</span> = (10 - 5)<span class="sroot">6</span> = <strong>5<span class="sroot">6</span></strong></li>
-            </ul>
-            <h2 id="root-operations--multiplication">Multiplication</h2>
-            Roots can be multiplied with any other roots. If the root is the same as the other multiplied root, the root can be deleted (if you want to be faster). <br>
-            <strong>a<span class="sroot">c</span> &times; b<span class="sroot">d</span> = (a &times; b)<span class="sroot">c &times; d</span></strong>
-            <ul>
-                <li><span class="sroot">2</span> &times; <span class="sroot">5</span> = <strong><span class="sroot">10</span></strong></li>
-                <li>3<span class="sroot">2</span> &times; 4<span class="sroot">3</span> = (3 &times; 4)<span class="sroot">2 &times; 3</span> = <strong>12<span class="sroot">6</span></strong></li>
-                <li>2<span class="sroot">5</span> &times; 3<span class="sroot">5</span> = (2 &times; 3)(5) = 6(5) = <strong>30</strong></li>
-            </ul>
-            <h2 id="root-operations--division">Division</h2>
-            Roots can be divided with any other roots. <br>
-            <strong>a<span class="sroot">c</span> &divide; b<span class="sroot">d</span> = (a &divide; b)<span class="sroot">c &divide; d</span></strong>
-            <ul>
-                <li>
-                    8<span class="sroot">6</span> &divide; 4<span class="sroot">3</span> = (8 &divide; 4)<span class="sroot">6 &divide; 3</span> = <strong>2<span class="sroot">2</span></strong>
-                </li>
-            </ul>
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/matematika/pangkat-akar/latihan.html b/lessons-locked/matematika/pangkat-akar/latihan.html
deleted file mode 100644
index 6bdae1d..0000000
--- a/lessons-locked/matematika/pangkat-akar/latihan.html
+++ /dev/null
@@ -1,167 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Exercise</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 1</h3>
-        </div>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip"><span>❓ Unchecked</span></div>
-    </div>
-
-    <div id="main">
-        <section>
-            <h1 id="questions">Pertanyaan</h1>
-            <ol>
-                <h2 id="questions--pangkat">Pangkat</h1>
-                <li style="margin-top: 10px;">8p<sup>2</sup>q &times; 2pq<sup>3</sup></li>
-                <li style="margin-top: 10px;">64<sup><span class="frac"><sup>1</sup><span>&frasl;</span><sub>2</sub></span></sup> + 81<sup><span class="frac"><sup>1</sup><span>&frasl;</span><sub>3</sub></span></sup></li>
-                <li style="margin-top: 10px;">2<span class="sroot">5</span> + 3<span class="sroot">20</span> - 4<span class="sroot">5</span></li>
-
-                <h2 id="questions--rasional">Merasionalkan Akar</h2>
-                <li style="margin-top: 10px;"><span class="frac"><sup>4</sup><span>&frasl;</span><sub><span class="sroot">5</span></sub></span></li>
-                <li style="margin-top: 10px;"><span class="frac"><sup>3<span class="sroot">5</span></sup><span>&frasl;</span><sub>2<span class="sroot">3</span></sup></sub></span></li>
-                <li style="margin-top: 10px;"><span class="frac"><sup>5</sup><span>&frasl;</span><sub><span class="sroot">3</span> - <span class="sroot">2</span></sub></span></li>
-                <li style="margin-top: 10px;"><span class="frac"><sup><span class="sroot">5</span> - <span class="sroot">7</span></sup><span>&frasl;</span><sub><span class="sroot">5</span> - <span class="sroot">2</span></sub></span></li>
-
-                <h2 id="question--operasi-pangkat">Operasi Pangkat</h2>
-                <li style="margin-top: 10px;">(8p<sup>2</sup>3)<sup>3</sup> &divide; 2pq</li>
-                <li style="margin-top: 10px;"><span class="frac"><sup>(a<sup><span class="frac"><sup>1</sup><span>&frasl;</span><sub>3</sub></span></sup>b<sup><span class="frac"><sup>1</sup><span>&frasl;</span><sub>3</sub></span></sup>)<sup>6</sup></sup><span>&frasl;</span><sub>(a<sup><span class="frac"><sup>2</sup><span>&frasl;</span><sub>3</sub></span></sup>b<sup><span class="frac"><sup>4</sup><span>&frasl;</span><sub>3</sub></span></sup>)<sup>9</sup></sup></sub></span></li>
-                
-                <h2 id="question--persamaan-pangkat">Persamaan Pangkat</h2>
-                <li style="margin-top: 10px;">2<sup>x + 8</sup> = 64</li>
-                <li style="margin-top: 10px;">16<sup>2x + 3</sup> = 32</li>
-            </ol>
-            <h1 id="jawaban">Jawaban</h1>
-            <ol>
-                <li style="margin-top: 10px;">16p<sup>3</sup>q<sup>4</sup></li>
-                <li style="margin-top: 10px;">
-                    64<sup><span class="frac"><sup>1</sup><span>&frasl;</span><sub>2</sub></span></sup> + 81<sup><span class="frac"><sup>1</sup><span>&frasl;</span><sub>3</sub></span></sup><br>
-                    = <span class="sroot">64</span> + <sup>3</sup><span class="sroot">81</span><br>
-                    = 8 + <sup>3</sup><span class="sroot">81</span>
-                </li>
-                <li style="margin-top: 10px;">
-                    2<span class="sroot">5</span> + 3<span class="sroot">20</span> - 4<span class="sroot">5</span><br>
-                    = 6<span class="sroot">5</span> + 3<span class="sroot">20</span><br>
-                    = 6<span class="sroot">5</span> + 3<span class="sroot">4 &times; 5</span><br>
-                    = 6<span class="sroot">5</span> + 3<span class="sroot">2<sup>2</sup> &times; 5</span><br>
-                    = 6<span class="sroot">5</span> + 3 &times; 2<span class="sroot">5</span><br>
-                    = 6<span class="sroot">5</span> + 6<span class="sroot">5</span><br>
-                    = <strong>12<span class="sroot">5</span></strong><br>
-                </li>
-                <li style="margin-top: 10px;">
-                    <span class="frac"><sup>4</sup><span>&frasl;</span><sub><span class="sroot">5</span></sub></span><br>
-                    = <span class="frac"><sup>4</sup><span>&frasl;</span><sub><span class="sroot">5</span></sub></span> &times; <span class="frac"><sup><span class="sroot">5</span></sup><span>&frasl;</span><sub><span class="sroot">5</span></sub></span> = <strong><span class="frac"><sup>4<span class="sroot">5</span></sup><span>&frasl;</span><sub>5</sub></span></strong>
-                </li>
-                <li style="margin-top: 10px;">
-                    <span class="frac"><sup>3<span class="sroot">5</span></sup><span>&frasl;</span><sub>2<span class="sroot">3</span></sup></sub></span><br>
-                    = <span class="frac"><sup>3<span class="sroot">5</span></sup><span>&frasl;</span><sub>2<span class="sroot">3</span></sup></sub></span> &times; <span class="frac"><sup><span class="sroot">3</span></sup><span>&frasl;</span><sub><span class="sroot">3</span></sup></sub></span><br>
-                    = <span class="frac"><sup><span style="text-decoration: line-through;">3</span><span class="sroot">15</span></sup><span>&frasl;</span><sub>2 &times; <span style="text-decoration: line-through;">3</span></sup></sub></span><br>
-                    = <strong><span class="frac"><sup><span class="sroot">15</span></sup><span>&frasl;</span><sub>2</sup></sub></span></strong>
-                </li>
-                <li style="margin-top: 10px;">
-                    <span class="frac"><sup>5</sup><span>&frasl;</span><sub><span class="sroot">3</span> - <span class="sroot">2</span></sub></span><br>
-                    = <span class="frac"><sup>5</sup><span>&frasl;</span><sub><span class="sroot">3</span> - <span class="sroot">2</span></sub></span> &times; <span class="frac"><sup><span class="sroot">3</span> + <span class="sroot">2</span></sup><span>&frasl;</span><sub><span class="sroot">3</span> + <span class="sroot">2</span></sub></span><br>
-                    = <span class="frac"><sup>5(<span class="sroot">3</span> + <span class="sroot">2</span>)</sup><span>&frasl;</span><sub>(<span class="sroot">3</span>)<sup>2</sup> - (<span class="sroot">2</span>)<sup>2</sup></sub></span><br>
-                    = <span class="frac"><sup>5(<span class="sroot">3</span> + <span class="sroot">2</span>)</sup><span>&frasl;</span><sub>3 - 2</sub></span> = <span class="frac"><sup>5(<span class="sroot">3</span> + <span class="sroot">2</span>)</sup><span>&frasl;</span><sub>1</sub></span><br>
-                    = <strong>5(<span class="sroot">3</span> + <span class="sroot">2</span>)</strong>
-                </li>
-                <li style="margin-top: 10px;">
-                    <span class="frac"><sup><span class="sroot">5</span> - <span class="sroot">7</span></sup><span>&frasl;</span><sub><span class="sroot">5</span> - <span class="sroot">2</span></sub></span><br>
-                    = <span class="frac"><sup><span class="sroot">5</span> - <span class="sroot">7</span></sup><span>&frasl;</span><sub><span class="sroot">5</span> - <span class="sroot">2</span></sub></span> &times; <span class="frac"><sup><span class="sroot">5</span> + <span class="sroot">2</span></sup><span>&frasl;</span><sub><span class="sroot">5</span> + <span class="sroot">2</span></sub></span><br>
-                    = <span class="frac"><sup>(<span class="sroot">5</span> - <span class="sroot">7</span>) &times; (<span class="sroot">5</span> + <span class="sroot">2</span>)</sup><span>&frasl;</span><sub>(<span class="sroot">5</span>)<sup>2</sup> - (<span class="sroot">2</span>)<sup>2</sup></sub></span><br>
-                    = <span class="frac"><sup>5 + <span class="sroot">10</span> - <span class="sroot">35</span> - <span class="sroot">14</span></sup><span>&frasl;</span><sub>5 - 2</sub></span> = <strong><span class="frac"><sup>5 + <span class="sroot">10</span> - <span class="sroot">35</span> - <span class="sroot">14</span></sup><span>&frasl;</span><sub>3</sub></span></strong>
-                </li>
-                <li style="margin-top: 10px;">
-                    (8p<sup>2</sup>3)<sup>3</sup> &divide; 2pq <br>
-                    = (24p<sup>2</sup>)<sup>3</sup> &divide; 2pq <br>
-                    = 24<sup>3</sup> p<sup>6</sup> &divide; 2pq <br>
-                    = <strong>6912p<sup>5</sup> &divide; q</strong>
-                </li>
-                <li style="margin-top: 10px;">
-                    = <span class="frac"><sup>(a<sup><span class="frac"><sup>1</sup><span>&frasl;</span><sub>3</sub></span></sup>b<sup><span class="frac"><sup>1</sup><span>&frasl;</span><sub>3</sub></span></sup>)<sup>6</sup></sup><span>&frasl;</span><sub>(a<sup><span class="frac"><sup>2</sup><span>&frasl;</span><sub>3</sub></span></sup>b<sup><span class="frac"><sup>4</sup><span>&frasl;</span><sub>3</sub></span></sup>)<sup>9</sup></sup></sub></span><br>
-                    = <span class="frac">
-                        <sup>(a<sup><span class="frac"><sup>1</sup><span>&frasl;</span><sub>3</sub></span></sup>)<sup>6</sup> (b<sup><span class="frac"><sup>1</sup><span>&frasl;</span><sub>3</sub></span></sup>)<sup>6</sup></sup>
-                        <span>&frasl;</span>
-                        <sub>(a<sup><span class="frac"><sup>2</sup><span>&frasl;</span><sub>3</sub></span></sup>)<sup>9</sup> (b<sup><span class="frac"><sup>4</sup><span>&frasl;</span><sub>3</sub></span></sup>)<sup>9</sup></sub>
-                    </span><br>
-                    = <span class="frac">
-                        <sup>a<sup>2</sup> b<sup>2</sup></sup>
-                        <span>&frasl;</span>
-                        <sub>a<sup>6</sup> b<sup>12</sup></sub>
-                    </span><br>
-                    = <strong>a<sup>-4</sup> b<sup>-10</sup></strong>
-                </li>
-                <li style="margin-top: 10px;">
-                    2<sup>x + 8</sup> = 64 <br>
-                    = <span style="text-decoration: line-through;">2</span><sup>x + 8</sup> = <span style="text-decoration: line-through;">2</span><sup>6</sup><br>
-                    = x + 8 = 6 <br>
-                    = x = 6 - 8 <br>
-                    = <strong>x = -2</strong>
-                </li>
-                <li style="margin-top: 10px;">
-                    16<sup>2x + 3</sup> = 32 <br>
-                    = (2<sup>4</sup>)<sup>2x + 3</sup> = 2<sup>6</sup><br>
-                    = <span style="text-decoration: line-through;">2</span><sup>8x + 12</sup> = <span style="text-decoration: line-through;">2</span><sup>6</sup> <br>
-                    = 8x + 12 = 6 <br>
-                    = 8x = 6 - 12 <br>
-                    = 8x = 6 <br>
-                    = x = <span class="frac"><sup>-6</sup><span>&frasl;</span><sub>8</sub></span><br>
-                    = <strong>x = -<span class="frac"><sup>3</sup><span>&frasl;</span><sub>4</sub></span></strong>
-                </li>
-            </ol>
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/matematika/pangkat-akar/pangkat.html b/lessons-locked/matematika/pangkat-akar/pangkat.html
deleted file mode 100644
index 7293e93..0000000
--- a/lessons-locked/matematika/pangkat-akar/pangkat.html
+++ /dev/null
@@ -1,139 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Exponents</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 1</h3>
-        </div>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip"><span>✅ Verified</span></div>
-    </div>
-
-    <div id="main">
-        <section>
-            <h1 id="exponent">Exponents</h1>
-            x<sup>n</sup> = x<sub>1</sub> &times; x<sub>2</sub> &times; ... &times; x<sub>n</sub>
-            <h2 id="exponent--examples">Examples</h2>
-            <ul>
-                <li>2<sup>5</sup> = 2 &times; 2 &times; 2 &times; 2 &times; 2 = 32</li>
-                <li>5<sup>7</sup> = 5 &times; 5 &times; 5 &times; 5 &times; 5 &times; 5 &times; 5 = 78.125</li>
-            </ul>
-            <h1 id="exponent-operations">Exponent Operations</h1>
-            <h2 id="exponent-operations--multiplication">Multiplication</h2>
-            a<sup>x</sup> &times; b<sup>y</sup> = (a &times; b)<sup>x + y</sup>
-            <ul>
-                <li>10<sup>4</sup> &times; 2<sup>2</sup> = (10 &times; 2)<sup>4 + 2</sup> = <strong>20<sup>6</sup></strong></li>
-            </ul>
-            <h2 id="exponent-operations--division">Division</h2>
-            a<sup>x</sup> &divide; b<sup>y</sup> = (a &divide; b)<sup>x - y</sup>
-            <ul>
-                <li>10<sup>3</sup> &divide; 2<sup>4</sup> = (10 &divide; 2)<sup>4 - 2</sup> = <strong>5<sup>2</sup></strong></li>
-            </ul>
-            <h2 id="exponent-operations--exponent">Exponent</h2>
-            (a<sup>x</sup>)<sup>y</sup> = a<sup>x &times; y</sup>
-            <ul>
-                <li>(2<sup>2</sup>)<sup>3</sup> = 2<sup>2 &times; 3</sup> <strong>= 2<sup>6</sup> = 64</li></strong>
-            </ul>
-
-            <h1 id="zero-exponent">Zero Exponent</h1>
-            <p>a<sup>0</sup> = 1</p>
-            <h2 id="zero-exponent--examples">Examples</h2>
-            <ul>
-                <li>5<sup>0</sup> = 1</li>
-                <li>7<sup>0</sup> = 1</li>
-                <li>100<sup>0</sup> = 1</li>
-                <li>28,67<sup>0</sup> = 1</li>
-            </ul>
-            <h1 id="one-exponent">One Exponent</h1>
-            <p>a<sup>1</sup> = a</p>
-            <h2 id="one-exponent--examples">Examples</h2>
-            <ul>
-                <li>5<sup>1</sup> = 5</li>
-                <li>7<sup>1</sup> = 7</li>
-                <li>100<sup>1</sup> = 100</li>
-                <li>28,67<sup>1</sup> = 28,67</li>
-            </ul>
-            <h1 id="fractional-exponent">Fractional Exponent</h1>
-            <img src="/assets/images/math/fractional_exponent.svg" alt="">
-            <p>x&nbsp;<sup><span class="frac"><sup>y</sup><span>&frasl;</span><sub>z</sub></span></sup> =
-                <sup>z</sup><span><span class="sroot">x</span><sup style="font-size: small;">y</sup><span></span></span></p>
-            <h2 id="fractional-exponent--examples">Examples</h2>
-            <ul>
-                <li>5&nbsp;<sup><span class="frac"><sup>1</sup><span>&frasl;</span><sub>2</sub></span></sup> =
-                    <sup>2</sup><span><span class="sroot">5</span></span></li>
-                <li>7&nbsp;<sup><span class="frac"><sup>2</sup><span>&frasl;</span><sub>3</sub></span></sup> =
-                    <sup>3</sup><span><span class="sroot">7<sup>2</sup></span></span></li>
-            </ul>
-            <p><strong>Small Note:</strong> 2</sup><span class="sroot">x</span> or <span class="sroot">x</span> menans square root. The 2 before root should be removed. The 2 is only present for easier purposes.<br>3</sup><span><span class="sroot">x</span> means cubic root.</p>
-
-            <h1 id="exponential-equation">Exponential Equation</h1>
-            <ol>
-                <li>2<sup>x + 5</sup> = 64<br>
-                = <span style="text-decoration: line-through;">2</span><sup>x + 5</sup> = <span style="text-decoration: line-through;">2</span><sup>6</sup> <sub>&UpperLeftArrow; ubah ke bentuk 2 berpangkat (2<sup>x</sup>)</sub><br>
-                = x + 5 = 6<br>
-                = x = <strong>1</strong>
-                </li>
-                <li>16<sup>x + 2</sup> = 32<br>
-                = (2<sup>4</sup>)<sup>x + 2</sup> = 2<sup>5</sup><br>
-                = <span style="text-decoration: line-through;">2</span><sup>4x + 8</sup> = <span style="text-decoration: line-through;">2</span><sup>5</sup><br>
-                = 4x + 8 = 5<br>
-                = 4x = 5 - 8<br>
-                = 4x = -3<br>
-                = x = <span class="frac"><sup>-3</sup><span>&frasl;</span><sub>4</sub></span> = <strong>-<span class="frac"><sup>3</sup><span>&frasl;</span><sub>4</sub></span></strong>
-                </li>
-            </ol>
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/matematika/pangkat-akar/scientific.html b/lessons-locked/matematika/pangkat-akar/scientific.html
deleted file mode 100644
index 9394f6e..0000000
--- a/lessons-locked/matematika/pangkat-akar/scientific.html
+++ /dev/null
@@ -1,69 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Standard Form (decimals)</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 1</h3>
-        </div>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip"><span>🔍 Unfinished</span></div>
-    </div>
-
-    <div id="main">
-        <section>
-            
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/matematika/quadratic-equation/finding-suitable.html b/lessons-locked/matematika/quadratic-equation/finding-suitable.html
deleted file mode 100644
index 9e13f01..0000000
--- a/lessons-locked/matematika/quadratic-equation/finding-suitable.html
+++ /dev/null
@@ -1,117 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css"
-        integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous">
-    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js"
-        integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE"
-        crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i
-                class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Quadratic Equation: Finding the suitable factor</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 2 sub-page</h3>
-        </div>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip" title="Beware of mistakes. Please report to me (Altaf) if you caught a mistake here."><span>❓ Unchecked by Professionals</span></div>
-    </div>
-
-    <div id="main">
-        <section>
-            <p><strong><a href="/lessons/matematika/quadratic-equation/" class="link">&LeftArrow; Go back to Main Lesson</a></strong></p>
-            Firstly, lets use this equation. <br>
-            <span id="m1"></span><br>
-            <h1 id="steps">Step-by-step</h1>
-            <ol>
-                <li>Find the factors of <span class="math-font">c</span>, which in this equation, <span class="math-font">c = </span><span class="math-font-main">30</span>.</li>
-                <li>The factors of 30 are:
-                    <ul>
-                        <li>1, 30</li>
-                        <li>2, 15</li>
-                        <li>3, 10</li>
-                        <li>5, 6</li>
-                    </ul>
-                </li>
-                <li>Lets define that the first and second factors are <span class="math-font">y<sub>1, 2</sub></span>. To find the suitable factors for the equation, you need to check if;
-                    <ul>
-                        <li><span id="m2"></span>, and</li>
-                        <li><span id="m3"></span></li>
-                    </ul>
-                </li>
-                <li>Check for each of the factors. We end up with 5 and 6. <br> <span id="m4"></span></li>
-                <li>So, the answer is <strong><span class="math-font-main">5 & 6</span></strong></li>
-            </ol>
-            <p><strong><a href="/lessons/matematika/quadratic-equation/" class="link">&LeftArrow; Go back to Main Lesson</a></strong></p>
-            <script defer>
-                var element1 = document.getElementById("m1");
-                var element2 = document.getElementById("m2");
-                var element3 = document.getElementById("m3");
-                var element4 = document.getElementById("m4");
-
-                katex.render(String.raw`x^2 + 11x + 30 = 0`, element1, {
-                    throwOnError: false
-                });
-                katex.render(String.raw`y_1 + y_2 = b`, element2, {
-                    throwOnError: false
-                });
-                katex.render(String.raw`y_1 \times y_2 = c`, element3, {
-                    throwOnError: false
-                });
-                katex.render(String.raw`5 \times 6 = 30\\5 + 6 = 11`, element4, {
-                    throwOnError: false
-                });
-            </script>
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/matematika/quadratic-equation/index.html b/lessons-locked/matematika/quadratic-equation/index.html
deleted file mode 100644
index 288d0d9..0000000
--- a/lessons-locked/matematika/quadratic-equation/index.html
+++ /dev/null
@@ -1,277 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css"
-        integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous">
-    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js"
-        integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE"
-        crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i
-                class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Quadratic Equation: The Introduction</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 2</h3>
-        </div>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip" title="Beware of mistakes. Please report to me (Altaf) if you caught a mistake here."><span>❓ Unchecked by Professionals</span></div>
-    </div>
-
-    <div id="main">
-        <section>
-            <h1 id="introduction">Introduction</h1>
-            In algebra, a quadratic equation is any equation that can be rearranged in standard form as where x
-            represents an unknown value, and a, b, and c represent known numbers, where a ≠ 0.<sup>[<a
-                    href="#reference-1" class="link-compact">1</a>]</sup>
-            <h2 id="introduction--formula">Formula / Format</h2>
-            <span class="math-font">ax<sup>2</sup> + bx + c = 0</span>
-            <p>
-                <span class="math-font">a, b, c</span> = known numbers, where a &NotEqual; 0 <br>
-                <span class="math-font">x</span> = the unknown, or the root
-            </p>
-            <h2 id="introduction--exercise">Exercises</h2>
-            <h3>Finding the roots with factorisation.</h3>
-            <ol>
-                <li>
-                    <span id="q1.1.1"></span>
-                    <p>
-                        <hr>
-                        <span>To find the answer, we need to find the factors of c that is suitable for b and c. <a href="finding-suitable.html" class="link">What and how do I find the suitable factors?</a></span><br>
-                        <span>The suitable factor for the equation are <b>2 and -3</b>. </span><br>
-                        <span>Then, insert each numbers to this formula: <span id="q1.1.2"></span>, where <span
-                                class="math-font">y</span> is the factor.</span><br><br>
-                        <span id="q1.1.3"></span><br><span id="q1.1.31"></span><br>
-                        <hr>
-                        <strong>So, the answer is <span id="q1.1.4"></span></strong>
-                    </p>
-                    <script defer>
-                        var element1 = document.getElementById("q1.1.1");
-                        var element2 = document.getElementById("q1.1.2");
-                        var element3 = document.getElementById("q1.1.3");
-                        var element31 = document.getElementById("q1.1.31");
-                        var element4 = document.getElementById("q1.1.4");
-
-                        katex.render(String.raw`x^2 - 1x - 6 = 0`, element1, {
-                            throwOnError: false
-                        });
-                        katex.render(String.raw`x + y`, element2, {
-                            throwOnError: false
-                        });
-                        katex.render(String.raw`
-                        \begin{aligned}
-                            x + 2 &= 0\\
-                            x &= -2\\
-                        \end{aligned}
-                        `, element3, {
-                            throwOnError: true
-                        }); katex.render(String.raw`
-                        \begin{aligned}
-                            x - 3 &= 0\\
-                            x &= 3
-                        \end{aligned}
-                        `, element31, {
-                            throwOnError: true
-                        });
-                        katex.render(String.raw`x = \{-2, 3\}`, element4, {
-                            throwOnError: false
-                        });
-                    </script>
-                </li>
-                <li>
-                    <p>
-                        <span id="q1.2.1"></span><br>
-                        <span><strong>Factors:</strong> <span class="math-font">2, 4</span></span><br>
-                        <hr>
-                        <span id="q1.2.2"></span><br>
-                        <span id="q1.2.3"></span><br>
-                        <hr>
-                        <span id="q1.2.4"></span><br>
-                    </p>
-                    <script defer>
-                        var element1 = document.getElementById("q1.2.1");
-                        var element2 = document.getElementById("q1.2.2");
-                        var element3 = document.getElementById("q1.2.3");
-                        var element4 = document.getElementById("q1.2.4");
-
-                        katex.render(String.raw`x^2 + 6x + 8 = 0`, element1, {
-                            throwOnError: false
-                        });
-                        katex.render(String.raw`
-                        \begin{aligned}
-                            x + 2 &= 0\\
-                            x &= -2\\
-                        \end{aligned}
-                        `, element2, {
-                            throwOnError: true
-                        }); katex.render(String.raw`
-                        \begin{aligned}
-                            x + 4 &= 0\\
-                            x &= 4
-                        \end{aligned}
-                        `, element3, {
-                            throwOnError: true
-                        });
-                        katex.render(String.raw`x = \{-2, -4\}`, element4, {
-                            throwOnError: false
-                        });
-                    </script>
-                </li>
-            </ol>
-            <h1 id="relation-algebra">Relation between Quadratic Equation and Algebraic Expressions</h1>
-            <p>This is an algebraic expression &rightarrow; <span id="m0"></span>. You can turn that into a quadratic equation.</p>
-            <span id="m1"></span>
-            <script>
-                const m0 = document.getElementById("m0");
-                const m1 = document.getElementById("m1");
-
-                katex.render(String.raw`(x + 5)(x + 7)`, m0, {
-                    throwOnError: false
-                });
-                katex.render(String.raw`
-                \begin{aligned}
-                (x + 5)(x + 7) &= x^2 + 5x + 7x + 35&\\
-                &= x^2 + 12x + 35&\larr\textnormal{quadratic equation 😱😱}
-                \end{aligned}
-                `, m1, {
-                    throwOnError: true
-                });
-            </script>
-            <h1 id="all-about-roots">Quadratic Equation's Root Operations</h1>
-            <h2 id="finding-qe">Finding Quadratic Equation with Roots</h2>
-            <p>You can use the formula below to find a Quadratic Equation with 2 roots.</p>
-            <span id="m2"></span><span>, where <span class=math-font>x<sub>1, 2</sub></span> are the roots.</span><br>
-            <p>
-                <strong>Example:</strong><br><br>
-                <span id="m3"></span>
-            </p>
-            <script>
-                const m2 = document.getElementById("m2");
-                const m3 = document.getElementById("m3");
-
-                katex.render(String.raw`(x - x_1)(x - x_2) = 0`, m2, {
-                    throwOnError: false
-                });
-                katex.render(String.raw`
-                \begin{aligned}
-                (x - x_1)(x - x_2) &= 0\\
-                (x - (-3))(x - 4) &= 0\\
-                (x + 3))(x - 4) &= 0\\
-                x^2 - 4x + 3x - 12 &= 0\\
-                x^2 - x - 12 &= 0
-                \end{aligned}
-                `, m3, {
-                    throwOnError: true
-                });
-            </script>
-            <h2 id="operations">Quadratic Root's Mathematical Operations</h2>
-            <h3 id="operations--formulas">Formulas</h3>
-            <p id="m4"></p>
-            <p id="m5"></p>
-            <h3 id="operations--examples">Examples</h3>
-            <ol>
-                <li>
-                    <p>Diketahui persamaan kuadrat <span id="q1"></span>, memiliki akar-akar persamaan kuadrat <span class="math-font">x<sub>1</sub></span> dan <span class="math-font">x<sub>2</sub></span>. Jika <span class="math-font">x<sub>1</sub> < x<sub>2</sub></span>, maka tentukan:
-                        <ol type="a">
-                            <li><span class="math-font">x<sub>1</sub> + x<sub>2</sub></span></li>
-                            <li><span class="math-font">x<sub>1</sub> &times; x<sub>2</sub></span></li>
-                        </ol>
-                    </p>
-                    <hr>
-                    <ol type="a">
-                        <li><span id="a1"></span></li>
-                        <li><span id="a2"></span></li>
-                    </ol>
-                </li>
-            </ol>
-            <script>
-                const m4 = document.getElementById("m4");
-                const m5 = document.getElementById("m5");
-                const q1 = document.getElementById("q1");
-                const a1 = document.getElementById("a1");
-                const a2 = document.getElementById("a2");
-
-                katex.render(String.raw`x_1 + x_2 = \dfrac{-b}{a}`, m4, {
-                    throwOnError: false
-                });
-                katex.render(String.raw`x_1 \times x_2 = \dfrac{c}{a}`, m5, {
-                    throwOnError: false
-                });
-                katex.render(String.raw`2x^2 + 7x + 3 = 0`, q1, {
-                    throwOnError: false
-                });
-                katex.render(String.raw`
-                \begin{aligned}
-                x_1 + x_2 &= \dfrac{-b}{a}\\
-                &= \dfrac{-7}{2}\\
-                \end{aligned}
-                `, a1, {
-                    throwOnError: true
-                });
-                katex.render(String.raw`
-                \begin{aligned}
-                x_1 \times x_2 &= \dfrac{c}{a}\\
-                &= \dfrac{3}{2}\\
-                \end{aligned}
-                `, a2, {
-                    throwOnError: true
-                });
-            </script>
-            <h1>References</h1>
-            <ol>
-                <li id="reference-1" tabindex="-1">Quadratic Equation - The English Wikipedia, <a
-                        href="https://en.wikipedia.org/wiki/Quadratic_equation"
-                        class="link">https://en.wikipedia.org/wiki/Quadratic_equation</a></li>
-                </li>
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/matematika/quadratic-function/index.html b/lessons-locked/matematika/quadratic-function/index.html
deleted file mode 100644
index 728d1af..0000000
--- a/lessons-locked/matematika/quadratic-function/index.html
+++ /dev/null
@@ -1,75 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.css"
-        integrity="sha384-pRsDYiLLocCzWnUN/YEr9TBTTaZOUi5x8adKfqi6Qt44lDaFkoP++x1j2ohSMtdf" crossorigin="anonymous">
-    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.js"
-        integrity="sha384-tMzugJpfLv7v0f+KXzNMqNCC6sVzLMM3sCnZDgzy0lcO/0h3sAkEBg/URFcV0JpE"
-        crossorigin="anonymous"></script>
-</head>
-
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i
-                class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Quadratic Function: Introduction</h1>
-            <h3 class="banner-text" id="banner-txt">Chapter 3</h3>
-        </div>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip" title="Beware of mistakes. Please report to me (Altaf) if you caught a mistake here."><span>❓ Unchecked by Professionals</span></div>
-    </div>
-
-    <div id="main">
-        <section>
-	    ...
-        </section>
-    </div>
-
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-
-</html>
diff --git a/lessons-locked/musik/chapter/note.html b/lessons-locked/musik/chapter/note.html
deleted file mode 100644
index e2d3780..0000000
--- a/lessons-locked/musik/chapter/note.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/musik/index.html b/lessons-locked/musik/index.html
deleted file mode 100644
index c28a769..0000000
--- a/lessons-locked/musik/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Musik</h1>
-            <h3 class="banner-text" id="banner-txt">Dra. Kusnun Indrawati</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <p style="text-align: center; width: 100%;"><i class="fa-solid fa-file-circle-question"></i> Hm. It seems like there is nothing here yet.</p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/pjok/chapter/note.html b/lessons-locked/pjok/chapter/note.html
deleted file mode 100644
index e2d3780..0000000
--- a/lessons-locked/pjok/chapter/note.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/pjok/index.html b/lessons-locked/pjok/index.html
deleted file mode 100644
index 6401d4e..0000000
--- a/lessons-locked/pjok/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Penjasorkes</h1>
-            <h3 class="banner-text" id="banner-txt">Supatri, S.Pd.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <p style="text-align: center; width: 100%;"><i class="fa-solid fa-file-circle-question"></i> Hm. It seems like there is nothing here yet.</p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/ppkn/chapter/note.html b/lessons-locked/ppkn/chapter/note.html
deleted file mode 100644
index e2d3780..0000000
--- a/lessons-locked/ppkn/chapter/note.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/ppkn/index.html b/lessons-locked/ppkn/index.html
deleted file mode 100644
index 26aba3a..0000000
--- a/lessons-locked/ppkn/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">PPKn</h1>
-            <h3 class="banner-text" id="banner-txt">Andini Nurlaily Hikmah, S.Pd.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <p style="text-align: center; width: 100%;"><i class="fa-solid fa-file-circle-question"></i> Hm. It seems like there is nothing here yet.</p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/quran/chapter/note.html b/lessons-locked/quran/chapter/note.html
deleted file mode 100644
index e2d3780..0000000
--- a/lessons-locked/quran/chapter/note.html
+++ /dev/null
@@ -1,138 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1>
-    </div>
-
-    <div id="main">
-        <section>   
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/quran/index.html b/lessons-locked/quran/index.html
deleted file mode 100644
index 06630f8..0000000
--- a/lessons-locked/quran/index.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Al-Qur'an</h1>
-            <h3 class="banner-text" id="banner-txt">Muhammad Fathan, S.Ag.</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <p style="text-align: center; width: 100%;"><i class="fa-solid fa-file-circle-question"></i> Hm. It seems like there is nothing here yet.</p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/subject/chapter/note.html b/lessons-locked/subject/chapter/note.html
deleted file mode 100644
index 0b54139..0000000
--- a/lessons-locked/subject/chapter/note.html
+++ /dev/null
@@ -1,144 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1>
-    </div>
-
-    <div class="chip-container" id="chip-container">
-        <div class="chip"><span>✅ Verified</span></div>
-        <div class="chip"><span>❓ Unchecked</span></div>
-        <div class="chip"><span>⚠️ Contains Wrong / Outdated Information</span></div>
-    </div>
-    
-    <div id="main">
-        <section>   
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p><h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading2">Heading 2</h1>
-            <h2 id="subheading1">Sub Heading 1</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h2 id="subheading2">Sub Heading 2</h2>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-            <h1 id="heading1">Heading 1</h1>
-            <p>
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eleifend ligula ut mi hendrerit scelerisque. Vivamus ut orci mi. Quisque in mollis lectus, in varius ante. Nunc id aliquet nisl. Donec velit lorem, dignissim vitae aliquet quis, dapibus tincidunt mauris. Nullam quis volutpat est. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed vehicula mauris. Maecenas vitae elementum lacus.
-            </p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/lessons-locked/subject/index.html b/lessons-locked/subject/index.html
deleted file mode 100644
index 1f53820..0000000
--- a/lessons-locked/subject/index.html
+++ /dev/null
@@ -1,65 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/style.css">
-    <link rel="icon" href="/assets/images/master.svg">
-    <title>Al Azhar 9th Grade Lesson Notes</title>
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/site.webmanifest">     
-    <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
-</head>
-<body>
-    <div class="fixed-top-btn-container" id="topbtn">
-        <a class="fixed-top-btn menu-btn" onclick="toggleNav()" href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
-        <a href="../" class="fixed-top-btn back-btn"><i class="fa-solid fa-chevron-left"></i></a>
-    </div>
-    <div id="console"></div>
-    <div id="sidebar">
-        <div>
-            <a href="/index.html">
-                <img src="/assets/images/master.svg" alt="" class="sidebar-logo">
-            </a>
-
-            <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        </div>
-
-        <div>
-            <a href="/about/author.html" class="sidebar-link link">About the Author</a>
-            <a href="/about/school.html" class="sidebar-link link">About School</a>
-            <a href="/lessons" class="sidebar-link link">Lessons</a>
-
-
-            <hr class="divider">
-            <div id="toc">
-                <h4>Table of Contents</h4>
-            </div>
-        </div>
-    </div>
-
-    <div class="banner-container" id="banner">
-        <div class="banner-bg" id="img-supplies"></div>
-        <div class="gradient-bg"></div>
-        <div class="banner-text-container">
-            <h1 class="banner-text" id="banner-txt">Subject Title</h1>
-            <h3 class="banner-text" id="banner-txt">Teacher</h3>
-        </div>
-    </div>
-
-    <div id="main">
-        <section>   
-            <p style="text-align: center; width: 100%;"><i class="fa-solid fa-file-circle-question"></i> Hm. It seems like there is nothing here yet.</p>
-
-            <h1 id="bab1">Chapter 1</h1>
-            <p><a href="chapter/note.html" class="link">Lesson 1: Note 1</a></p>
-        </section>
-    </div>
-    
-    <script src="/scripts/toc.js"></script>
-    <script src="/scripts/sidebar.js"></script>
-</body>
-</html>
-\ No newline at end of file
author	altaf-creator <athaalaa@gmail.com>	2023-09-25 20:18:57 +0700
committer	altaf-creator <athaalaa@gmail.com>	2023-09-25 20:18:57 +0700
commit	18670260285d25b14921a89fae60089da334c921 (patch)
tree	dbd0d0a17a7704e963504744e21a273b9c374b3b /lessons-locked
parent	7420ea9926c6cca698efa670d837a1cd753c4931 (diff)