diff options
Diffstat (limited to 'lessons/subject')
| -rw-r--r-- | lessons/subject/chapter/note.html | 42 | ||||
| -rw-r--r-- | lessons/subject/index.html | 45 |
2 files changed, 58 insertions, 29 deletions
diff --git a/lessons/subject/chapter/note.html b/lessons/subject/chapter/note.html index 5a31626..a2d4057 100644 --- a/lessons/subject/chapter/note.html +++ b/lessons/subject/chapter/note.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> @@ -38,6 +46,12 @@ <h1 class="banner-text" id="banner-txt">Lesson 1: Bab 1 - Materi 1</h1> </div> + <div class="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> diff --git a/lessons/subject/index.html b/lessons/subject/index.html index bf24659..9cebc96 100644 --- a/lessons/subject/index.html +++ b/lessons/subject/index.html @@ -14,33 +14,48 @@ <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">Subject Title</h1> + <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> |