new branch! decided to revive this old project. lessons now support markdown, rebrand?

1 files changed, 7 insertions, 119 deletions

diff --git a/index.html b/index.html
index 9dc01cd..65c3265 100644
--- a/index.html
+++ b/index.html
@@ -26,8 +26,6 @@
             <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>
@@ -47,8 +45,8 @@
         <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">Al Azhar 9th Grade Lesson Notes</h1>
-            <h3 class="banner-text" id="banner-txt">A studying website</h3>
+            <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>
 
@@ -59,8 +57,7 @@
     <div id="main">
         <section>
             <h1 id="welcome">A Warm Welcome</h1>
-            <p>Welcome to the "(Unofficial) Al Azhar Lesson Summary for 9th Grade" website! This website is used for
-                notes taken by Altaf about the subjects. Choose a subuject below to start reading.</p>
+            <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>
@@ -72,119 +69,8 @@
             </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">
-                <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>Mathematics</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>Physics</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>Biology</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>Social Studies (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>Islamic Education (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>Arabic</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>Civics Education (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>Informatics (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>Music</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>Art</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>Sports</h2>
-                    </a>
-                    <p>Supatri, S.Pd</p>
-                </div>
+            <div class="card-container" id="subject-container">
+	    <!-- /scripts/lesson.js - loadSubjects(); -->
             </div>
             <h1 id="contributors">Credits & Contributors</h1>
             <div class="flex">
@@ -270,6 +156,8 @@
     </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>
 </body>