Redesign.

author: altaf-creator <athaalaa@gmail.com> 2023-08-05 20:35:51 +0700
committer: altaf-creator <athaalaa@gmail.com> 2023-08-05 20:35:51 +0700
commit: 1c75774c1920acb85f06cdf226d256d87ab510fa (patch)
tree: b203d1b3aa9cb0f9be6e5f15e713171e7ab501f6 /lessons/matematika
parent: 46d2deb8236b9217c3d574b3bd393556bd501ce9 (diff)
6 files changed, 213 insertions, 78 deletions
diff --git a/lessons/matematika/index.html b/lessons/matematika/index.html
index 7033a61..ad23110 100644
--- a/lessons/matematika/index.html
+++ b/lessons/matematika/index.html
@@ -14,36 +14,49 @@
     <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
 </head>
 <body>
-    <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" id="backbtn"><i class="fa-solid fa-chevron-left"></i></a>
+    <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">
-        <a href="/index.html">
-            <img src="/assets/images/master.png" alt="" class="sidebar-logo">
-        </a>
-        <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        <hr class="divider">
-        <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 style="height: 560px; overflow: hidden;">
+            <a href="/index.html">
+                <img src="/assets/images/master.png" 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 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">Materi 1: Exponent</a></p>
-            <p><a href="pangkat-akar/akar.html" class="link">Materi 2: Root</a></p>
-            <p><a href="pangkat-akar/latihan.html" class="link">Latihan 1</a></p>
+            <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>
         </section>
     </div>
     
diff --git a/lessons/matematika/locked.html b/lessons/matematika/locked.html
index 16e33f3..e0e1ef2 100644
--- a/lessons/matematika/locked.html
+++ b/lessons/matematika/locked.html
@@ -14,22 +14,30 @@
     <script src="https://kit.fontawesome.com/d279a1f519.js" crossorigin="anonymous"></script>
 </head>
 <body>
-    <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" id="backbtn"><i class="fa-solid fa-chevron-left"></i></a>
+    <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">
-        <a href="/index.html">
-            <img src="/assets/images/master.png" alt="" class="sidebar-logo">
-        </a>
-        <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        <hr class="divider">
-        <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 style="height: 560px; overflow: hidden;">
+            <a href="/index.html">
+                <img src="/assets/images/master.png" 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>
 
diff --git a/lessons/matematika/pangkat-akar/akar.html b/lessons/matematika/pangkat-akar/akar.html
index 03edb0a..ba63fcf 100644
--- a/lessons/matematika/pangkat-akar/akar.html
+++ b/lessons/matematika/pangkat-akar/akar.html
@@ -16,31 +16,46 @@
 </head>
 
 <body>
-    <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" id="backbtn"><i class="fa-solid fa-chevron-left"></i></a>
+    <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">
-        <a href="/index.html">
-            <img src="/assets/images/master.png" alt="" class="sidebar-logo">
-        </a>
-        <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        <hr class="divider">
-        <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>
+        <div style="height: 560px; overflow: hidden;">
+            <a href="/index.html">
+                <img src="/assets/images/master.png" 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>
+
+            <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">Bentuk Pangkat dan Akar: Root</h1>
+        <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">
+        <div class="chip"><span>✅ Verified</span></div>
+    </div>
+    
     <div id="main">
         <section>
             <h1 id="definition">Definition</h1>
diff --git a/lessons/matematika/pangkat-akar/latihan.html b/lessons/matematika/pangkat-akar/latihan.html
index 98d4301..1be3942 100644
--- a/lessons/matematika/pangkat-akar/latihan.html
+++ b/lessons/matematika/pangkat-akar/latihan.html
@@ -16,29 +16,44 @@
 </head>
 
 <body>
-    <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" id="backbtn"><i class="fa-solid fa-chevron-left"></i></a>
+    <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">
-        <a href="/index.html">
-            <img src="/assets/images/master.png" alt="" class="sidebar-logo">
-        </a>
-        <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        <hr class="divider">
-        <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>
+        <div style="height: 560px; overflow: hidden;">
+            <a href="/index.html">
+                <img src="/assets/images/master.png" 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>
+
+            <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">Bentuk Pangkat dan Akar: Latihan</h1>
+        <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">
+        <div class="chip"><span>❓ Unchecked</span></div>
     </div>
 
     <div id="main">
diff --git a/lessons/matematika/pangkat-akar/pangkat.html b/lessons/matematika/pangkat-akar/pangkat.html
index ba549d9..e7f6356 100644
--- a/lessons/matematika/pangkat-akar/pangkat.html
+++ b/lessons/matematika/pangkat-akar/pangkat.html
@@ -16,29 +16,44 @@
 </head>
 
 <body>
-    <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" id="backbtn"><i class="fa-solid fa-chevron-left"></i></a>
+    <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">
-        <a href="/index.html">
-            <img src="/assets/images/master.png" alt="" class="sidebar-logo">
-        </a>
-        <h3 id="title" class="align-center">Al Azhar 9th Grade Lesson Notes</h3>
-        <hr class="divider">
-        <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>
+        <div style="height: 560px; overflow: hidden;">
+            <a href="/index.html">
+                <img src="/assets/images/master.png" 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>
+
+            <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">Bentuk Pangkat dan Akar: Exponent</h1>
+        <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">
+        <div class="chip"><span>✅ Verified</span></div>
     </div>
 
     <div id="main">
diff --git a/lessons/matematika/pangkat-akar/scientific.html b/lessons/matematika/pangkat-akar/scientific.html
new file mode 100644
index 0000000..9a9e717
--- /dev/null
+++ b/lessons/matematika/pangkat-akar/scientific.html
@@ -0,0 +1,69 @@
+<!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.png">
+    <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 style="height: 560px; overflow: hidden;">
+            <a href="/index.html">
+                <img src="/assets/images/master.png" 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">
+        <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
author	altaf-creator <athaalaa@gmail.com>	2023-08-05 20:35:51 +0700
committer	altaf-creator <athaalaa@gmail.com>	2023-08-05 20:35:51 +0700
commit	1c75774c1920acb85f06cdf226d256d87ab510fa (patch)
tree	b203d1b3aa9cb0f9be6e5f15e713171e7ab501f6 /lessons/matematika
parent	46d2deb8236b9217c3d574b3bd393556bd501ce9 (diff)