feat: adapt project structure for external hosting

index.html

@@ -443,7 +443,7 @@
     <div class="grid">
 
       <!-- PROJECT 1: Poverty Map -->
-      <a href="http://qk4k4swws4kcg4s4ko0o8g04.203.24.51.230.sslip.io/" target="_blank" class="card"
+      <a href="povertymap/" target="_blank" class="card"
         style="--accent: #4F46E5; --accent-bg: #EEF2FF;">
         <div class="card-icon-wrap">
           <!-- Hand holding heart / charity icon -->
@@ -472,7 +472,7 @@
       </a>
 
       <!-- PROJECT 2: SPBU Map -->
-      <a href="http://ggwccs0gwg0cw00w800sgw80.203.24.51.230.sslip.io/" target="_blank" class="card"
+      <a href="spbu/" target="_blank" class="card"
         style="--accent: #0D9488; --accent-bg: #F0FDF4;">
         <div class="card-icon-wrap">
           <!-- Gas pump icon -->
@@ -501,7 +501,7 @@
       </a>
 
       <!-- PROJECT 3: Parsil Jalan Laporan -->
-      <a href="http://is8s0kookkswgg0csc844w8k.203.24.51.230.sslip.io/" target="_blank" class="card"
+      <a href="parsil_jalan_jalanrusak/" target="_blank" class="card"
         style="--accent: #2563EB; --accent-bg: #EFF6FF;">
         <div class="card-icon-wrap">
           <!-- Road/infrastructure icon -->
@@ -529,7 +529,7 @@
       </a>
 
       <!-- PROJECT 4: Choropleth Map -->
-      <a href="http://oriakgw0uzrtnwfhm8rhsyb1.203.24.51.230.sslip.io" class="card"
+      <a href="choropleth/" class="card"
         style="--accent: #8B5CF6; --accent-bg: #F5F3FF;">
         <div class="card-icon-wrap">
           <!-- Users / Demographic icon -->