AleksanderWilliam/WebGIS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: menambah popup informasi pada ikon tentang aplikasi

Browse Source
This commit is contained in:
Aleksander William
2026-06-09 23:37:47 +07:00
parent 49a8d0e0d4
commit c6d8b34f56
3 changed files with 228 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebGISPovertyMap/index.php
+41 -1
View File
@@ -144,7 +144,7 @@ $isAdmin = isset($_SESSION['role']) && $_SESSION['role'] === 'admin';
</svg>
<div class="status-dot"></div>
</div>
<div class="tool-btn" title="Tentang Aplikasi">
<div class="tool-btn" id="about-btn" title="Tentang Aplikasi">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round"
d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
@@ -385,6 +385,46 @@ $isAdmin = isset($_SESSION['role']) && $_SESSION['role'] === 'admin';
});
</script>
<!-- Modal Tentang Aplikasi -->
<div id="about-modal" class="modal-overlay">
<div class="modal-content">
<div class="modal-header">
<h3>Tentang Aplikasi</h3>
<button class="modal-close-btn" id="about-close-btn" title="Tutup">&times;</button>
</div>
<div class="modal-body">
<div class="modal-logo">
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="48" height="48">
<path stroke-linecap="round" stroke-linejoin="round"
d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
</svg>
</div>
<h4 class="app-title">WebGIS Poverty Map</h4>
<p class="app-desc">Sistem Pemetaan Penduduk Miskin Kota Pontianak. Aplikasi ini dirancang untuk memetakan penyebaran penduduk miskin serta mempermudah analisis spasial sebaran bantuan sosial di sekitar fasilitas umum atau rumah ibadah secara dinamis.</p>
<div class="modal-divider"></div>
<div class="credits-section">
<div class="credit-row">
<span class="credit-label">Pengembang:</span>
<span class="credit-value">Aleksander William</span>
</div>
<div class="credit-row">
<span class="credit-label">NIM:</span>
<span class="credit-value">D1041231003</span>
</div>
<div class="credit-row">
<span class="credit-label">Versi Aplikasi:</span>
<span class="credit-value">v1.1.0</span>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-save" id="about-ok-btn">Selesai</button>
</div>
</div>
</div>
<script src="script.js"></script>
</body>