feat: adjust list materi

Author: purwnt

src/_includes/landing.njk

@@ -620,6 +620,23 @@
         <span class="text-slate-400 font-medium md:mr-10 w-8">24.</span>
         <span class="text-[#306b96] font-medium group-hover:text-[#1d5883] transition-colors">Pengenalan Pengembangan Web</span>
       </a>
+      <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="menengah">
+        <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
+        <span class="text-slate-500 font-medium italic">Regular Expressions (RegEx) (coming soon)</span>
+      </div>
+      <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="menengah">
+        <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
+        <span class="text-slate-500 font-medium italic">Bekerja dengan JSON Data (coming soon)</span>
+      </div>
+      <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="menengah">
+        <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
+        <span class="text-slate-500 font-medium italic">Virtual Environments (venv) (coming soon)</span>
+      </div>
+      <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="menengah">
+        <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
+        <span class="text-slate-500 font-medium italic">Pip & Package Management (coming soon)</span>
+      </div>
+      <!-- Advanced -->
       <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="advanced">
         <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
         <span class="text-slate-500 font-medium italic">Decorators & Closures (coming soon)</span>
@@ -634,44 +651,68 @@
       </div>
       <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="advanced">
         <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
-        <span class="text-slate-500 font-medium italic">Metaprogramming (coming soon)</span>
+        <span class="text-slate-500 font-medium italic">Metaprogramming pada Python (coming soon)</span>
+      </div>
+      <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="advanced">
+        <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
+        <span class="text-slate-500 font-medium italic">Multithreading vs Multiprocessing (coming soon)</span>
+      </div>
+      <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="advanced">
+        <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
+        <span class="text-slate-500 font-medium italic">Asynchronous Programming (asyncio) (coming soon)</span>
       </div>
       <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="advanced">
         <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
-        <span class="text-slate-500 font-medium italic">Concurrency (coming soon)</span>
+        <span class="text-slate-500 font-medium italic">Python Design Patterns (coming soon)</span>
       </div>
       <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="advanced">
         <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
-        <span class="text-slate-500 font-medium italic">Asynchronous Programming (coming soon)</span>
+        <span class="text-slate-500 font-medium italic">Unit Testing & Mocking (coming soon)</span>
       </div>
       <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="advanced">
         <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
-        <span class="text-slate-500 font-medium italic">Memory Management (coming soon)</span>
+        <span class="text-slate-500 font-medium italic">Memory Management & Optimization (coming soon)</span>
       </div>
       <!-- Professional -->
       <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="professional">
         <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
-        <span class="text-slate-500 font-medium italic">Data Analytics (coming soon)</span>
+        <span class="text-slate-500 font-medium italic">Data Analytics dengan Pandas & NumPy (coming soon)</span>
+      </div>
+      <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="professional">
+        <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
+        <span class="text-slate-500 font-medium italic">Implementasi Machine Learning (coming soon)</span>
+      </div>
+      <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="professional">
+        <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
+        <span class="text-slate-500 font-medium italic">Deep Learning dengan TensorFlow/PyTorch (coming soon)</span>
+      </div>
+      <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="professional">
+        <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
+        <span class="text-slate-500 font-medium italic">Cybersecurity & Ethical Hacking (coming soon)</span>
+      </div>
+      <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="professional">
+        <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
+        <span class="text-slate-500 font-medium italic">Membuat RESTful APIs dengan FastAPI (coming soon)</span>
       </div>
       <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="professional">
         <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
-        <span class="text-slate-500 font-medium italic">Machine Learning (coming soon)</span>
+        <span class="text-slate-500 font-medium italic">Fullstack Web App dengan Django (coming soon)</span>
       </div>
       <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="professional">
         <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
-        <span class="text-slate-500 font-medium italic">Cybersecurity (coming soon)</span>
+        <span class="text-slate-500 font-medium italic">Microservices dengan Python (coming soon)</span>
       </div>
       <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="professional">
         <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
-        <span class="text-slate-500 font-medium italic">Fullstack Web Django (coming soon)</span>
+        <span class="text-slate-500 font-medium italic">Deploying Apps dengan Docker & K8s (coming soon)</span>
       </div>
       <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="professional">
         <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
-        <span class="text-slate-500 font-medium italic">REST API Flask (coming soon)</span>
+        <span class="text-slate-500 font-medium italic">DevOps & CI/CD untuk Python (coming soon)</span>
       </div>
       <div class="group flex items-center py-3 px-2 md:px-8 border-b border-slate-100 opacity-60" data-level="professional">
         <span class="text-slate-400 font-medium md:mr-10 w-8">--</span>
-        <span class="text-slate-500 font-medium italic">Fast MCP (coming soon)</span>
+        <span class="text-slate-500 font-medium italic">Model Context Protocol (MCP) dengan FastMCP (coming soon)</span>
       </div>
     </div>
   </div>