diff options
Diffstat (limited to 'subject')
| -rw-r--r-- | subject/index.html | 78 | ||||
| -rw-r--r-- | subject/lesson/index.html | 94 | ||||
| -rw-r--r-- | subject/quiz/index.html | 0 |
3 files changed, 172 insertions, 0 deletions
diff --git a/subject/index.html b/subject/index.html new file mode 100644 index 0000000..5441400 --- /dev/null +++ b/subject/index.html @@ -0,0 +1,78 @@ +<!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 onload="loadSubject(0);"> + <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="title-banner">Subject Title</h1> + <h3 class="banner-text" id="subtitle">funny splash text</h3> + </div> + </div> + + <div id="main"> + <section id="container"> + <h1 id="bab1">Chapter 1 - Chapter Title</h1> + <div class="button-group-container"> + <a class="button-grouped button-grouped-top" href=""> + <span class="button-char-icon">📚</span> + <span>Lesson 1: Lesson Title</span> + </a> + <a class="button-grouped" href=""> + <span class="button-char-icon"></span> + <span></span> + </a> + <a class="button-grouped button-grouped-bottom" href=""> + <span class="button-char-icon"></span> + <span></span> + </a> + </div> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/lesson.js"></script> + <script src="/scripts/onload/subject.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> +</html> diff --git a/subject/lesson/index.html b/subject/lesson/index.html new file mode 100644 index 0000000..9ca2b7b --- /dev/null +++ b/subject/lesson/index.html @@ -0,0 +1,94 @@ +<!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> + <script> + MathJax = { + tex: { + inlineMath: [['\\(', '\\)']] + } + }; + </script> + <script type="text/javascript" id="MathJax-script" async + src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"> + </script> + <script src="https://cdn.jsdelivr.net/npm/markdown-it@13.0.2/dist/markdown-it.min.js"></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="title-banner">Lesson Title</h1> + <h3 class="banner-text" id="subtitle">Chapter 1</h3> + </div> + </div> + + <div class="chip-container" id="chip-container"> + <div class="chip" id="chip-status"><span>0 = ?; 1 = ✅ Verified; 2 = X;</span></div> + <div class="chip" id="chip-author"><span>Written by Fulan bin Fulan</span></div> + <div class="chip" id="chip-grade"><span>Grade -2</span></div> + </div> + + <div id="main" style="margin-top: -20px;"> + <section id="container"> + <h1 id="parts-of-atom">Title</h1> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lorem ipsum, scelerisque vel molestie et, dictum vel urna. Vestibulum id scelerisque sapien. Sed tincidunt ultricies congue. Quisque aliquam lectus nulla, ut auctor dolor aliquam sit amet. Vestibulum interdum varius commodo. Donec finibus elit id lectus commodo, nec convallis enim faucibus. Vivamus nunc nibh, blandit in arcu in, facilisis tincidunt nisl. Sed sollicitudin vulputate fringilla. Vivamus mollis ipsum sed porta varius. Duis mollis condimentum lectus, ac pellentesque sapien volutpat sit amet. Curabitur sagittis est ac eros accumsan, vitae consectetur orci auctor.</p> + + <p>Vivamus \(c^2 = \sqrt{a^2 - b^2}\) scelerisque magna sit amet ante vulputate aliquet. Praesent pulvinar, libero eget egestas pretium, ligula dui tincidunt odio, vitae ultrices mi arcu eu purus. Nunc nec laoreet mi, sed sodales est. Nam porta sem eget sem condimentum vulputate. Fusce rhoncus aliquet mauris, a dapibus turpis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam tristique interdum mauris eget convallis. In convallis ultrices justo, ut efficitur sapien congue malesuada. Donec dignissim ante at feugiat suscipit. </p> + + <p>\( \dfrac{1}{2} = \dfrac{2}{4} \)</p> + + <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> + </section> + </div> + + <script src="/scripts/toc.js"></script> + <script src="/scripts/lesson.js"></script> + <script src="/scripts/onload/lesson.js"></script> + <script src="/scripts/sidebar.js"></script> +</body> + +</html> diff --git a/subject/quiz/index.html b/subject/quiz/index.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/subject/quiz/index.html |