add silaras to git repo
This commit is contained in:
@@ -0,0 +1,164 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="id">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>SiLARAS 119</title>
|
||||
|
||||
<link rel="icon" href="https://raw.githubusercontent.com/ambulan119/inventarisambulans119/refs/heads/main/silarass2.ico">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
body{
|
||||
min-height:100vh;
|
||||
font-family:"Segoe UI",sans-serif;
|
||||
color:#fff;
|
||||
background:
|
||||
linear-gradient(rgba(2,6,23,.85), rgba(2,6,23,.95)),
|
||||
url("https://raw.githubusercontent.com/ambulan119/inventarisambulans119/refs/heads/main/silarasss.jpg")
|
||||
center/cover no-repeat fixed;
|
||||
}
|
||||
|
||||
.judul{text-align:center;margin-top:60px;}
|
||||
|
||||
.hero-logo{
|
||||
width:90px;border-radius:16px;padding:6px;
|
||||
background:rgba(255,255,255,.1);
|
||||
box-shadow:0 0 15px rgba(34,211,238,.5);
|
||||
}
|
||||
|
||||
.title-anim{
|
||||
font-size:clamp(2.5rem,6vw,4rem);
|
||||
font-weight:900;margin-top:15px;
|
||||
}
|
||||
|
||||
.text-119{color:#ff1e1e;}
|
||||
|
||||
.subtitle-anim{opacity:.8;}
|
||||
|
||||
.menu-card{
|
||||
border-radius:18px;padding:22px;text-align:center;
|
||||
cursor:pointer;transition:.3s;
|
||||
background:rgba(255,255,255,.06);
|
||||
border:1px solid rgba(255,255,255,.1);
|
||||
width:100%;height:100%;
|
||||
display:flex;flex-direction:column;
|
||||
justify-content:center;min-height:180px;
|
||||
}
|
||||
|
||||
.menu-card:hover{
|
||||
transform:translateY(-8px) scale(1.03);
|
||||
box-shadow:0 0 25px rgba(0,255,200,.4);
|
||||
}
|
||||
|
||||
.menu-icon{font-size:40px;margin-bottom:12px;}
|
||||
|
||||
.c1{color:#00d4ff;}
|
||||
.c2{color:#00ff9d;}
|
||||
.c3{color:#ffc107;}
|
||||
.c4{color:#ff6b6b;}
|
||||
.c5{color:#a29bfe;}
|
||||
.c6{color:#00e5ff;}
|
||||
|
||||
.row-menu{margin-top:50px;}
|
||||
|
||||
.footer{text-align:center;margin-top:60px;opacity:.6;font-size:13px;}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid p-3 d-flex justify-content-between align-items-center">
|
||||
<div class="text-white">
|
||||
Selamat datang,
|
||||
<strong><?= session('nama') ?></strong>
|
||||
<span class="badge bg-info ms-2">
|
||||
<?= strtoupper(session('role')) ?>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<a href="<?= base_url('logout') ?>" class="btn btn-danger">
|
||||
Logout
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- HERO -->
|
||||
<div class="container text-center judul">
|
||||
<img src="https://raw.githubusercontent.com/ambulan119/inventarisambulans119/refs/heads/main/silarass2.ico" class="hero-logo">
|
||||
<h1 class="title-anim">SiLARAS <span class="text-119">119</span></h1>
|
||||
<p class="subtitle-anim">Sistem Laporan Aktivitas Respon Ambulans 119</p>
|
||||
</div>
|
||||
|
||||
<!-- MENU -->
|
||||
<div class="container">
|
||||
<div class="row g-4 row-menu">
|
||||
|
||||
<div class="col-md-4 d-flex">
|
||||
<div class="menu-card" onclick="maintenance()">
|
||||
<div class="menu-icon c1">📋</div>
|
||||
<h5>Laporan Kepala Jaga</h5>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 d-flex">
|
||||
<div class="menu-card" onclick="maintenance()">
|
||||
<div class="menu-icon c2">🧾</div>
|
||||
<h5>E-Rekam Medik</h5>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 d-flex">
|
||||
<div class="menu-card" onclick="window.location.href='/pasien/aktif'">
|
||||
<div class="menu-icon c3">🚑</div>
|
||||
<h5>Data Pasien Aktif</h5>
|
||||
|
||||
<p><?= $total ?? 0 ?> pasien aktif</p>
|
||||
|
||||
<div>
|
||||
🚨 True Emergency: <?= $emergency ?? 0 ?><br>
|
||||
👤 Non Emergency: <?= $non ?? 0 ?><br>
|
||||
⏳ Pending Order: <?= $pending ?? 0 ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 d-flex">
|
||||
<div class="menu-card" onclick="goExternal('https://ambulan119.github.io/inventarisambulans119/')">
|
||||
<div class="menu-icon c4">📦</div>
|
||||
<h5>Inventaris Ambulans</h5>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 d-flex">
|
||||
<div class="menu-card" onclick="maintenance()">
|
||||
<div class="menu-icon c5">🎪</div>
|
||||
<h5>Siaga Event & Bencana</h5>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 d-flex">
|
||||
<div class="menu-card" onclick="maintenance()">
|
||||
<div class="menu-icon c6">🏃</div>
|
||||
<h5>Endurance Exercise</h5>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
© 2026 SiLARAS 119 | RSSA
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function goExternal(url){
|
||||
window.open(url, "_blank");
|
||||
}
|
||||
|
||||
function maintenance(){
|
||||
alert("Fitur masih dalam pengembangan 🚧");
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user