diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 295 |
1 files changed, 149 insertions, 146 deletions
@@ -2,163 +2,166 @@ <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="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> + <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="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 class="fixed-top-btn back-btn" style="color: var(--black-color-2);" disabled><i class="fa-solid fa-chevron-left"></i></a> - </div> + <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 class="fixed-top-btn back-btn" style="color: var(--black-color-2);" disabled><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> - </div> + <div id="console"></div> + <div id="sidebar"> + <div> + <a href="/"> + <img src="/assets/images/master.svg" alt="" class="sidebar-logo"> + </a> + </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> + <div> + <a href="/about/author.html" class="sidebar-link link" id="link-author">About the Author</a> + <a href="/about/school.html" class="sidebar-link link" id="link-school">About School</a> + <a href="/lessons" class="sidebar-link link" id="link-lessons">Lessons</a> - <hr class="divider"> - <div id="toc"> - <h4>Table of Contents</h4> - </div> - </div> - </div> + <hr class="divider"> + <div id="toc"> + <h4 id="toc-title">Table of Contents</h4> + </div> + </div> + </div> - <div class="banner-container" id="banner"> - <div class="banner-bg" id="img-alazhar"></div> - <div class="gradient-bg"></div> - <div class="banner-text-container"> - <h1 class="banner-text" id="banner-txt">Welcome to OpenLearning Centre!</h1> - <h3 class="banner-text" id="banner-txt">A studying website mainly for Al Azhar SMP students.</h3> - </div> - </div> + <div class="banner-container" id="banner"> + <div class="banner-bg" id="img-alazhar"></div> + <div class="gradient-bg"></div> + <div class="banner-text-container"> + <h1 class="banner-text" id="banner-txt">Welcome to OpenLearning Centre!</h1> + <h3 class="banner-text" id="banner-txt">A studying website mainly for Al Azhar SMP students.</h3> + </div> + </div> - <div class="top-chips-container" id="chip-container"> - <div><a href="indonesia.html" class="button"><i class="fa-solid fa-language"></i> View in Indonesia</a></div> - </div> + <div class="top-chips-container" id="chip-container"> + <div><a href="javascript:switchLangHref('/indonesia.html')" class="button" id="lang-switcher"><i class="fa-solid fa-language"></i> <span id="lang-switcher-text">Read in Indonesia</span></a></div> + </div> - <div id="main"> - <section> - <h1 id="welcome">A Warm Welcome</h1> - <p>Welcome to OpenLearning Centre! This is a website meant for middle school students (mainly Al Azhar) to study and / or an extra reference for studying. Choose a subuject below to start reading.</p> - <h1 id="github">Contributing and Source Code</h1> - <p> - If you want to contribute to the project or want to view the source code, it's all available at GitHub! <br> - If you want to suggest a new page, you can create it yourself using HTML, or create a new issue at GitHub. <a href="https://docs.github.com/en/issues/tracking-your-work-with-issues/creating-an-issue" class="link">Here's how to do it. <i class="fa-solid fa-arrow-up-right-from-square" style="font-size: 0.6em;"></i></a> - </p> - <p>Link: <a href="https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io" class="link"><i - class="fa-brands fa-github"></i> - https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io</a> - </p> - <h1 style="display: inline;" id="lessons">Lessons</h1> <a href="/lessons/"><span - style="margin-left: 10px;"><i class="fa-solid fa-arrow-up-right-from-square"></i></span></a> - <div class="card-container" id="subject-container"> - <!-- /scripts/lesson.js - loadSubjects(); --> - </div> - <h1 id="contributors">Credits & Contributors</h1> - <div class="flex"> - <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> - <div class="flex-element"> - <h2>Manager</h2> - <span>Athaalaa Altaf Hafidz</span> - <p> - <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> - </p> - </div> - </div> - <hr> - <div class="flex"> - <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> - <div class="flex-element"> - <h2>Writer</h2> - <span>Athaalaa Altaf Hafidz</span> - <p> - <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> - </p> - </div> - </div> - <hr> - <div class="flex"> - <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> - <div class="flex-element"> - <h2>Developer</h2> - <span>Athaalaa Altaf Hafidz</span> - <p> - <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> - </p> - </div> - </div> - <hr> - <div class="flex"> - <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> - <div class="flex-element"> - <h2>Designer</h2> - <span>Athaalaa Altaf Hafidz</span> - <p> - <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> - </p> - </div> - </div> - <hr> - <div class="flex"> - <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;"> - <div class="flex-element"> - <h2>Images</h2> - <p> - <a href="https://unsplash.com/" class="link"><i class="fa-solid fa-globe"></i> unsplash.com</a> • - <a href="https://smpia25.al-azhar.sch.id/" class="link"><i class="fa-solid fa-globe"></i> smpia25.al-azhar.sch.id</a> • - <a href="https://upload.wikimedia.org/wikipedia/commons/a/ad/Masjid_Agung_Al-Azhar_2021.jpg" class="link"><i class="fa-solid fa-globe"></i> upload.wikimedia.org</a> • <a href="https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io" class="link"><i class="fa-brands fa-github"></i> Please me help adding more forgotten asset attributions!</a> - </p> - </div> - </div> - <hr> - <div class="flex"> - <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;"> - <div class="flex-element"> - <h2>Assets & Open Source Softwares</h2> - <ul> - <li><a href="https://fontawesome.com/" class="link">https://fontawesome.com/</a> - for icons</li> - <li><a href="https://katex.org/" class="link">https://katex.org/</a> - for math renderer</li> - </ul> - </div> - </div> - <hr> - <div class="flex"> - <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;"> - <div class="flex-element"> - <h2>Special Thanks</h2> - <ul> - <li>Our teachers</li> - <li>My friends & family</li> - <li>And YOU!</li> - </ul> - </div> - </div> - <p class="align-center">Thank you for using this website!</p> - </section> - </div> + <div id="main"> + <section> + <h1 id="welcome">A Warm Welcome</h1> + <p>Welcome to OpenLearning Centre! This is a website meant for middle school students (mainly Al Azhar) to study and / or an extra reference for studying. Choose a subuject below to start reading.</p> + <h1 id="github">Contributing and Source Code</h1> + <p> + If you want to contribute to the project or want to view the source code, it's all available at GitHub! <br> + If you want to suggest a new page, you can create it yourself using HTML, or create a new issue at GitHub. <a href="https://docs.github.com/en/issues/tracking-your-work-with-issues/creating-an-issue" class="link">Here's how to do it. <i class="fa-solid fa-arrow-up-right-from-square" style="font-size: 0.6em;"></i></a> + </p> + <p>Link: <a href="https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io" class="link"><i + class="fa-brands fa-github"></i> + https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io</a> + </p> + <h1 style="display: inline;" id="lessons">Lessons</h1> <a href="/lessons/"><span + style="margin-left: 10px;"><i class="fa-solid fa-arrow-up-right-from-square"></i></span></a> + <div class="card-container" id="subject-container"> + <!-- /scripts/lesson.js - loadSubjects(); --> + </div> + <h1 id="contributors">Credits & Contributors</h1> + <div class="flex"> + <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Manager</h2> + <span>Athaalaa Altaf Hafidz</span> + <p> + <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Writer</h2> + <span>Athaalaa Altaf Hafidz</span> + <p> + <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Developer</h2> + <span>Athaalaa Altaf Hafidz</span> + <p> + <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/me.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Designer</h2> + <span>Athaalaa Altaf Hafidz</span> + <p> + <a href="" class="link"><i class="fa-solid fa-globe"></i> altaf-creator.github.io</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Images</h2> + <p> + <a href="https://unsplash.com/" class="link"><i class="fa-solid fa-globe"></i> unsplash.com</a> • + <a href="https://smpia25.al-azhar.sch.id/" class="link"><i class="fa-solid fa-globe"></i> smpia25.al-azhar.sch.id</a> • + <a href="https://upload.wikimedia.org/wikipedia/commons/a/ad/Masjid_Agung_Al-Azhar_2021.jpg" class="link"><i class="fa-solid fa-globe"></i> upload.wikimedia.org</a> • <a href="https://github.com/Al-Azhar-Notes/al-azhar-notes.github.io" class="link"><i class="fa-brands fa-github"></i> Please me help adding more forgotten asset attributions!</a> + </p> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Assets & Open Source Softwares</h2> + <ul> + <li><a href="https://fontawesome.com/" class="link">https://fontawesome.com/</a> - for icons</li> + <li><a href="https://katex.org/" class="link">https://katex.org/</a> - for math renderer</li> + </ul> + </div> + </div> + <hr> + <div class="flex"> + <img src="/assets/images/scenery_blur.png" alt="" class="circle flex-element" style="height: 180px;"> + <div class="flex-element"> + <h2>Special Thanks</h2> + <ul> + <li>Our teachers</li> + <li>My friends & family</li> + <li>And YOU!</li> + </ul> + </div> + </div> + <p class="align-center">Thank you for using this website!</p> + </section> + </div> - <script src="/scripts/toc.js"></script> - <script src="/scripts/lesson.js"></script> - <script src="/scripts/onload/list.js"></script> - <script src="/scripts/sidebar.js"></script> + <script src="/scripts/global.js"></script> + <script src="/scripts/globalElements.js"></script> + <script src="/scripts/localStorage.js"></script> + <script src="/scripts/toc.js"></script> + <script src="/scripts/lesson.js"></script> + <script src="/scripts/onload/list.js"></script> + <script src="/scripts/sidebar.js"></script> </body> </html> |