1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 <meta name="csrf-token" content="nx2TNy6GlcRK335GbeO4nV2QEKUTxCR0bAVjVUvS"> 8 <meta name="description" content="Ayo login di henbuk dan temukan banyak buku yang menarik dan bagus untuk dibaca"> 9 <title>Login | Henbuk</title> 10 11 <!-- Bootstrap CSS --> 12 <link rel="stylesheet" href="https://henbuk.com/assets/v2/libs/bootstrap/css/bootstrap.min.css" /> 13 <link rel="stylesheet" href="https://henbuk.com/assets/v2/libs/sweetalert2/sweetalert2.min.css" /> 14 15 <!-- CSS --> 16 <link rel="stylesheet" href="https://henbuk.com/assets/v2/css/login-mitra.css" /> 17 18 <!-- Font Awesome --> 19 <link 20 rel="stylesheet" 21 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" 22 integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" 23 crossorigin="anonymous" 24 referrerpolicy="no-referrer" 25 /> 26 27 <style> 28 .hero-section { 29 min-height: 100vh; 30 } 31 .image-henbuk-horizontal { 32 margin-top: 0; 33 } 34 35 .section-divider { 36 display: flex; 37 align-items: center; 38 text-align: center; 39 color: #333; 40 font-weight: 600; 41 font-size: 16px; 42 } 43 44 .section-divider::before, 45 .section-divider::after { 46 content: ""; 47 flex: 1; 48 border-bottom: 1px solid #333; 49 margin: 0 10px; 50 } 51 52 53 </style> 54 55 56 <!-- PWA --> 57<meta name="theme-color" content="#ffffff" /> 58<link rel="apple-touch-icon" href="https://henbuk.com/assets/img/logo-henbuk-app.webp"> 59<link rel="manifest" href="https://henbuk.com/manifest.json?ver=2.26.2"> 60
61<script> 62 let deferredPrompt; 63 64 function isIosDevice() { 65 return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; 66 } 67 68 function isAppInstalled() { 69 return window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true; 70 } 71 72 function isChromeIos() { 73 return /CriOS/.test(navigator.userAgent); 74 } 75 76 function isAndroidDevice() { 77 return /Android/.test(navigator.userAgent); 78 } 79 80 window.addEventListener("beforeinstallprompt", (event) => { 81 event.preventDefault(); // Mencegah prompt muncul otomatis 82 deferredPrompt = event; // Simpan event untuk digunakan nanti 83 }); 84 85 // Pastikan tombol ada sebelum menambahkan event listener 86 document.addEventListener("DOMContentLoaded", () => { 87 const btnDownload = document.getElementById("btn-download-pwa"); 88 89 if (btnDownload) { 90 btnDownload.addEventListener("click", async () => { 91 if (deferredPrompt) { 92 deferredPrompt.prompt(); // Menampilkan pop-up install PWA 93 const { 94 outcome 95 } = await deferredPrompt.userChoice; // Menunggu respon user 96 deferredPrompt = null; // Reset event setelah digunakan 97 } else if (isAppInstalled()) { 98 alert("Aplikasi sudah terinstall di perangkat Anda."); 99 } else if (isIosDevice()) { 100 if (isChromeIos()) { 101 alert("Untuk mengunduh Henbuk sebagai Web App di Chrome iOS:\n\n1. Ketuk ikon 'Bagikan' di pojok kanan atas.\n2. Pilih 'Tambahkan ke Layar Utama'."); 102 } else { 103 alert("Untuk mengunduh Henbuk sebagai Web App di Safari:\n\n1. Ketuk ikon 'Bagikan' di bagian bawah.\n2. Pilih 'Tambahkan ke Layar Utama'."); 104 } 105 } else if (isAndroidDevice()) { 106 alert("Untuk mengunduh Henbuk sebagai Web App di Chrome Android:\n\n1. Ketuk ikon menu (tiga titik) di pojok kanan atas.\n2. Pilih 'Tambahkan ke Layar Utama'."); 107 } else { 108 alert("Terjadi kesalahan yang tidak diketahui."); 109 } 110 }); 111 } 112 }); 113</script>
113 114 115</head> 116<body> 117<div id="section-login"> 118 <div class="row"> 119 <div class="col-sm-6 col-lg-6 hero-image"> 120 <div class="image-login" style="background: url(https://henbuk.com/assets/v2/images/login/login-image-mitra.png); height: 100%; width: 100%; object-fit: cover;"> 121 <div class="top-left d-none d-sm-block">eBooks Marketplace terbaik di Indonesia</div> 122 </div> 123 </div> 124 <div class="col-sm-6 col-lg-6 hero-section"> 125 126 <div class="logo-section d-flex justify-content-center"> 127 <a href="https://henbuk.com"> 128 <img class="image-henbuk-horizontal" src="https://henbuk.com/assets/v2/images/logo/henbuk_horizontal.svg" width="200" height="150" alt="Henbuk Official" /> 129 </a> 130 </div> 131 132 <div class="row d-flex justify-content-center"> 133 <div class="col-sm-9 col-lg-9"> 134 <div class="heading-text"> 135 <h3 class="welcome-excerpt">Selamat Datang Kembali</h3> 136 <p class="welcome-slug pt-2">Hello bestie, silahkan untuk Login dulu!</p> 137 </div> 138 <div class="form-position"> 139 <form class="form-description" id="form-login" method="post"> 140 <div class="form-group-email form-email"> 141 <label class="label-style" for="exampleInputEmail">Email/Username</label> 142 <input type="text" name="email" class="form-control my-input name-input" id="email" placeholder="Masukan Email atau Username Anda" /> 143 </div> 144 <div class="form-group-text"> 145 <label class="label-style pt-3" for="exampleInputPassword">Password</label> 146 <div id="password-wrapper"> 147 <input id="password-field" type="password" class="form-control" name="password" placeholder="Masukkan password anda" /> 148 <span toggle="#password-field" class="fa fa-fw fa-eye field-icon toggle-password"></span> 149 </div> 150 </div> 151 <div class="form-group form-check pt-2"> 152 <input type="checkbox" class="form-check-input" id="remember" name="remember" /> 153 <label class="form-check-label label-style" for="remember-me">Ingat saya</label> 154 </div> 155 <div class="col"> 156 <a class="forget-password" href="https://henbuk.com/reset">Lupa password?</a> 157 </div> 158 <button id="button-login" type="submit" class="btn btn-outline-danger mt-2">Login</button> 159 160 <div class="section-divider my-3">Download Aplikasi</div> 161 <ul class="nav mb-3 justify-content-center justify-content-sm-center justify-content-lg-center" style="gap: 10px;"> 162 <a href="https://play.google.com/store/apps/details?id=henbuk.store" target="_blank" rel="nofollow"> 163 <img src="https://henbuk.com/assets/v2/images/logo/playstore.svg" width="180px" height="55px" alt=""> 164 </a> 165 <button type="button" class="btn shadow-none m-0 p-0" id="btn-download-pwa"> 166 <img src="https://henbuk.com/assets/v2/images/logo/appstore.svg" width="180px" height="53px" alt="" class="mb-3"> 167 </button> 168 </ul> 169 170 171 </form> 172 </div> 173 </div> 174 </div> 175 </div> 176 </div> 177</div> 178<input type="hidden" id="submit-url" value="https://henbuk.com/login/post">
179<input type="hidden" id="redirect-url" value="https://henbuk.com/dashboard"> 180<input type="hidden" id="asset-url" value="https://henbuk.com/"> 181 182<!-- jQuery Library -->
183<script src="https://henbuk.com/assets/v2/libs/bootstrap/js/jquery-3.6.1.min.js"></script>
183 184<!-- Bootstrap Bundle with Popper -->
185<script src="https://henbuk.com/assets/v2/libs/bootstrap/js/bootstrap.js"></script>
185 186<!--
186<script src="libs/bootstrap/js/popper.min.js"></script>
186 --> 187<!-- Latest compiled JavaScript -->
188<script src="https://henbuk.com/assets/v2/libs/bootstrap/js/bootstrap.bundle.js"></script>
188 189<!-- Assets --> 190<!-- JS Libraies -->
191<script src="https://henbuk.com/assets/v2/libs/sweetalert2/sweetalert2.all.min.js"></script>
191 192
193<script src="https://henbuk.com/assets/v2/js/validation.js"></script>
vendor: 1 bytes, line 193
193
194<script src="https://henbuk.com/assets/v2/js/helpers.js"></script>
vendor: 1 bytes, line 194
194
195<script src="https://henbuk.com/assets/v2/js/login.js"></script>
195 196</body> 197</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.