mpg-highway-api / index.html
aephidayatuloh
feat: add index.html as main landing page
af2c57a
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MPG Highway API - Kodatics</title>
<style>
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; text-align: center; padding: 50px; background: #f4f6f9; color: #333;}
.container { background: white; padding: 40px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); display: inline-block; max-width: 500px;}
h1 { color: #2c3e50; margin-bottom: 10px;}
.badge { background: #27ae60; color: white; padding: 6px 12px; border-radius: 50px; font-size: 14px; font-weight: bold;}
.btn { display: inline-block; margin-top: 20px; padding: 10px 20px; background: #3498db; color: white; text-decoration: none; border-radius: 5px; font-weight: bold; transition: 0.2s;}
.btn:hover { background: #2980b9; }
hr { border: 0; height: 1px; background: #eee; margin: 20px 0; }
small { color: #7f8c8d; }
</style>
</head>
<body>
<div class="container">
<h1>๐Ÿš€ MPG Highway API</h1>
<p><span class="badge">STATUS: ONLINE</span></p>
<p>REST API untuk prediksi efisiensi bahan bakar berbasis R Plumber & Docker.</p>
<hr>
<p>Gunakan tombol di bawah ini untuk mencoba endpoint secara interaktif:</p>
<a href="./__docs__/" class="btn" target="_blank">Buka Dokumentasi Swagger</a>
<div style="margin-top: 30px;">
<small>Dikelola oleh Aep Hidayatuloh @ Kodatics</small>
</div>
</div>
</body>
</html>