1<!DOCTYPE html> 2<html lang="en"> 3 <!--begin::Head--> 4 <head> 5 <title>Dokumen IPKD | Kab Badung</title> 6<meta name="description" content="Dokumen IPKD"> 7 8<meta property="og:url" content="https://badungkab.go.id/kab/dokumen-ipkd" /> 9<meta property="og:type" content="website" /> 10<meta property="og:title" content="Dokumen IPKD" /> 11<meta property="og:description" content="Dokumen IPKD" /> 12<meta property="og:image" itemprop="image" content="https://badungkab.go.id/badung.png" /> 13 14 15 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 15-16
15 16 <script async src="https://www.googletagmanager.com/gtag/js?id=
16G-PDE339F4Y9
vendor: 14 bytes, lines 16-17
16"></script> 17
17<script> 18 window.dataLayer = window.dataLayer || []; 19 function gtag(){dataLayer.push(arguments);} 20 gtag('js', new Date()); 21 22 gtag('config', 'G-PDE339F4Y9', 'auto'); 23 </script>
23 24 25 <meta charset="UTF-8"> 26 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 27 <meta name="author" content=""> 28 <meta name="description" content="Website resmi pemerintah kabupaten Badung, Bali. Terdapat informasi daerah, pemerintahan, forum diskusi dan berita"> 29 <meta name="keyword" content="informasi, terkini, terlengkap, badung, bali, dewata, wisata, info, pemerintah, egov, egovernment,indonesia,bank data,berita daerah denpasar,directory,aspirasi, gis"> 30 <meta name="Diskominfo Badung" content=""> 31 <link rel="preconnect" href="https://fonts.gstatic.com"> 32 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 33 34 <title>Pemerintah Kabupaten Badung</title> 35 <!-- favicon --> 36 <link rel="apple-touch-icon" sizes="57x57" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/apple-icon-57x57.png"> 37 <link rel="apple-touch-icon" sizes="60x60" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/apple-icon-60x60.png"> 38 <link rel="apple-touch-icon" sizes="72x72" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/apple-icon-72x72.png"> 39 <link rel="apple-touch-icon" sizes="76x76" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/apple-icon-76x76.png"> 40 <link rel="apple-touch-icon" sizes="114x114" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/apple-icon-114x114.png"> 41 <link rel="apple-touch-icon" sizes="120x120" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/apple-icon-120x120.png"> 42 <link rel="apple-touch-icon" sizes="144x144" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/apple-icon-144x144.png"> 43 <link rel="apple-touch-icon" sizes="152x152" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/apple-icon-152x152.png"> 44 <link rel="apple-touch-icon" sizes="180x180" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/apple-icon-180x180.png"> 45 <link rel="icon" type="image/png" sizes="192x192" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/android-icon-192x192.png"> 46 <link rel="icon" type="image/png" sizes="32x32" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/favicon-32x32.png"> 47 <link rel="icon" type="image/png" sizes="96x96" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/favicon-96x96.png"> 48 <link rel="icon" type="image/png" sizes="16x16" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/favicon-16x16.png"> 49 <link rel="manifest" href="https://badungkab.go.id/theme/harmonigov/assets/images/favicon/manifest.json"> 50 <!-- Bootstrap core CSS --> 51 52 <link rel="stylesheet" href="https://badungkab.go.id/theme/harmonigov/assets/css/bootstrap.min.css"> 53 54 55 <!-- Additional CSS Files --> 56 <link rel="stylesheet" href="https://badungkab.go.id/theme/harmonigov/assets/css/fontawesome.css"> 57 <link rel="stylesheet" href="https://badungkab.go.id/theme/harmonigov/assets/css/template.css"> 58 <link rel="stylesheet" href="https://badungkab.go.id/theme/harmonigov/assets/css/animated.css"> 59 <link rel="stylesheet" href="https://badungkab.go.id/theme/harmonigov/assets/css/owl.css"> 60 <!-- style custom --> 61 <link rel="stylesheet" href="https://badungkab.go.id/theme/harmonigov/assets/css/style.custom.css"> 62 </head> <!--end::Head--> 63 <body id="content"> 64 <div style="overflow: hidden"> 65 <!-- ***** Preloader Start ***** --> 66 <!-- ***** Preloader Start ***** --> 67 68 <!-- ***** Preloader End ***** --> 69 <div id="js-preloader" class="js-preloader"> 70 <div class="preloader-inner"> 71 <div class="loader"></div> 72 </div> 73 </div> 74<!-- ***** Preloader End ***** --> 75<style> 76 .loader { 77 width: 48px; 78 height: 48px; 79 margin: auto; 80 position: relative; 81 } 82 83 .loader:before { 84 content: ''; 85 width: 48px; 86 height: 5px; 87 background: #f0808050; 88 position: absolute; 89 top: 60px; 90 left: 0; 91 border-radius: 50%; 92 animation: shadow324 0.5s linear infinite; 93 } 94 95 .loader:after { 96 content: ''; 97 width: 100%; 98 height: 100%; 99 background: #d80606; 100 position: absolute; 101 top: 0; 102 left: 0; 103 border-radius: 4px; 104 animation: jump7456 0.5s linear infinite; 105 } 106 107 @keyframes jump7456 { 108 15% { 109 border-bottom-right-radius: 3px; 110 } 111 112 25% { 113 transform: translateY(9px) rotate(22.5deg); 114 } 115 116 50% { 117 transform: translateY(18px) scale(1, .9) rotate(45deg); 118 border-bottom-right-radius: 40px; 119 } 120 121 75% { 122 transform: translateY(9px) rotate(67.5deg); 123 } 124 125 100% { 126 transform: translateY(0) rotate(90deg); 127 } 128 } 129 130 @keyframes shadow324 { 131 132 0%, 133 100% { 134 transform: scale(1, 1); 135 } 136 137 50% { 138 transform: scale(1.2, 1); 139 } 140 } 141</style> <!-- ***** Preloader End ***** --> 142 <!-- ***** Header Area Start ***** --> 143 <!-- ***** Header Area Start ***** --> 144 <header class="header-area header-sticky wow slideInDown" data-wow-duration="0.75s" data-wow-delay="0s"> 145 <div class="container"> 146 <div class="row"> 147 <div class="col-12"> 148 <nav class="main-nav"> 149 <!-- ***** Logo Start ***** --> 150 <a href="https://badungkab.go.id/kab" class="logo"> 151 <img src="https://badungkab.go.id/theme/harmonigov/assets/images/logo/logo.png" alt="Logo" onmouseover="return speach('Logo Pemerintah Kabupaten Badung',0)"> 152 </a>
153 <!-- ***** Logo End ***** --> 154 <!-- ***** Menu Start ***** --> 155 <ul class="nav"> 156 <li class="scroll-to-section"><a href="https://badungkab.go.id/kab" class="">beranda</a></li> 157 <li class="scroll-to-section nav-item dropdown"> 158 <a href="#" class="nav-link-item dropdown-toggle" data-bs-toggle="dropdown">profile</a> 159 <div class="dropdown-menu"> 160 <a class="dropdown-item" href="https://badungkab.go.id/kab/sejarah">Sejarah</a> 161 <a class="dropdown-item" href="https://badungkab.go.id/kab/visimisi">Visi dan Misi</a> 162 <a class="dropdown-item" href="https://badungkab.go.id/kab/profil-kepala-daerah">Profil Kepala Daerah</a> 163 <a class="dropdown-item" href="https://badungkab.go.id/kab/lhkpn-pimpinan">LHKPN Pimpinan</a> 164 <a class="dropdown-item" href="https://badungkab.go.id/kab/unggulan">Sektor Unggulan</a> 165 <a class="dropdown-item" href="https://badungkab.go.id/kab/skpd">Organisasi / SKPD</a> 166 <a class="dropdown-item" href="https://badungkab.go.id/kab/legislatif">Legislatif</a> 167 <a class="dropdown-item" href="https://badungkab.go.id/kab/bupati">Bupati dari Masa ke Masa</a> 168 <a class="dropdown-item" href="https://badungkab.go.id/kab/tradisional">Lembaga Tradisional</a> 169 <a class="dropdown-item" href="https://badungkab.go.id/kab/mangupura">Sejarah Mangupura</a> 170 <a class="dropdown-item" href="https://badungkab.go.id/kab/eksekutif">Eksekutif</a> 171 </div> 172 </li> 173 <li class="scroll-to-section"><a href="https://www.lapor.go.id" class="">lapor! sp4n</a></li> 174 <li class="scroll-to-section"><a href="https://bpkad.badungkab.go.id/beranda" class="">transparansi daerah</a></li> 175 <li class="scroll-to-section nav-item dropdown"> 176 <a href="#" class="nav-link-item dropdown-toggle" data-bs-toggle="dropdown">informasi</a> 177 <div class="dropdown-menu"> 178 <a class="dropdown-item" href="https://badungkab.go.id/kab/berita">Berita</a> 179 <a class="dropdown-item" href="https://badungkab.go.id/kab/artikel">Artikel</a> 180 <a class="dropdown-item" href="https://badungkab.go.id/kab/pengumuman">Pengumuman</a> 181 <a class="dropdown-item" href="https://badungkab.go.id/kab/unduh-dokumen">Unduh Dokumen</a> 182 <a class="dropdown-item" href="https://badungkab.go.id/kab/dokumen-ipkd">Dokumen IPKD</a> 183 <a class="dropdown-item" href="https://badungkab.go.id/kab/agenda-211007113825">Agenda</a> 184 <a class="dropdown-item" href="https://stageof-bali.bmkg.go.id/infoMKG/Wilayah/kotkab/Badung">BMKG Stasiun Geofisika Denpasar</a> 185 </div> 186 </li> 187 <li class="scroll-to-section"><a href="http://jdih.badungkab.go.id/" class="">produk hukum</a></li> 188 <li class="scroll-to-section nav-item dropdown"> 189 <a href="#" class="nav-link-item dropdown-toggle" data-bs-toggle="dropdown">galeri</a> 190 <div class="dropdown-menu"> 191 <a class="dropdown-item" href="/kab/video">Video</a> 192 <a class="dropdown-item" href="/kab/foto">Foto</a> 193 </div> 194 </li> 195 <li class="scroll-to-section nav-item dropdown"> 196 <a href="#" class="nav-link-item dropdown-toggle" data-bs-toggle="dropdown">kpk</a> 197 <div class="dropdown-menu"> 198 <a class="dropdown-item" href="https://www.kpk.go.id/id/">KPK</a> 199 <a class="dropdown-item" href="https://elhkpn.kpk.go.id/portal/user/pengumuman_lhkpn/VEhoSEsxcEJVRGxLYVhsSk5XMUxNMVJ4UWpGVFdqVXdMMmhhZW5WVVIwODNORmQwZVhaNk16Rk9VMDlCZWtOS1dHUklLelJOT1V0bk5XbHdWSEpUZGc9PQ==">LHKPN</a> 200 </div> 201 </li> 202 <li class="scroll-to-section"><a href="https://badungkab.go.id/kab/statistik" class="">statistik</a></li> 203 <!-- ***** 204 <li class="scroll-to-section"> 205 <button class="btn btn-danger navbar-btn voice-button" id="set_voice" style="display: none"> 206
207 <span id="voice_icon"><i class="fa fa-volume-up" aria-hidden="true"></i> 208 </button> 209 <style> 210 .voice-button { 211 background-color: #dc3545; 212 color: #fff; 213 border: none; 214 border-radius: 5px; 215 transition: all 0.2s ease-in-out; 216 /* display: flex; */ 217 align-items: center; 218 justify-content: center; 219 position: relative; 220 padding: 4px 8px 4px 8px!important; 221 } 222 223 .play-icon { 224 width: 24px; 225 height: 24px; 226 fill: #fff; 227 margin-right: 10px; 228 } 229 .voice-button:hover { 230 background-color: #2f3640; 231 color: #ff7979; 232 box-shadow: 2px 2px 20px #2f3640; 233 } 234 </style> 235 </li> ***** --> 236 </ul> 237 <a class="menu-trigger"> 238 <span>Menu</span> 239 </a> 240 241 <!-- ***** Menu End ***** --> 242 </nav> 243 244 </div> 245 </div> 246 </div> 247 </header> 248 <!-- ***** Header Area End ***** --> <!-- ***** Header Area End ***** --> 249 <div class="main-banner wow fadeIn" id="top" data-wow-duration="1s" data-wow-delay="0.5s"> 250 <div class="left-content header-text wow fadeInLeft" data-wow-duration="1s" data-wow-delay="1s"> 251 </div> 252</div> 253 <!-- ***** Header Area End ***** --> 254 <div id="content" class="page-content section"> 255 <div class="container"> 256 <div class="row"> 257 <div class="col-lg-6 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.25s"> 258 <div class="section-heading" style="margin-bottom: 50px;"> 259 <h2 style="color: #f2163e;" class="speech-title">Dokumen IPKD</h2> 260 </div> 261 </div> 262 </div> 263 <div class="row"> 264 <div class="col-lg-8 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.25s"> 265 <div class="right-list"> 266 <span class="speech-content"><h1>1. <a href="https://badungkab.go.id/kab/dokumen-ipkd-2021">IPKD Tahun 2021</a></h1> 267 268<h1>2. <a href="https://badungkab.go.id/kab/dokumen-ipkd-2022">IPKD Tahun 2022</a></h1> 269 270<h1>3. <a href="https://badungkab.go.id/kab/dokumen-ipkd-2023">IPKD Tahun 2023</a></h1> 271 272<h1>4. <a href="https://badungkab.go.id/kab/dokumen-ipkd-2024">IPKD Tahun 2024</a></h1> 273 274<h1>5. <a href="https://badungkab.go.id/kab/dokumen-ipkd-2025">IPKD Tahun 2025</a></h1> 275 276<p> </p> 277 278<p> </p> 279 280<p> </p></span> 281 </div> 282 </div> 283 <style> 284 .post-cat{ 285 padding-bottom: 1px; 286 padding-top: 1px; 287 padding-right: 7px; 288 padding-left: 7px; 289 margin-right: 10px; 290 font-weight: 400; 291 color: #fff!important; 292 background-color: #2C65E1; 293 border-radius: 3px; 294 font-size: 11px!important; 295 } 296 .info-title{ 297 font-weight: 500; 298 } 299 .position-relative { 300 position: relative!important; 301 } 302 .widget-header-left h4 { 303 border-bottom: 1px solid #dae0e5; 304 padding-bottom: 10px; 305 position: relative; 306 } 307 .widget-header-left h4::after { 308 content: ""; 309 background: #f2163e; 310 height: 4px; 311 width: 70px; 312 position: absolute; 313 bottom: 0; 314 left: 0; 315 border-radius: 5px; 316 } 317 .mb-30 { 318 margin-bottom: 30px!important; 319 } 320</style> 321<div class="col-lg-4 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.25s"> 322 <div class="right-list left-list box-left"> 323 <div class="left-content align-self-center position-relative widget-header-left mb-30"> 324 <h4 class="mt-5 mb-30"><img src="https://badungkab.go.id/theme/harmonigov/assets/images/icon/text-to-speech.png" style="width: 40px;height:40px"> Berita Terkini</h4> 325 </div> 326 <div class="box-content column"> 327 328 329 <a href="https://badungkab.go.id/kab/berita/75363-badung-tetapkan-raperda-perubahan-apbd-2026"> 330 <div class="info news"> 331 <div class="banner-img"> 332 <div class="info-img"> 333 <img src="https://badungkab.go.id/storage/kab/image/tetapkan-raperda-2-20260923141304-vCWwN.jpeg"> 334 </div> 335 </div> 336 <div class="info-content">
337 <span class="post-cat text-primary">I NYOMAN GEDE ARDI YANA PUTRA, S.KOM</span> 338 <h4 class="info-title" title="Badung Tetapkan Raperda Perubahan APBD 2026">Badung Tetapkan Raperda Perubahan APBD 2026...</h4> 339 <div class="info-attribute d-flex"> 340 <ul class="list-inline small"> 341 <li> 342 <span>1 hari yang lalu</span> 343 </li> 344 </ul> 345 </div> 346 </div> 347 </div> 348 </a> 349 350 <a href="https://badungkab.go.id/kab/berita/75361-gandeng-its-surabaya-pemkab-badung-rilis-amdk-botol-kaca-baliss-ramah-lingkungan"> 351 <div class="info news"> 352 <div class="banner-img"> 353 <div class="info-img"> 354 <img src="https://badungkab.go.id/storage/kab/image/baliss-7-20260923132836-K65IG.jpeg"> 355 </div> 356 </div> 357 <div class="info-content"> 358 <span class="post-cat text-primary">I NYOMAN GEDE ARDI YANA PUTRA, S.KOM</span> 359 <h4 class="info-title" title="Gandeng ITS Surabaya, Pemkab Badung Rilis AMDK Botol Kaca Baliss Ramah Lingkungan">Gandeng ITS Surabaya, Pemkab Badung Rilis AMDK Bot...</h4> 360 <div class="info-attribute d-flex"> 361 <ul class="list-inline small"> 362 <li> 363 <span>1 hari yang lalu</span> 364 </li> 365 </ul> 366 </div> 367 </div> 368 </div> 369 </a> 370 371 <a href="https://badungkab.go.id/kab/berita/75360-perkuat-layanan-terpadu-bunda-paud-badung-buka-bimtek-pemenuhan-8-indikator-paud-hi"> 372 <div class="info news"> 373 <div class="banner-img"> 374 <div class="info-img"> 375 <img src="https://badungkab.go.id/storage/kab/image/bimtek-paud-hi-1-20260923132711-g8VwP.jpeg"> 376 </div> 377 </div> 378 <div class="info-content"> 379 <span class="post-cat text-primary">I NYOMAN GEDE ARDI YANA PUTRA, S.KOM</span> 380 <h4 class="info-title" title="Perkuat Layanan Terpadu, Bunda PAUD Badung Buka Bimtek Pemenuhan 8 Indikator PAUD HI">Perkuat Layanan Terpadu, Bunda PAUD Badung Buka Bi...</h4> 381 <div class="info-attribute d-flex"> 382 <ul class="list-inline small"> 383 <li> 384 <span>1 hari yang lalu</span> 385 </li> 386 </ul> 387 </div> 388 </div> 389 </div> 390 </a> 391 392 <a href="https://badungkab.go.id/kab/berita/75359-langkah-strategis-mempercepat-infrastruktur-bupati-adi-arnawa-matangkan-pinjaman-daerah-bersama-3-kementerian"> 393 <div class="info news"> 394 <div class="banner-img"> 395 <div class="info-img"> 396 <img src="https://badungkab.go.id/storage/kab/image/rapat-koordinasi-virtual-5-20260923132612-xwa4j.jpeg"> 397 </div> 398 </div> 399 <div class="info-content"> 400 <span class="post-cat text-primary">I NYOMAN GEDE ARDI YANA PUTRA, S.KOM</span> 401 <h4 class="info-title" title="Langkah Strategis Mempercepat Infrastruktur Bupati Adi Arnawa Matangkan Pinjaman Daerah Bersama 3 Kementerian">Langkah Strategis Mempercepat Infrastruktur Bupat...</h4> 402 <div class="info-attribute d-flex"> 403 <ul class="list-inline small"> 404 <li>
405 <span>1 hari yang lalu</span> 406 </li> 407 </ul> 408 </div> 409 </div> 410 </div> 411 </a> 412 413 <a href="https://badungkab.go.id/kab/berita/75358-wabup-bagus-alit-sucipta-ikuti-prosesi-ngetus-ida-betara-tapakan-di-pura-dalem-korya"> 414 <div class="info news"> 415 <div class="banner-img"> 416 <div class="info-img"> 417 <img src="https://badungkab.go.id/storage/kab/image/pura-dalem-korya-2-20260923132510-BVnml.jpeg"> 418 </div> 419 </div> 420 <div class="info-content"> 421 <span class="post-cat text-primary">I NYOMAN GEDE ARDI YANA PUTRA, S.KOM</span> 422 <h4 class="info-title" title="Wabup Bagus Alit Sucipta Ikuti Prosesi Ngetus Ida Betara Tapakan di Pura Dalem Korya">Wabup Bagus Alit Sucipta Ikuti Prosesi Ngetus Ida ...</h4> 423 <div class="info-attribute d-flex"> 424 <ul class="list-inline small"> 425 <li> 426 <span>1 hari yang lalu</span> 427 </li> 428 </ul> 429 </div> 430 </div> 431 </div> 432 </a> 433 </div> 434 </div> 435 <div class="right-list left-list box-left" style="margin-top: 30px;"> 436 <div class="left-content align-self-center position-relative widget-header-left mb-30"> 437 <h4 class="mt-5 mb-30"><img src="https://badungkab.go.id/theme/harmonigov/assets/images/icon/megaphone.png" style="width: 40px;height:40px"> Pengumuman</h4> 438 </div> 439 <ul> 440 <li> 441 <div class="left-content align-self-center"> 442 <span><a href="https://badungkab.go.id/kab/pengumuman/68671-persyaratan-kelengkapan-administrasi-dan-tahapan-seleksi-dewas-perusahaan-umum-daerah-air-minum-tirta-mangutama-kabupaten-badung"><h4>PERSYARATAN, KELENGKAPAN ADMINISTRASI DAN TAHAPAN SELEKSI DEWAS PERUSAHAAN UMUM DAERAH AIR MINUM TIRTA MANGUTAMA KABUPATEN BADUNG</h4></a> 443 <span>Selasa, 20 Januari 2026 15:27 WITA</span> 444 </div> 445 </li> 446 <li> 447 <div class="left-content align-self-center"> 448 <span><a href="https://badungkab.go.id/kab/pengumuman/68666-persyaratan-kelengkapan-administrasi-dan-tahapan-seleksi-direksi-umum-perusahaan-umum-daerah-air-minum-tirta-mangutama-kabupaten-badung"><h4>PERSYARATAN, KELENGKAPAN ADMINISTRASI DAN TAHAPAN SELEKSI DIREKSI UMUM PERUSAHAAN UMUM DAERAH AIR MINUM TIRTA MANGUTAMA KABUPATEN BADUNG</h4></a> 449 <span>Selasa, 20 Januari 2026 14:41 WITA</span> 450 </div> 451 </li> 452 <li> 453 <div class="left-content align-self-center"> 454 <span><a href="https://badungkab.go.id/kab/pengumuman/67603-open-recruitmen-dewas-perumda-pasar-dan-pangan-mangu-giri-sedana-kabupaten-badung"><h4>Open Recruitment DEWAS Perumda Pasar dan Pangan Mangu Giri Sedana Kabupaten Badung</h4></a> 455 <span>Kamis, 27 November 2025 13:09 WITA</span> 456 </div> 457 </li> 458 <li> 459 <div class="left-content align-self-center"> 460 <span><a href="https://badungkab.go.id/kab/pengumuman/67601-open-recruitmen-direksi-perumda-pasar-dan-pangan-mangu-giri-sedana-kabupaten-badung"><h4>Open Recruitment DIREKSI Perumda Pasar dan Pangan Mangu Giri Sedana Kabupaten Badung</h4></a> 461 <span>Kamis, 27 November 2025 13:02 WITA</span> 462 </div> 463 </li> 464 <li> 465 <div class="left-content align-self-center">
466 <span><a href="https://badungkab.go.id/kab/pengumuman/54947-hasil-seleksi-penetapan-hasil-ujian-kelayakan-dan-kepatutan-seleksi-direksi-perusahaan-umum-daerah-pasar-dan-pangan-mangu-giri-sedana-kabupaten-badung"><h4>HASIL SELEKSI PENETAPAN HASIL UJIAN KELAYAKAN DAN KEPATUTAN SELEKSI DIREKSI PERUSAHAAN UMUM DAERAH PASAR DAN PANGAN MANGU GIRI SEDANA KABUPATEN BADUNG</h4></a> 467 <span>Jumat, 26 Januari 2024 14:43 WITA</span> 468 </div> 469 </li> 470 471 </ul> 472 </div> 473 </div> </div> 474 </div> 475 </div> 476 477 <!-- ***** footer ***** --> 478 <style> 479 .survey-section{ 480 background: #fc3540!important; 481 } 482 .btn-instagram { 483 background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 484 } 485 .position-relative { 486 position: relative!important; 487 } 488 .widget-header h2 { 489 border-bottom: 1px solid #dae0e5; 490 padding-bottom: 10px; 491 position: relative; 492 font-size: 23px; 493 } 494 .widget-header h2::after { 495 content: ""; 496 background: #faf5f6; 497 height: 4px; 498 width: 70px; 499 position: absolute; 500 bottom: 0; 501 left: 0; 502 border-radius: 5px; 503 } 504 .mb-30 { 505 margin-bottom: 30px!important; 506 } 507</style> 508<div id="contact" class="contact-us section" style="margin-top: 0px!important"> 509 <div class="container"> 510 <div class="row"> 511 <style> 512 /* footer survei */ 513.survey-section{ 514 background: transparent; 515 padding: 0; 516} 517 518.survey-card{ 519 520 background:linear-gradient(135deg,#0f4c81,#1976d2); 521 522 border-radius:20px; 523 524 padding:40px; 525 526 color:#fff; 527 528 box-shadow:0 15px 35px rgba(0,0,0,.15); 529 530 overflow:hidden; 531 532 position:relative; 533} 534 535.survey-card::before{ 536 537 content:''; 538 539 position:absolute; 540 541 right:-70px; 542 543 top:-70px; 544 545 width:220px; 546 547 height:220px; 548 549 background:rgba(255,255,255,.08); 550 551 border-radius:50%; 552} 553 554.survey-content{ 555 556 display:flex; 557 558 align-items:center; 559 560 gap:25px; 561} 562 563.survey-icon{ 564 565 width:90px; 566 567 height:90px; 568 569 background:rgba(255,255,255,.18); 570 571 border-radius:50%; 572 573 display:flex; 574 575 align-items:center; 576 577 justify-content:center; 578 579 font-size:42px; 580 581 flex-shrink:0; 582} 583 584.survey-content h3{ 585 586 color:#fff; 587 588 margin-bottom:12px; 589 590 font-weight:700; 591} 592 593.survey-content p{ 594 595 color:rgba(255,255,255,.95); 596 597 margin-bottom:15px; 598 599 line-height:1.8; 600} 601 602.survey-rating{ 603 604 font-size:22px; 605} 606 607.survey-rating span{ 608 609 display:block; 610 611 font-size:14px; 612 613 margin-top:6px; 614 615 color:rgba(255,255,255,.9); 616} 617 618.btn-survey{ 619 620 display:inline-flex; 621 622 align-items:center; 623 624 gap:10px; 625 626 background:#fff; 627 628 color:#0f4c81; 629 630 padding:15px 34px; 631 632 border-radius:50px; 633 634 font-weight:700; 635 636 font-size:17px; 637 638 transition:.3s; 639 640 text-decoration:none; 641 642 box-shadow:0 10px 25px rgba(0,0,0,.2); 643} 644 645.btn-survey:hover{ 646 647 transform:translateY(-4px); 648 649 background:#FFD54F; 650 651 color:#333; 652} 653 654@media(max-width:768px){ 655 656 .survey-content{ 657 658 flex-direction:column; 659 660 text-align:center; 661 } 662 663 .survey-card{ 664 665 padding:30px; 666 } 667 668} 669</style> 670 671<section class="survey-section wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.8s"> 672 <div class="container"> 673 <div class="survey-card"> 674 <div class="row align-items-center"> 675 676 <div class="col-lg-8"> 677 <div class="survey-content"> 678 <div class="survey-icon"> 679 <img src="https://badungkab.go.id/theme/feedback.png" alt="Survei Icon" class="img-fluid" style="max-width: 50px; height: auto;"> 680 </div> 681 682 <div> 683 <h3>Bagaimana Pengalaman Anda?</h3> 684 685 <p> 686 Pendapat Anda sangat berarti bagi kami. 687 Mari berpartisipasi dalam 688 <strong>Survei Kepuasan Layanan Website Pemerintah</strong> 689 untuk membantu meningkatkan kualitas pelayanan 690 Pemerintah Kabupaten Badung. 691 </p> 692 </div> 693 </div> 694 </div> 695 696 <div class="col-lg-4 text-center text-lg-end mt-4 mt-lg-0"> 697 <a href="https://kabbadu.ng/survei-web-badung" 698 class="btn-survey" 699 target="_blank"> 700 <svg xmlns="http://www.w3.org/2000/svg" 701 width="22" 702 height="22"
703 viewBox="0 0 24 24" 704 fill="none" 705 stroke="currentColor" 706 stroke-width="2" 707 stroke-linecap="round" 708 stroke-linejoin="round"> 709 <path d="M12 20h9"/> 710 <path d="M16.5 3.5a2.12 2.12 0 1 1 3 3L7 19l-4 1 1-4 12.5-12.5z"/> 711 </svg> 712 Isi Survei 713 </a> 714 715 </div> 716 717 </div> 718 </div> 719 </div> 720</section> 721 </div> 722 <div class="row"> 723 <div class="col-lg-3 col-md-6"> 724 <div class="align-self-center wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay="0.25s"> 725 <div class="section-heading widget-header position-relative mb-30"> 726 <h2 class="mt-5 mb-30">TENTANG</h2> 727 <p> 728 <strong class="color-black">Pemerintah Kabupaten Badung</strong> 729 </p> 730 <p style="margin-bottom: 1.35em;">Ini adalah website resmi Pemerintah Kabupaten Badung, Bali, Indonesia.</p> 731 <p style="margin-bottom: 1.35em;"> 732 <strong class="color-black">Alamat</strong><br> 733 Jl. Raya Sempidi, Mangupura, Badung, Bali. 734 </p> 735 <p style="margin-bottom: 1.35em;"> 736 <strong class="color-black">Media Sosial</strong> 737 </p> 738 <div class="phone-info" style="margin-top: 0px!important;"> 739 <div class="social-links"> 740 <a href="https://www.facebook.com/pemkabbadung" target="_blank"> 741 <div id="" class="social-btn flex-center"> 742 <img src="https://badungkab.go.id/storage/kab/image/social_15707737.png" alt="Icon Media Sosial" style="max-width: 32px !important; height: 32px !important;margin-bottom: 0!important"><span>Pemerintah Kabupaten Badung</span> 743 </div> 744 </a> 745 <a href="https://x.com/PemkabBadung" target="_blank"> 746 <div id="" class="social-btn flex-center"> 747 <img src="https://badungkab.go.id/storage/kab/image/twitter_5968958.png" alt="Icon Media Sosial" style="max-width: 32px !important; height: 32px !important;margin-bottom: 0!important"><span>Pemkab Badung</span> 748 </div> 749 </a> 750 <a href="https://www.instagram.com/pemkabbadung" target="_blank"> 751 <div id="" class="social-btn flex-center"> 752 <img src="https://badungkab.go.id/storage/kab/image/instagram_2626270.png" alt="Icon Media Sosial" style="max-width: 32px !important; height: 32px !important;margin-bottom: 0!important"><span>pemkabbadung</span> 753 </div> 754 </a> 755 <a href="https://www.youtube.com/@PemkabBadungBali" target="_blank"> 756 <div id="" class="social-btn flex-center"> 757 <img src="https://badungkab.go.id/storage/kab/image/video_12942219.png" alt="Icon Media Sosial" style="max-width: 32px !important; height: 32px !important;margin-bottom: 0!important"><span>Pemkab Badung</span> 758 </div> 759 </a> 760 <a href="https://www.tiktok.com/@pemkabbadung" target="_blank"> 761 <div id="" class="social-btn flex-center"> 762 <img src="https://badungkab.go.id/storage/kab/image/tik-tok_3046121.png" alt="Icon Media Sosial" style="max-width: 32px !important; height: 32px !important;margin-bottom: 0!important"><span>pemkabbadung</span> 763 </div> 764 </a> 765 </div> 766 <style> 767 @media only screen and (max-width: 600px) { 768 .social-links,.flex-center { 769 justify-content: center!important; 770 } 771 } 772 .social-links,.flex-center { 773 display: flex; 774 justify-content: left; 775 align-items: center; 776 } 777 .social-btn { 778 cursor: pointer; 779 height: 48px; 780 width: 48px; 781 color: #333; 782 border-radius: 10px; 783 box-shadow: 0px 10px 10px rgba(0,0,0,0.1); 784 background: white; 785 margin: 0 5px 5px 0; 786 transition: 0.3s; 787 justify-content: center; 788 } 789 .social-btn svg { 790 height: 28px; 791 width: 28px; 792 } 793 .social-btn span { 794 width: 0px; 795 overflow: hidden; 796 transition: 0.3s; 797 text-align: center; 798 font-size: 13px; 799 } 800 .social-btn:hover { 801 width: 170px; 802 border-radius: 5px; 803 } 804 805 .social-btn:hover span { 806 padding: 2px; 807 width: 100px; 808 line-height: 1; 809 } 810 #twitter svg { 811 fill: #1da1f2; 812 } 813 814 #linkedin svg { 815 fill: #0e76a8; 816 } 817 818 #github { 819 fill: #333; 820 } 821 822 </style> 823 </div> 824 </div> 825 </div> 826 </div> 827 <div class="col-lg-3 col-md-6"> 828 <div class="align-self-center wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay="0.25s"> 829 <div class="section-heading widget-header position-relative mb-30"> 830 <h2 class="mt-5 mb-30">INFORMASI</h2> 831 <ul> 832 <li><a href="https://badungkab.go.id/kab/berita"><p>Berita</p></a></li> 833 <li><a href="https://badungkab.go.id/kab/artikel"><p>Artikel</p></a></li> 834 <li><a href="https://badungkab.go.id/kab/pengumuman"><p>Pengumuman</p></a></li> 835 <li><a href="https://badungkab.go.id/kab/unduh-dokumen"><p>Unduh Dokumen</p></a></li> 836 <li><a href="https://badungkab.go.id/kab/dokumen-ipkd"><p>Dokumen IPKD</p></a></li> 837 <li><a href="https://badungkab.go.id/kab/agenda-211007113825"><p>
837Agenda</p></a></li> 838 <li><a href="https://stageof-bali.bmkg.go.id/infoMKG/Wilayah/kotkab/Badung"><p>BMKG Stasiun Geofisika Denpasar</p></a></li> 839 </ul> 840 </div> 841 </div> 842 </div> 843 <div class="col-lg-3 col-md-6"> 844 <div class="align-self-center wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay="0.25s"> 845 <div class="section-heading widget-header position-relative mb-30"> 846 <h2 class="mt-5 mb-30">KONTAK KAMI</h2> 847 <ul> 848 <li><p><i class="fa fa-map-marker fa-lg" aria-hidden="true"></i> Jl. Raya Sempidi, Mangupura, Badung, Bali.</p> </li> 849 850 <li><p><i class="fa fa-envelope fa-lg" aria-hidden="true"></i> [email protected]</p></li> 851 <li><p><i class="fa fa-globe fa-lg" aria-hidden="true"></i> www.badungkab.go.id</p></li> 852 </ul> 853 </div> 854 </div> 855 </div> 856 <div class="col-lg-3 col-md-6"> 857 <div class="align-self-center wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay="0.25s"> 858 <div class="section-heading widget-header position-relative mb-30"> 859 <h2 class="mt-5 mb-30">FACEBOOK</h2> 860 <div onmouseover="return speach('Facebook fanspage pemerintah kabupaten badung')" class="fb-page fb_iframe_widget" data-href="https://www.facebook.com/pemkabbadung" data-width="400px" data-hide-cover="false" data-show-facepile="true" data-adapt-container-width="true" fb-xfbml-state="rendered" fb-iframe-plugin-query="adapt_container_width=true&app_id=&container_width=245&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2Fpemkabbadung&locale=id_ID&sdk=joey&show_facepile=true&width=400px"><span style="vertical-align: bottom; width: 245px; height: 130px;"><iframe name="f239d48e73ff474" height="1000px" data-testid="fb:page Facebook Social Plugin" title="fb:page Facebook Social Plugin" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" src="https://www.facebook.com/v3.3/plugins/page.php?adapt_container_width=true&app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Df1a968c7da60da4%26domain%3Dbadungkab.go.id%26is_canvas%3Dfalse%26origin%3Dhttps%253A%252F%252Fbadungkab.go.id%252Ffa9436a6c6148%26relation%3Dparent.parent&container_width=245&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2Fpemkabbadung&locale=id_ID&sdk=joey&show_facepile=true&width=400px" style="border: none; visibility: visible; width: 245px; height: 130px;" class=""></iframe></span></div> 861 </div> 862 </div> 863 </div> 864 </div> 865 </div> 866</div> 867<footer style="background-color: #182430;"> 868 <div class="container"> 869 <div class="row"> 870 <div class="col-lg-12 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.25s"> 871 <p class="float-md-left font-small text-muted" style="float: left!important;">© 2026 <span style="color: #dad6d6">Pemerintah Kabupaten Badung</span> </p> 872 <p class="text-muted" style="float: right!important;">Oleh <a style="color: #dad6d6" href="https://diskominfo.badungkab.go.id/" target="_blank">Diskominfo Badung</a> 873 </div> 874 </div> 875 </div> 876</footer> 877 <!-- Scripts --> 878 </div> 879 <!-- Scripts --> 880
880<script src="https://badungkab.go.id/theme/harmonigov/vendor/jquery/jquery.min.js"></script>
880 881
881<script src="https://badungkab.go.id/theme/harmonigov/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
881 882
882<script src="https://badungkab.go.id/theme/harmonigov/assets/js/owl-carousel.js"></script>
882 883
883<script src="https://badungkab.go.id/theme/harmonigov/assets/js/animation.js"></script>
883 884
884<script src="https://badungkab.go.id/theme/harmonigov/assets/js/imagesloaded.js"></script>
884 885
885<script src="https://badungkab.go.id/theme/harmonigov/assets/js/template.custom.js"></script>
885 886 887 <div class="accessibility-menu-container"> 888 <link rel="stylesheet" href="/vendor/font-awesome-4.7.0/css/font-awesome.min.css" crossorigin="anonymous"> 889<style> 890 .accessibility-menu-container { 891 position: absolute; 892 top: 24%; 893 z-index: 1; 894 } 895 896 .acce-container { 897 top: 27%; 898 left: 0px; 899 z-index: 98; 900 padding: 10px; 901 color: white; 902 text-align: center; 903 width: 50px 904 } 905 906 .speechx-status, i.fa.speechx { 907 color: white !important; 908 } 909 910 div.speechx img { 911 width: 55px; 912 } 913 914 div.speechx-status { 915 display: none; 916 } 917 918 .bg-custom { 919 background: rgb(237,178,60); 920 background: linear-gradient(180deg, rgba(237,178,60,1) 0%, rgba(251,125,3,1) 48%, rgba(247,27,5,1) 75%); 921 border-radius: 0px 20px 20px 0px; 922 } 923 924 @media only screen and (max-width: 900px) { 925 .acce-container { 926 top: 20%; 927 } 928 } 929</style> 930 931<div class="acce-container speechx bg-custom"> 932 <a href="javascript:void(0);" id="bicara" class="off speechx" onclick="sound(this)" title="Dengarkan Bacaan (SHIFT + F2)"> 933 <div id="dynSvg"> 934 <svg fill="#ffffff" version="1.1" id="Listening" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path id="_x34__1_" d="M39.6,108.1c-8.8,0-16-7.2-16-16c0-2.2,1.8-4,4-4s4,1.8,4,4c0,4.4,3.6,8,8,8c2.8,0,5.4-1.5,6.9-3.9 c0.6-1,1.4-2.8,2.3-4.7c1.7-3.8,3.6-8.1,6-11.2c1.9-2.5,4.7-5,7.4-7.5c2.7-2.5,5.8-5.4,6.8-7.2c2-3.5,3-7.4,3-11.4 c0-12.7-10.3-23-23-23s-23,10.3-23,23c0,2.2-1.8,4-4,4s-4-1.8-4-4c0-17.1,13.9-31,31-31c17.1,0,31,13.9,31,31 c0,5.4-1.4,10.7-4.1,15.4c-1.6,2.9-4.9,5.9-8.4,9.1c-2.4,2.3-5,4.6-6.5,6.5c-1.8,2.3-3.6,6.3-5,9.5c-1,2.2-1.8,4.1-2.7,5.6 C50.5,105.1,45.2,108.1,39.6,108.1z"></path> <path id="_x33__2_" d="M34,79.6c-2.2,0-4-1.8-4-4s1.8-4,4-4c2,0,3.7-1.6,3.7-3.7c0-2-1.6-3.7-3.7-3.7c-2.2,0-4-1.8-4-4v-6 c0-10.5,8.5-19,19-19s19,8.5,19,19c0,3.3-0.8,6.5-2.4,9.3c-0.1,0.1-0.1,0.2-0.2,0.3c-0.8,1.2-2.7,3-5.9,6l-1.2,1.1 c-1.6,1.5-4.2,1.4-5.7-0.2c-1.5-1.6-1.4-4.2,0.2-5.7L54,64c2.6-2.4,4.2-3.9,4.7-4.6c0.8-1.6,1.3-3.4,1.3-5.2c0-6.1-4.9-11-11-11 s-11,4.9-11,11v2.7c4.5,1.6,7.7,5.9,7.7,11C45.7,74.3,40.5,79.6,34,79.6z"></path> <path id="_x32__15_" d="M85,78.7c-0.6,0-1.2-0.2-1.7-0.5c-1.7-1-2.2-3.1-1.3-4.8c3.3-5.8,5.1-12.3,5.1-19c0-6.8-1.8-13.4-5.2-19.2 c-1-1.7-0.4-3.8,1.2-4.8c1.7-1,3.8-0.4,4.8,1.2c4.1,6.9,6.2,14.8,6.2,22.8c0,7.9-2.1,15.6-6,22.5C87.4,78.1,86.2,78.7,85,78.7z"></path> <path id="_x31__17_" d="M95.9,90.1c-0.8,0-1.5-0.2-2.2-0.7c-1.8-1.2-2.3-3.7-1.1-5.6c5.9-8.7,9-18.8,9-29.4 c0-10.6-3.2-20.9-9.2-29.6c-1.2-1.8-0.8-4.3,1-5.6c1.8-1.2,4.3-0.8,5.6,1c6.9,10.1,10.6,21.9,10.6,34.1c0,12.1-3.6,23.8-10.3,33.8 C98.4,89.5,97.1,90.1,95.9,90.1z"></path> </g></svg> 935 </div> 936 </a> 937</div> 938 939
940<script src="https://badungkab.go.id/theme/harmonigov/vendor/jquery/jquery.min.js"></script>
vendor: 1 bytes, line 940
940
941<script src="https://badungkab.go.id/theme/harmonigov/assets/js/speech_recognition.js"></script>
vendor: 1 bytes, line 941
941
942<script> 943 function elemToStr(elem) 944 { 945 var text = elem; 946 if ($(elem).length > 0) { 947 var text = $(elem).text(); 948 } 949 if (text.length > 0) { 950 return text.replace(/<\/?[^>]+(>|$)/g, ""); 951 } 952 return ""; 953 } 954 955 function chunkStrKeepWord(input, len) 956 { 957 var curr = len; 958 var prev = 0; 959 output = []; 960 while (input[curr]) { 961 if (input[curr++] == ' ') { 962 output.push(input.substring(prev,curr)); 963 prev = curr; 964 curr += len; 965 } 966 } 967 output.push(input.substr(prev)); 968 return output; 969 } 970 971 function setCapsule(str) 972 { 973 $('#dynSvg').html('<svg fill="#ffffff" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>ear-slash</title> <path d="M20.592 23.441c-0.128-0.048-0.275-0.076-0.43-0.076-0.536 0-0.994 0.337-1.171 0.812l-0.003 0.009-0.102 0.299c-0.098 0.328-0.168 0.711-0.196 1.105l-0.001 0.018c-0.013 0.22-0.046 0.426-0.097 0.624l0.005-0.022c-0.083 0.282-0.177 0.522-0.288 0.752l0.013-0.029c-0.221 0.428-0.506 0.791-0.846 1.092l-0.004 0.003c-0.732 0.622-1.656 1.040-2.671 1.156l-0.023 0.002c-0.235 0.033-0.506 0.052-0.781 0.052-0.818 0-1.597-0.167-2.304-0.469l0.038 0.015c-0.893-0.371-1.607-1.022-2.049-1.842l-0.011-0.022c-0.266-0.544-0.422-1.183-0.422-1.859 0-0.021 0-0.043 0-0.064l-0 0.003c0-0.69-0.56-1.25-1.25-1.25s-1.25 0.56-1.25 1.25v0c-0 0.018-0 0.038-0 0.059 0 1.085 0.254 2.111 0.706 3.021l-0.018-0.040c0.72 1.368 1.868 2.429 3.262 3.023l0.043 0.016c0.947 0.415 2.051 0.656 3.211 0.656 0.011 0 0.022-0 0.034-0h-0.002c0.392-0 0.778-0.026 1.156-0.075l-0.045 0.005c1.561-0.182 2.947-0.821 4.049-1.779l-0.009 0.008c0.574-0.512 1.049-1.12 1.402-1.801l0.016-0.035c0.155-0.309 0.301-0.675 0.417-1.055l0.013-0.050c0.096-0.323 0.165-0.699 0.192-1.087l0.001-0.017c0.014-0.227 0.048-0.44 0.101-0.644l-0.005 0.023 0.063-0.184c0.048-0.128 0.076-0.275 0.076-0.429 0-0.536-0.337-0.993-0.812-1.171l-0.009-0.003zM12 24.695c1.816-0.058 3.266-1.543 3.266-3.368 0-0.115-0.006-0.229-0.017-0.341l0.001 0.014c0.003-0.487 0.151-0.938 0.404-1.313l-0.005 0.008c0.132-0.195 0.211-0.436 0.211-0.695 0-0.69-0.559-1.249-1.249-1.249-0.431 0-0.811 0.218-1.035 0.55l-0.003 0.004c-0.512 0.758-0.818 1.69-0.822 2.694v0.001c0 0.727-0.294 1.195-0.75 1.195s-0.75-0.469-0.75-1.195c0-0.69-0.56-1.25-1.25-1.25s-1.25 0.56-1.25 1.25v0c-0.010 0.098-0.016 0.212-0.016 0.327 0 1.825 1.45 3.31 3.261 3.368l0.005 0zM30.885 29.115l-7.577-7.577c0.136-0.148 0.261-0.307 0.401-0.449 0.262-0.26 0.521-0.523 0.762-0.814 1.214-1.476 2.104-3.266 2.534-5.228l0.015-0.083c0.151-0.76 0.238-1.634 0.238-2.528 0-0.154-0.003-0.307-0.008-0.459l0.001 0.022c0-7.27-4.723-10.544-8.766-11.14-0.463-0.075-0.996-0.119-1.539-0.119-3.884 0-7.253 2.201-8.929 5.424l-0.026 0.056-5.106-5.105c-0.226-0.225-0.537-0.363-0.881-0.363-0.69 0-1.25 0.56-1.25 1.25 0 0.344 0.139 0.655 0.363 0.881l27.999 28.001c0.226 0.226 0.539 0.366 0.884 0.366 0.691 0 1.251-0.56 1.251-1.251 0-0.345-0.14-0.658-0.366-0.884l0 0zM18.121 3.334c3.057 0.45 6.629 2.99 6.629 8.666 0.005 0.124 0.008 0.27 0.008 0.416 0 0.717-0.067 1.418-0.194 2.098l0.011-0.070c-0.241 1.112-0.633 2.096-1.162 2.991l0.025-0.046c-0.286 0.493-0.583 0.917-0.911 1.315l0.013-0.016c-0.188 0.227-0.393 0.432-0.598 0.635-0.134 0.134-0.276 0.282-0.418 0.432l-2.339-2.339c0.604-0.871 0.965-1.951 0.965-3.116 0-1.199-0.383-2.309-1.034-3.214l0.011 0.016c-0.998-1.28-2.54-2.096-4.273-2.096-0.065 0-0.13 0.001-0.194 0.003l0.009-0c-0.426 0.026-0.824 0.099-1.203 0.215l0.037-0.010c0.643-1.309 1.967-2.194 3.497-2.194 0.062 0 0.123 0.001 0.184 0.004l-0.009-0c2.248 0.209 3.994 2.086 3.994 4.371 0 0.213-0.015 0.423-0.045 0.627l0.003-0.023c0 0.69 0.56 1.25 1.25 1.25s1.25-0.56 1.25-1.25v0c0.020-0.197 0.032-0.426 0.032-0.657 0-3.613-2.806-6.571-6.357-6.813l-0.021-0.001c-0.061-0.002-0.133-0.003-0.206-0.003-2.902 0-5.36 1.904-6.192 4.531l-0.013 0.046-0.97-0.97c1.112-2.88 3.859-4.886 7.074-4.886 0.405 0 0.802 0.032 1.19 0.093l-0.043-0.006zM13.62 11.851c0.337-0.192 0.735-0.316 1.16-0.343l0.008-0c0.030-0.001 0.064-0.002 0.099-0.002 0.91 0 1.72 0.429 2.239 1.095l0.005 0.006c0.328 0.474 0.524 1.060 0.524 1.693 0 0.47-0.108 0.915-0.301 1.311l0.008-0.018z"></path> </g></svg>'); 974 } 975 function splashCapsule(str) 976 { 977 setCapsule(str); 978 setTimeout(function () { 979 resetCapsule(); 980 }, 1000); 981 } 982 function resetCapsule() 983 { 984 $('#dynSvg').html('<svg fill="#ffffff" version="1.1" id="Listening" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
984ox="0 0 128 128" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path id="_x34__1_" d="M39.6,108.1c-8.8,0-16-7.2-16-16c0-2.2,1.8-4,4-4s4,1.8,4,4c0,4.4,3.6,8,8,8c2.8,0,5.4-1.5,6.9-3.9 c0.6-1,1.4-2.8,2.3-4.7c1.7-3.8,3.6-8.1,6-11.2c1.9-2.5,4.7-5,7.4-7.5c2.7-2.5,5.8-5.4,6.8-7.2c2-3.5,3-7.4,3-11.4 c0-12.7-10.3-23-23-23s-23,10.3-23,23c0,2.2-1.8,4-4,4s-4-1.8-4-4c0-17.1,13.9-31,31-31c17.1,0,31,13.9,31,31 c0,5.4-1.4,10.7-4.1,15.4c-1.6,2.9-4.9,5.9-8.4,9.1c-2.4,2.3-5,4.6-6.5,6.5c-1.8,2.3-3.6,6.3-5,9.5c-1,2.2-1.8,4.1-2.7,5.6 C50.5,105.1,45.2,108.1,39.6,108.1z"></path> <path id="_x33__2_" d="M34,79.6c-2.2,0-4-1.8-4-4s1.8-4,4-4c2,0,3.7-1.6,3.7-3.7c0-2-1.6-3.7-3.7-3.7c-2.2,0-4-1.8-4-4v-6 c0-10.5,8.5-19,19-19s19,8.5,19,19c0,3.3-0.8,6.5-2.4,9.3c-0.1,0.1-0.1,0.2-0.2,0.3c-0.8,1.2-2.7,3-5.9,6l-1.2,1.1 c-1.6,1.5-4.2,1.4-5.7-0.2c-1.5-1.6-1.4-4.2,0.2-5.7L54,64c2.6-2.4,4.2-3.9,4.7-4.6c0.8-1.6,1.3-3.4,1.3-5.2c0-6.1-4.9-11-11-11 s-11,4.9-11,11v2.7c4.5,1.6,7.7,5.9,7.7,11C45.7,74.3,40.5,79.6,34,79.6z"></path> <path id="_x32__15_" d="M85,78.7c-0.6,0-1.2-0.2-1.7-0.5c-1.7-1-2.2-3.1-1.3-4.8c3.3-5.8,5.1-12.3,5.1-19c0-6.8-1.8-13.4-5.2-19.2 c-1-1.7-0.4-3.8,1.2-4.8c1.7-1,3.8-0.4,4.8,1.2c4.1,6.9,6.2,14.8,6.2,22.8c0,7.9-2.1,15.6-6,22.5C87.4,78.1,86.2,78.7,85,78.7z"></path> <path id="_x31__17_" d="M95.9,90.1c-0.8,0-1.5-0.2-2.2-0.7c-1.8-1.2-2.3-3.7-1.1-5.6c5.9-8.7,9-18.8,9-29.4 c0-10.6-3.2-20.9-9.2-29.6c-1.2-1.8-0.8-4.3,1-5.6c1.8-1.2,4.3-0.8,5.6,1c6.9,10.1,10.6,21.9,10.6,34.1c0,12.1-3.6,23.8-10.3,33.8 C98.4,89.5,97.1,90.1,95.9,90.1z"></path> </g></svg>'); 985 } 986 987 function sound(element) 988 { 989 $("div.speechx-status").show(); 990 $("i", element).toggleClass("fa-volume-off fa-volume-up"); 991 $(element).toggleClass("off on"); 992 if ($(element).hasClass("on")) { 993 bicara(chunkStrKeepWord(searchContent(), 100), 0); 994 setCapsule("<small>Berbicara...</small> ") 995 } 996 if ($(element).hasClass("off")) { 997 bacot(); 998 splashCapsule("<small>Berhenti...</small> "); 999 } 1000 } 1001 1002 function searchContent() 1003 { 1004 let title = elemToStr($(".speech-title")); 1005 if (title=="") { 1006 return "Tidak ditemukan bacaan pada halaman ini."; 1007 } 1008 let content = elemToStr($(".speech-content")); 1009 let time = elemToStr($(".speech-time")); 1010 let full_content = "Judul: " + title + ". Dibuat pada " + time + ". " + content + ". Selesai."; 1011 return full_content.replace(/\s+/g, ' ').trim(); 1012 } 1013 1014 document.addEventListener("DOMContentLoaded", () => { 1015 localStorage.setItem('set_voice', 'on'); 1016 console.log(chunkStrKeepWord(searchContent(), 100)); 1017 resetCapsule(); 1018 }); 1019 1020 // Add event listener on keydown 1021 document.addEventListener('keydown', (event) => { 1022 var name = event.key; 1023 var code = event.code; 1024 if (name === 'Shift') { 1025 return; 1026 } 1027 if (event.shiftKey) { 1028 if (code == "F2") { 1029 sound($("a#bicara")); 1030 } 1031 } 1032 }, false); 1033</script>
1033 1034
1034<script src="https://code.responsivevoice.org/responsivevoice.js?key=DIW5GLX2"></script>
1034 1035<style> 1036 .accessibility-menu-container { 1037 position: fixed; 1038 top: 24%; 1039 z-index: 1; 1040 } 1041 1042 .btn-container { 1043 margin-bottom: 10px; 1044 text-align: center; 1045 } 1046 1047 .greyscaleall { 1048 webkit-filter: grayscale(100%); 1049 -moz-filter: grayscale(100%); 1050 -ms-filter: grayscale(100%); 1051 -o-filter: grayscale(100%); 1052 filter: grayscale(100%); 1053 1054 } 1055 1056 .mycheckbox { 1057 font-size: 12px; 1058 color: black; 1059 font-weight: 500; 1060 } 1061 1062 .btn-color-mode-switch { 1063 display: inline-block; 1064 margin: 0px; 1065 position: relative; 1066 } 1067 1068 .btn-color-mode-switch>label.btn-color-mode-switch-inner { 1069 margin: 0px; 1070 width: 170px; 1071 height: 26px; 1072 background: #E0E0E0; 1073 border-radius: 26px; 1074 overflow: hidden; 1075 position: relative; 1076 transition: all 0.3s ease; 1077 1078 display: block; 1079 } 1080 1081 .btn-color-mode-switch>label.btn-color-mode-switch-inner:before { 1082 content: attr(data-on); 1083 cursor: pointer; 1084 position: absolute; 1085 font-size: 12px; 1086 font-weight: bold; 1087 top: 5px; 1088 right: 25px; 1089 margin-bottom: 5px; 1090 } 1091 1092 .btn-color-mode-switch>label.btn-color-mode-switch-inner:after { 1093 content: attr(data-off); 1094 cursor: pointer; 1095 width: 85px; 1096 height: 22px; 1097 font-size: 12px; 1098 background: #fff; 1099 border-radius: 26px; 1100 position: absolute; 1101 left: 2px; 1102 top: 2px; 1103 font-weight: bold; 1104 text-align: center; 1105 transition: all 0.3s ease; 1106 box-shadow: 0px 0px 6px -2px #111; 1107 padding: 2px 0px; 1108 margin-bottom: 10px; 1109 } 1110 1111 1112 1113 .btn-color-mode-switch input[type="checkbox"] { 1114 cursor: pointer; 1115 width: 70px; 1116 height: 25px; 1117 opacity: 0; 1118 position: absolute; 1119 top: 0; 1120 z-index: 1; 1121 padding: 2px 0px; 1122 margin: 0px; 1123 } 1124 1125 .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner { 1126 background: #E0E0E0; 1127 color: black; 1128 font-weight: bold; 1129 font-size: 12px; 1130 1131 1132 } 1133 1134 .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:after { 1135 content: attr(data-on); 1136 left: 83px; 1137 background: white; 1138 font-weight: bold; 1139 font-size: 12px; 1140 } 1141 1142 .btn-color-mode-switch input[type="checkbox"]:checked+label.btn-color-mode-switch-inner:before { 1143 content: attr(data-off); 1144 right: auto; 1145 left: 15px; 1146 color: black; 1147 font-weight: bold; 1148 font-size: 12px; 1149 } 1150 1151 .btn-color-mode-switch input[type="checkbox"]:checked~.alert { 1152 display: block; 1153 } 1154 1155 .toolbar-disabilitas { 1156 position: relative; 1157 left: 0; 1158 z-index: 98; 1159 height: 1px; 1160 width: -180px; 1161 text-align: center; 1162 background: transparent !important; 1163 background-color: transparent !important; 1164 } 1165 1166 .open-toolbar { 1167 margin-top: 5px; 1168 padding-top: 8px; 1169 padding-right: 5px!important; 1170 padding-left: 5px!important; 1171 padding-bottom: 3px; 1172 height: 50px; 1173 border: none; 1174 width: 50px; 1175 min-width: 50px!important; 1176 } 1177 1178 .toolbar-disabilitas .open-toolbar { 1179 background: rgb(237,178,60); 1180 background: linear-gradient(180deg, rgba(237,178,60,1) 0%, rgba(251,125,3,1) 48%, rgba(247,27,5,1) 75%); 1181 border-radius: 0px 20px 20px 0px !important; 1182 } 1183 1184 1185 .toolbar-disabilitas .groupcontenttoolbar { 1186 transform: translateX(-180px); 1187 transition: transform 0.6s; 1188 } 1189 1190 1191 .toolbar-disabilitas.show-toolbar .groupcontenttoolbar { 1192 transform: translateX(0px); 1193 1194 } 1195 1196 .contenttoolbar_disabilitas { 1197 position: relative; 1198 margin-top: 5px; 1199 padding-top: 8px; 1200 display: flex; 1201 flex-direction: column; 1202 height: max-content; 1203 border: 1px solid black; 1204 box-shadow: 0 10px 10px rgb(0 0 0 / 0.2); 1205 background-color: white; 1206 width: 180px; 1207 word-break: break-all; 1208 overflow: hidden; 1209 } 1210 1211 1212 .groupcontenttoolbar { 1213 display: flex; 1214 flex-direction: row; 1215 1216 height: 1px; 1217 1218 background-color: transparent !important; 1219 1220 } 1221 1222 .titletools { 1223 font-size: 13px !important; 1224 font-weight: bold; 1225 margin-bottom: 10px; 1226 padding-left: 5px; 1227 padding-right: 5px; 1228 color: black; 1229 } 1230 1231
1232 .bodytools { 1233 left: 0; 1234 height: max-content; 1235 width: 100%; 1236 margin-bottom: 10px; 1237 } 1238 1239 .subtitletools { 1240 font-size: 12px !important; 1241 margin-bottom: 5px; 1242 cursor: pointer; 1243 left: 0; 1244 font-family: Arial, Helvetica, sans-serif; 1245 padding-left: 10px; 1246 text-align: left; 1247 color: black 1248 } 1249 1250 1251 .subtitletoolsactive { 1252 background-color: black; 1253 font-size: 12px !important; 1254 margin-bottom: 5px; 1255 cursor: pointer; 1256 left: 0; 1257 padding-top: 5px; 1258 padding-left: 10px; 1259 padding-bottom: 5px; 1260 text-align: left; 1261 color: white; 1262 font-weight: bold; 1263 } 1264 1265 .subtitletools:hover, 1266 .subtitletools:focus, 1267 .subtitletools:active { 1268 background-color: black; 1269 color: white; 1270 font-weight: bold; 1271 font-size: 12; 1272 max-width: 100%; 1273 padding-top: 5px; 1274 padding-left: 10px; 1275 padding-bottom: 5px; 1276 1277 } 1278 1279 .flexrowdata { 1280 display: flex; 1281 flex-direction: row; 1282 height: 100%; 1283 width: 100%; 1284 } 1285 1286 .flexrowtext { 1287 display: flex; 1288 flex-direction: column; 1289 1290 height: 100%; 1291 justify-content: center; 1292 align-items: center; 1293 width: 100%; 1294 } 1295 1296 .datatextinfo { 1297 display: flex; 1298 flex-direction: row; 1299 width: 100%; 1300 justify-content: center; 1301 1302 } 1303 1304 .texttulisan { 1305 color: black; 1306 font-size: 18px; 1307 font-weight: bold; 1308 } 1309 1310 @media only screen and (max-width: 900px) { 1311 .toolbar-disabilitas { 1312 top: 11%; 1313 } 1314 } 1315 </style> 1316 1317 <span id="loadmodaldisabilitas"></span> 1318
1318<script type="text/javascript"> 1319 $(window).on('load', function() { 1320 localStorage.removeItem("set_voice"); 1321 localStorage.setItem("permismobile", "on"); 1322 }); 1323 1324 function speachmobile(value) { 1325 var voicecek = localStorage.getItem("set_voice"); 1326 if (voicecek != null && voicecek == "on") { 1327 // if (localStorage.getItem("set_voice") == 'on') { 1328 bicara(value); 1329 // if (responsiveVoice.voiceSupport()) { 1330 // responsiveVoice.speak(value, "Indonesian Female"); 1331 // // } 1332 // } 1333 } 1334 } 1335 1336 function speach(value) { 1337 var voicecek = localStorage.getItem("set_voice"); 1338 if (voicecek != null && voicecek == "on") { 1339 var speechSynthesis = window.speechSynthesis; 1340 speechSynthesis.cancel(); 1341 if ("speechSynthesis" in window) { 1342 const to_speak = new SpeechSynthesisUtterance(value || ""); 1343 to_speak.lang = "id-ID"; 1344 speechSynthesis.getVoices(); 1345 speechSynthesis.speak(to_speak); 1346 } else { 1347 alert("not supported"); 1348 } 1349 } 1350 } 1351 1352 // if (!window.James) { 1353 // James = {}; 1354 // } 1355 // James.Selector = {}; 1356 // James.Selector.mouseup = function() { 1357 // var userSelection; 1358 // if (window.getSelection) { 1359 // userSelection = window.getSelection(); 1360 // } else if (document.selection) { 1361 // userSelection = document.selection.createRange(); 1362 // } 1363 // var selectedText = userSelection; 1364 // if (userSelection.text) selectedText = userSelection.text; 1365 1366 // if (selectedText != "") { 1367 // var textvalue = window.getSelection().toString(); 1368 // speach(textvalue); 1369 // speachmobile(textvalue); 1370 // } 1371 // }; 1372 // $(document).ready(function() { 1373 // $(document).bind("mouseup", James.Selector.mouseup); 1374 // }); 1375 // $(document).ready(function() { 1376 // document.addEventListener("selectionchange", function(event) { 1377 // var voicecek = localStorage.getItem("permismobile"); 1378 // if (voicecek != null && voicecek == "on") { 1379 // const selection = window.getSelection(); 1380 // if (selection.rangeCount === 0) { 1381 // return; 1382 // } 1383 // const range = selection.getRangeAt(0); 1384 // const rect = range.getBoundingClientRect(); 1385 // const text = selection.toString(); 1386 // if (!isBlank(text) || text != undefined || text != "") { 1387 // speachmobile(text); 1388 1389 // } 1390 // } 1391 1392 // }); 1393 // }); 1394 1395 function isBlank(str) { 1396 return !str || /^\s*$/.test(str); 1397 } 1398 var dataspeachweb = ` 1399 <div class="subtitletools" id="webspeach"> 1400 <div class="flexrowdata"> 1401 <span> 1402 <svg version="1.1" class='fontawesomesvg' width="1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 448"> 1403 <path fill="currentColor" d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zm2 226.3c37.1 22.4 62 63.1 62 109.7s-24.9 87.3-62 109.7c-7.6 4.6-17.4 2.1-22-5.4s-2.1-17.4 5.4-22C269.4 401.5 288 370.9 288 336s-18.6-65.5-46.5-82.3c-7.6-4.6-10-14.4-5.4-22s14.4-10 22-5.4zm-91.9 30.9c6 2.5 9.9 8.3 9.9 14.8V400c0 6.5-3.9 12.3-9.9 14.8s-12.9 1.1-17.4-3.5L113.4 376H80c-8.8 0-16-7.2-16-16V312c0-8.8 7.2-16 16-16h33.4l35.3-35.3c4.6-4.6 11.5-5.9 17.4-3.5zm51 34.9c6.6-5.9 16.7-5.3 22.6 1.3C249.8 304.6 256 319.6 256 336s-6.2 31.4-16.3 42.7c-5.9 6.6-16 7.1-22.6 1.3s-7.1-16-1.3-22.6c5.1-5.7 8.1-13.1 8.1-21.3s-3.1-15.7-8.1-21.3c-5.9-6.6-5.3-16.7 1.3-22.6z"/> 1404 </svg> 1405 </span> 1406 <div id="twebspeach" class="aksestexttools">Moda Suara 1407 <span class="voice-button" id="set_voice" style="display:none"> 1408 <span id="voice_icon"><i class="fa fa-volume-off" aria-hidden="true"></i></span> 1409 </span> 1410 </div> 1411 </div> 1412 </div>`; 1413
1414 var datamobileweb = ` 1415 <div class="subtitletools" id="mobileapp"> 1416 <div class="flexrowdata"> 1417 1418 <span><svg version="1.1" class='fontawesomesvg' width="1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 448"> 1419 <path fill="currentColor" d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zm2 226.3c37.1 22.4 62 63.1 62 109.7s-24.9 87.3-62 109.7c-7.6 4.6-17.4 2.1-22-5.4s-2.1-17.4 5.4-22C269.4 401.5 288 370.9 288 336s-18.6-65.5-46.5-82.3c-7.6-4.6-10-14.4-5.4-22s14.4-10 22-5.4zm-91.9 30.9c6 2.5 9.9 8.3 9.9 14.8V400c0 6.5-3.9 12.3-9.9 14.8s-12.9 1.1-17.4-3.5L113.4 376H80c-8.8 0-16-7.2-16-16V312c0-8.8 7.2-16 16-16h33.4l35.3-35.3c4.6-4.6 11.5-5.9 17.4-3.5zm51 34.9c6.6-5.9 16.7-5.3 22.6 1.3C249.8 304.6 256 319.6 256 336s-6.2 31.4-16.3 42.7c-5.9 6.6-16 7.1-22.6 1.3s-7.1-16-1.3-22.6c5.1-5.7 8.1-13.1 8.1-21.3s-3.1-15.7-8.1-21.3c-5.9-6.6-5.3-16.7 1.3-22.6z"/> 1420 </svg></span> 1421 <div id="twebspeach" class="aksestexttools">Moda Suara 1422 <span class="voice-button" id="set_voice" style="display:none"> 1423 <span id="voice_icon"><i class="fa fa-volume-off" aria-hidden="true"></i></span> 1424 </span> 1425 </div> 1426 </div> 1427 </div> 1428 1429 `; 1430 var logicspeachweb = getOS() == "Windows" || getOS() == "Mac OS" || getOS() == "Linux" ? dataspeachweb : datamobileweb; 1431 var toolbardisabilitas = 1432 `<div class="toolbar-disabilitas"> 1433 <div class="groupcontenttoolbar" id="checklangmenu"> 1434 <div class="contenttoolbar_disabilitas" id="groupcekmenu"> 1435 <div class="titletools" id="taccessbility"> 1436 Sarana 1437 </div> 1438 1439 <div class="btn-container"> 1440 <div class="mycheckbox switch btn-color-mode-switch" id="tmulticheckboxlang"> 1441 <input type="checkbox" id="checklang" value="1"> 1442 <label id="tmycheckbox" for="checklang" data-on="Inggris" data-off="Indonesia" class="btn-color-mode-switch-inner"></label> 1443 1444 </div> 1445 </div> 1446 <div class="bodytools"> 1447 ` + 1448 logicspeachweb + 1449 ` 1450 <div class="subtitletools" id="increasetext"> 1451 <div class="flexrowdata"> 1452 <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M256 200v16c0 4.25-3.75 8-8 8h-56v56c0 4.25-3.75 8-8 8h-16c-4.25 0-8-3.75-8-8v-56h-56c-4.25 0-8-3.75-8-8v-16c0-4.25 3.75-8 8-8h56v-56c0-4.25 3.75-8 8-8h16c4.25 0 8 3.75 8 8v56h56c4.25 0 8 3.75 8 8zM288 208c0-61.75-50.25-112-112-112s-112 50.25-112 112 50.25 112 112 112 112-50.25 112-112zM416 416c0 17.75-14.25 32-32 32-8.5 0-16.75-3.5-22.5-9.5l-85.75-85.5c-29.25 20.25-64.25 31-99.75 31-97.25 0-176-78.75-176-176s78.75-176 176-176 176 78.75 176 176c0 35.5-10.75 70.5-31 99.75l85.75 85.75c5.75 5.75 9.25 14 9.25 22.5z" "=""></path></svg></span> 1453 <div id="tincreasetext" class="aksestexttools">Perbesar Teks</div> 1454 </div> 1455 </div> 1456 <div class="subtitletools" id="decreasetext"> 1457 <div class="flexrowdata"> 1458 <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M256 200v16c0 4.25-3.75 8-8 8h-144c-4.25 0-8-3.75-8-8v-16c0-4.25 3.75-8 8-8h144c4.25 0 8 3.75 8 8zM288 208c0-61.75-50.25-112-112-112s-112 50.25-112 112 50.25 112 112 112 112-50.25 112-112zM416 416c0 17.75-14.25 32-32 32-8.5 0-16.75-3.5-22.5-9.5l-85.75-85.5c-29.25 20.25-64.25 31-99.75 31-97.25 0-176-78.75-176-176s78.75-176 176-176 176 78.75 176 176c0 35.5-10.75 70.5-31 99.75l85.75 85.75c5.75 5.75 9.25 14 9.25 22.5z"></path></svg></span> 1459 <div id="tdecreasetext" class="aksestexttools">Perkecil Teks</div> 1460 </div> 1461 </div> 1462 <div class="subtitletools" id="egrayscale"> 1463 <div class="flexrowdata">
1464 <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M15.75 384h-15.75v-352h15.75v352zM31.5 383.75h-8v-351.75h8v351.75zM55 383.75h-7.75v-351.75h7.75v351.75zM94.25 383.75h-7.75v-351.75h7.75v351.75zM133.5 383.75h-15.5v-351.75h15.5v351.75zM165 383.75h-7.75v-351.75h7.75v351.75zM180.75 383.75h-7.75v-351.75h7.75v351.75zM196.5 383.75h-7.75v-351.75h7.75v351.75zM235.75 383.75h-15.75v-351.75h15.75v351.75zM275 383.75h-15.75v-351.75h15.75v351.75zM306.5 383.75h-15.75v-351.75h15.75v351.75zM338 383.75h-15.75v-351.75h15.75v351.75zM361.5 383.75h-15.75v-351.75h15.75v351.75zM408.75 383.75h-23.5v-351.75h23.5v351.75zM424.5 383.75h-8v-351.75h8v351.75zM448 384h-15.75v-352h15.75v352z"></path></svg></span> 1465 <div id="tegrayscale" class="aksestexttools">Skala Abu - Abu</div> 1466 </div> 1467 </div> 1468 <div class="subtitletools" id="hcontrash"> 1469 <div class="flexrowdata"> 1470 <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M192 360v-272c-75 0-136 61-136 136s61 136 136 136zM384 224c0 106-86 192-192 192s-192-86-192-192 86-192 192-192 192 86 192 192z" "=""></path></svg></span> 1471 <div id="thcontrash" class="aksestexttools">Kontras Tinggi</div> 1472 </div> 1473 </div> 1474 <div class="subtitletools" id="ncontrash"> 1475 <div class="flexrowdata"> 1476 <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M416 240c-23.75-36.75-56.25-68.25-95.25-88.25 10 17 15.25 36.5 15.25 56.25 0 61.75-50.25 112-112 112s-112-50.25-112-112c0-19.75 5.25-39.25 15.25-56.25-39 20-71.5 51.5-95.25 88.25 42.75 66 111.75 112 192 112s149.25-46 192-112zM236 144c0-6.5-5.5-12-12-12-41.75 0-76 34.25-76 76 0 6.5 5.5 12 12 12s12-5.5 12-12c0-28.5 23.5-52 52-52 6.5 0 12-5.5 12-12zM448 240c0 6.25-2 12-5 17.25-46 75.75-130.25 126.75-219 126.75s-173-51.25-219-126.75c-3-5.25-5-11-5-17.25s2-12 5-17.25c46-75.5 130.25-126.75 219-126.75s173 51.25 219 126.75c3 5.25 5 11 5 17.25z"></path></svg></span> 1477 <div id="tncontrash" class="aksestexttools">Latar Gelap</div> 1478 </div> 1479 </div> 1480 <div class="subtitletools"] id="lgcontrash"> 1481 <div class="flexrowdata"> 1482 <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M184 144c0 4.25-3.75 8-8 8s-8-3.75-8-8c0-17.25-26.75-24-40-24-4.25 0-8-3.75-8-8s3.75-8 8-8c23.25 0 56 12.25 56 40zM224 144c0-50-50.75-80-96-80s-96 30-96 80c0 16 6.5 32.75 17 45 4.75 5.5 10.25 10.75 15.25 16.5 17.75 21.25 32.75 46.25 35.25 74.5h57c2.5-28.25 17.5-53.25 35.25-74.5 5-5.75 10.5-11 15.25-16.5 10.5-12.25 17-29 17-45zM256 144c0 25.75-8.5 48-25.75 67s-40 45.75-42 72.5c7.25 4.25 11.75 12.25 11.75 20.5 0 6-2.25 11.75-6.25 16 4 4.25 6.25 10 6.25 16 0 8.25-4.25 15.75-11.25 20.25 2 3.5 3.25 7.75 3.25 11.75 0 16.25-12.75 24-27.25 24-6.5 14.5-21 24-36.75 24s-30.25-9.5-36.75-24c-14.5 0-27.25-7.75-27.25-24 0-4 1.25-8.25 3.25-11.75-7-4.5-11.25-12-11.25-20.25 0-6 2.25-11.75 6.25-16-4-4.25-6.25-10-6.25-16 0-8.25 4.5-16.25 11.75-20.5-2-26.75-24.75-53.5-42-72.5s-25.75-41.25-25.75-67c0-68 64.75-112 128-112s128 44 128 112z"></path></svg></span> 1483 <div id="tlgcontrash" class="aksestexttools">Latar Terang</div> 1484 </div> 1485 </div> 1486 <div class="subtitletools" id="readablefont"> 1487 <div class="flexrowdata"> 1488 <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M181.25 139.75l-42.5 112.5c24.75 0.25 49.5 1 74.25 1 4.75 0 9.5-0.25 14.25-0.5-13-38-28.25-76.75-46-113zM0 416l0.5-19.75c23.5-7.25 49-2.25 59.5-29.25l59.25-154 70-181h32c1 1.75 2 3.5 2.75 5.25l51.25 120c18.75 44.25 36 89 55 133 11.25 26 20 52.75 32.5 78.25 1.75 4 5.25 11.5 8.75 14.25 8.25 6.5 31.25 8 43 12.5 0.75 4.75 1.5 9.5 1.5 14.25 0 2.25-0.25 4.25-0.25 6.5-31.75 0-63.5-4-95.25-4-32.7
14885 0-65.5 2.75-98.25 3.75 0-6.5 0.25-13 1-19.5l32.75-7c6.75-1.5 20-3.25 20-12.5 0-9-32.25-83.25-36.25-93.5l-112.5-0.5c-6.5 14.5-31.75 80-31.75 89.5 0 19.25 36.75 20 51 22 0.25 4.75 0.25 9.5 0.25 14.5 0 2.25-0.25 4.5-0.5 6.75-29 0-58.25-5-87.25-5-3.5 0-8.5 1.5-12 2-15.75 2.75-31.25 3.5-47 3.5z"></path></svg></span> 1489 <div id="treadablefont" class="aksestexttools">Tulisan Dapat Dibaca</div> 1490 </div> 1491 </div> 1492 <div class="subtitletools" id="linkunderline"> 1493 <div class="flexrowdata"> 1494 <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M364 304c0-6.5-2.5-12.5-7-17l-52-52c-4.5-4.5-10.75-7-17-7-7.25 0-13 2.75-18 8 8.25 8.25 18 15.25 18 28 0 13.25-10.75 24-24 24-12.75 0-19.75-9.75-28-18-5.25 5-8.25 10.75-8.25 18.25 0 6.25 2.5 12.5 7 17l51.5 51.75c4.5 4.5 10.75 6.75 17 6.75s12.5-2.25 17-6.5l36.75-36.5c4.5-4.5 7-10.5 7-16.75zM188.25 127.75c0-6.25-2.5-12.5-7-17l-51.5-51.75c-4.5-4.5-10.75-7-17-7s-12.5 2.5-17 6.75l-36.75 36.5c-4.5 4.5-7 10.5-7 16.75 0 6.5 2.5 12.5 7 17l52 52c4.5 4.5 10.75 6.75 17 6.75 7.25 0 13-2.5 18-7.75-8.25-8.25-18-15.25-18-28 0-13.25 10.75-24 24-24 12.75 0 19.75 9.75 28 18 5.25-5 8.25-10.75 8.25-18.25zM412 304c0 19-7.75 37.5-21.25 50.75l-36.75 36.5c-13.5 13.5-31.75 20.75-50.75 20.75-19.25 0-37.5-7.5-51-21.25l-51.5-51.75c-13.5-13.5-20.75-31.75-20.75-50.75 0-19.75 8-38.5 22-52.25l-22-22c-13.75 14-32.25 22-52 22-19 0-37.5-7.5-51-21l-52-52c-13.75-13.75-21-31.75-21-51 0-19 7.75-37.5 21.25-50.75l36.75-36.5c13.5-13.5 31.75-20.75 50.75-20.75 19.25 0 37.5 7.5 51 21.25l51.5 51.75c13.5 13.5 20.75 31.75 20.75 50.75 0 19.75-8 38.5-22 52.25l22 22c13.75-14 32.25-22 52-22 19 0 37.5 7.5 51 21l52 52c13.75 13.75 21 31.75 21 51z"></path></svg></span> 1495 <div id="tlinkunderline" class="aksestexttools">Garis Bawahi Tautan</div> 1496 </div> 1497 </div> 1498 1499 <div class="subtitletools" id="ratatulisan"> 1500 <div class="flexrowdata"> 1501 <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M384 1056v64q0 13-9.5 22.5T352 1152h-64q-13 0-22.5-9.5T256 1120v-64q0-13 9.5-22.5t22.5-9.5h64q13 0 22.5 9.5t9.5 22.5zm0-256v64q0 13-9.5 22.5T352 896h-64q-13 0-22.5-9.5T256 864v-64q0-13 9.5-22.5T288 768h64q13 0 22.5 9.5T384 800zm0-256v64q0 13-9.5 22.5T352 640h-64q-13 0-22.5-9.5T256 608v-64q0-13 9.5-22.5T288 512h64q13 0 22.5 9.5T384 544zm1152 512v64q0 13-9.5 22.5t-22.5 9.5H544q-13 0-22.5-9.5T512 1120v-64q0-13 9.5-22.5t22.5-9.5h960q13 0 22.5 9.5t9.5 22.5zm0-256v64q0 13-9.5 22.5T1504 896H544q-13 0-22.5-9.5T512 864v-64q0-13 9.5-22.5T544 768h960q13 0 22.5 9.5t9.5 22.5zm0-256v64q0 13-9.5 22.5T1504 640H544q-13 0-22.5-9.5T512 608v-64q0-13 9.5-22.5T544 512h960q13 0 22.5 9.5t9.5 22.5zm128 704V416q0-13-9.5-22.5T1632 384H160q-13 0-22.5 9.5T128 416v832q0 13 9.5 22.5t22.5 9.5h1472q13 0 22.5-9.5t9.5-22.5zm128-1088v1088q0 66-47 113t-113 47H160q-66 0-113-47T0 1248V160Q0 94 47 47T160 0h1472q66 0 113 47t47 113z"/></svg></span> 1502 <div id="tratatulisan" class="aksestexttools">Rata Tulisan</div> 1503 </div> 1504 </div> 1505 1506 <div class="subtitletools" id="resetdisabilitas"> 1507 <div class="flexrowdata"> 1508 <span><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewBox="0 0 448 448"><path fill="currentColor" d="M384 224c0 105.75-86.25 192-192 192-57.25 0-111.25-25.25-147.75-69.25-2.5-3.25-2.25-8 0.5-10.75l34.25-34.5c1.75-1.5 4-2.25 6.25-2.25 2.25 0.25 4.5 1.25 5.75 3 24.5 31.75 61.25 49.75 101 49.75 70.5 0 128-57.5 128-128s-57.5-128-128-128c-32.75 0-63.75 12.5-87 34.25l34.25 34.5c4.75 4.5 6 11.5 3.5 17.25-2.5 6-8.25 10-14.75 10h-112c-8.75 0-16-7.25-16-16v-112c0-6.5 4-12.25 10-14.75 5.75-2.5 12.75-1.25 17.25 3.5l32.5 32.25c35.25-33.25 83-53 132.25-53 105.75 0 192 86.25 192 192z"></path></svg></span> 1509 <div id="tidreset" class="aksestexttools">Atur Ulang</div> 1510 </div> 1511 </div> 1512 1513 1514 </div> 1515 </div> 1516 <button type="button" class="open-toolbar" onmouseout="callfunction('Fitur Disabilitas')" title="Fitur Disabilitas"> 1517 <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" enable-background="new 0 0 100 100" viewB
1517ox="0 0 100 100" fill="currentColor" width="1em"> 1518 <g> 1519 <path fill="#FFFFFF" d="M60.4,78.9c-2.2,4.1-5.3,7.4-9.2,9.8c-4,2.4-8.3,3.6-13,3.6c-6.9,0-12.8-2.4-17.7-7.3c-4.9-4.9-7.3-10.8-7.3-17.7c0-5,1.4-9.5,4.1-13.7c2.7-4.2,6.4-7.2,10.9-9.2l-0.9-7.3c-6.3,2.3-11.4,6.2-15.3,11.8C7.9,54.4,6,60.6,6,67.3c0,5.8,1.4,11.2,4.3,16.1s6.8,8.8,11.7,11.7c4.9,2.9,10.3,4.3,16.1,4.3c7,0,13.3-2.1,18.9-6.2c5.7-4.1,9.6-9.5,11.7-16.2l-5.7-11.4C63.5,70.4,62.5,74.8,60.4,78.9z"></path> 1520 <path fill="#FFFFFF" d="M93.8,71.3l-11.1,5.5L70,51.4c-0.6-1.3-1.7-2-3.2-2H41.3l-0.9-7.2h22.7v-7.2H39.6L37.5,19c2.5,0.3,4.8-0.5,6.7-2.3c1.9-1.8,2.9-4,2.9-6.6c0-2.5-0.9-4.6-2.6-6.3c-1.8-1.8-3.9-2.6-6.3-2.6c-2,0-3.8,0.6-5.4,1.8c-1.6,1.2-2.7,2.7-3.2,4.6c-0.3,1-0.4,1.8-0.3,2.3l5.4,43.5c0.1,0.9,0.5,1.6,1.2,2.3c0.7,0.6,1.5,0.9,2.4,0.9h26.4l13.4,26.7c0.6,1.3,1.7,2,3.2,2c0.6,0,1.1-0.1,1.6-0.4L97,77.7L93.8,71.3z"></path> 1521 </g> 1522 </svg> 1523 </button> 1524 </div>`; 1525 document.getElementById("loadmodaldisabilitas").innerHTML = toolbardisabilitas; 1526 1527 function getOS() { 1528 var is_chrome = navigator.userAgent.indexOf("Chrome") > -1; 1529 var is_safari = navigator.userAgent.indexOf("Safari") > -1; 1530 var userAgent = window.navigator.userAgent, 1531 platform = 1532 window.navigator?.userAgentData?.platform || window.navigator.platform, 1533 macosPlatforms = ["Macintosh", "MacIntel", "MacPPC", "Mac68K"], 1534 windowsPlatforms = ["Win32", "Win64", "Windows", "WinCE"], 1535 iosPlatforms = ["iPhone", "iPad", "iPod"], 1536 os = null; 1537 if (macosPlatforms.indexOf(platform) !== -1) { 1538 os = "Mac OS"; 1539 } else if (iosPlatforms.indexOf(platform) !== -1) { 1540 os = "iOS"; 1541 } else if (windowsPlatforms.indexOf(platform) !== -1) { 1542 os = "Windows"; 1543 } else if (/Android/.test(userAgent)) { 1544 os = "Android"; 1545 } else if (/Linux/.test(platform)) { 1546 os = "Linux"; 1547 } 1548 return os; 1549 } 1550 $(".open-toolbar").click(function(event) { 1551 var stickyToolbarContainer = document.querySelector(".toolbar-disabilitas"); 1552 stickyToolbarContainer.classList.toggle("show-toolbar"); 1553 }); 1554 $("#checklang").on("change", function() { 1555 changelang(this); 1556 }); 1557 1558 var arrayratatulisan = []; 1559 var langdefault = []; 1560 1561 function replacemultipletext(lang, status) { 1562 var dataratatulisanid = ""; 1563 var dataratatulisanen = ""; 1564 if (arrayratatulisan.length == 0) { 1565 dataratatulisanid = "Rata Tulisan"; 1566 dataratatulisanen = "Average Writing"; 1567 } else if (arrayratatulisan.length > 0) { 1568 if (arrayratatulisan[0] == 0) { 1569 dataratatulisanid = "Rata Tulisan"; 1570 dataratatulisanen = "Average Writing"; 1571 } else if (arrayratatulisan[0] == 1) { 1572 dataratatulisanid = "Rata Kiri"; 1573 dataratatulisanen = "Align Left"; 1574 } else if (arrayratatulisan[0] == 2) { 1575 dataratatulisanid = "Rata Tengah"; 1576 dataratatulisanen = "Average Middle"; 1577 } else if (arrayratatulisan[0] == 3) { 1578 dataratatulisanid = "Rata Tengah"; 1579 dataratatulisanen = "Average Middle"; 1580 } else if (arrayratatulisan[0] == 4) { 1581 dataratatulisanid = "Rata Kanan"; 1582 dataratatulisanen = "Align Right"; 1583 } 1584 } 1585 1586 if (status == "reset") { 1587 dataratatulisanid = "Rata Tulisan"; 1588 dataratatulisanen = "Average Writing"; 1589 } 1590 1591 var replaceratatulisan = ""; 1592 if (lang == undefined || lang == "") { 1593 replaceratatulisan = { 1594 ratatulisan: dataratatulisanid, 1595 }; 1596 } else if (lang == 1) { 1597 replaceratatulisan = { 1598 ratatulisan: dataratatulisanid, 1599 }; 1600 } else if (lang == 2) { 1601 replaceratatulisan = { 1602 ratatulisan: dataratatulisanen, 1603 }; 1604 } 1605 1606 return replaceratatulisan; 1607 } 1608 1609 function ratatulisan(lang) { 1610 var resulttext = replacemultipletext(lang, "noreset"); 1611 var text_tulisan = ""; 1612 if (lang == "") { 1613 text_tulisan = ""; 1614 } else { 1615 text_tulisan = resulttext.ratatulisan; 1616 } 1617 $("#tratatulisan").text(text_tulisan); 1618 } 1619 1620 function changelang(ele) { 1621 var groups = Array.from(document.querySelectorAll("#checklangmenu")); 1622 langdefault.length = 0; 1623 langdefault.push(2); 1624 1625 var resulttext = replacemultipletext(2, "noreset"); 1626 if ($(ele).prop("checked") == true) { 1627 var toolslangEn = { 1628 tdataoff: "Indonesian", 1629 tdataon: "English", 1630 taccessbility: "Accessibility Tools", 1631 tincreasetext: "Increase Text", 1632 tdecreasetext: "Decrease Text", 1633 tegrayscale: "Grayscale", 1634 thcontrash: "Hight Contrast", 1635 tncontrash: "Negative Contrast",
1636 tlgcontrash: "Light Background", 1637 treadablefont: "Readable Font", 1638 tlinkunderline: "Link Underline", 1639 twebspeach: "Web Speech", 1640 tratatulisan: resulttext.ratatulisan, 1641 tidreset: "Reset", 1642 }; 1643 replacetext(groups, toolslangEn); 1644 } else if ($(ele).prop("checked") == false) { 1645 langdefault.length = 0; 1646 langdefault.push(1); 1647 1648 var resulttext = replacemultipletext(1, "noreset"); 1649 var toolslangID = { 1650 tdataoff: "Indonesia", 1651 tdataon: "Inggris", 1652 taccessbility: "Sarana", 1653 tincreasetext: "Perbesar Teks", 1654 tdecreasetext: "Perkecil Teks", 1655 tegrayscale: "Skala Abu - Abu", 1656 thcontrash: "Kontras Tinggi", 1657 tncontrash: "Latar Gelap", 1658 tlgcontrash: "Latar Terang", 1659 treadablefont: "Tulisan Dapat Dibaca", 1660 tlinkunderline: "Garis Bawahi Tautan", 1661 twebspeach: "Moda Suara", 1662 tratatulisan: resulttext.ratatulisan, 1663 tidreset: "Atur Ulang", 1664 }; 1665 replacetext(groups, toolslangID); 1666 } 1667 } 1668 1669 function callfunction(value) { 1670 var voicecek = localStorage.getItem("permismobile"); 1671 if (voicecek != null && voicecek == "on") { 1672 // setTimeout(() => { 1673 speachmobile(value); 1674 // }, 50); 1675 } else { 1676 speachmobile(value); 1677 } 1678 } 1679 1680 function replacetext(groups, arrayjs) { 1681 var namedatainput = '[class="contenttoolbar_disabilitas"]'; 1682 var namedatainput2 = "div"; 1683 var listgroupselector = groups.map(function(group) { 1684 return group.querySelector(namedatainput); 1685 }); 1686 var listdata = listgroupselector.map(function(group) { 1687 return Array.from(group.querySelectorAll(namedatainput2)).map(function( 1688 item 1689 ) { 1690 return item; 1691 }); 1692 }); 1693 // console.log(mytext) 1694 // var mytext = getelement.replace("indonesian", "indonesia"); 1695 // $("#tmulticheckboxlang").text(resultvalue); 1696 var keysarray = Object.keys(arrayjs); 1697 var keysvalues = Object.values(arrayjs); 1698 for (let i = 0; i < listdata.length; i++) { 1699 for (let k = 0; k < listdata[i].length; k++) { 1700 for (let b = 0; b < keysarray.length; b++) { 1701 var idhtml = keysarray[b]; 1702 if ( 1703 listdata[i][k].id == idhtml && 1704 idhtml != "tdataoff" && 1705 idhtml != "tdataon" 1706 ) { 1707 // var listdatallx = listdata[i][k]; 1708 var getelement = document.getElementById(keysarray[b]); 1709 var mytext = getelement.textContent.trim(); 1710 var resultvalue = mytext.replace(mytext, keysvalues[b]); 1711 $("#" + idhtml).text(resultvalue); 1712 } else if (idhtml == "tdataoff" || idhtml == "tdataon") { 1713 if (idhtml == "tdataon") { 1714 var mytext = $("#tmycheckbox").attr("data-on"); 1715 $("#tmycheckbox").attr("data-on", keysvalues[b]); 1716 } 1717 if (idhtml == "tdataoff") { 1718 var mytext = $("#tmycheckbox").attr("data-off"); 1719 $("#tmycheckbox").attr("data-off", keysvalues[b]); 1720 } 1721 /// 1722 } 1723 } 1724 } 1725 } 1726 } 1727 1728 $("#ratatulisan").click(function(event) { 1729 if (arrayratatulisan.length > 0) { 1730 if (arrayratatulisan[0] == 1) { 1731 arrayratatulisan.length = 0; 1732 arrayratatulisan.push(2); 1733 ratatulisan(langdefault[0]); 1734 $('*:not(".btn-color-mode-switch-inner, *")').each(function(i, item) { 1735 $(item).cssImportant("text-align", "left"); 1736 1737 if ($(item).css("flex-direction") == "row") { 1738 $(item).cssImportant("justify-content", "flex-start"); 1739 } 1740 }); 1741 } 1742 1743 if (arrayratatulisan[0] == 2) { 1744 arrayratatulisan.length = 0; 1745 arrayratatulisan.push(3); 1746 1747 ratatulisan(langdefault[0]); 1748 1749 $('*:not(".btn-color-mode-switch-inner")').each(function(i, item) { 1750 $(item).cssImportant("text-align", "center"); 1751 if ($(item).css("flex-direction") == "row") { 1752 $(item).cssImportant("justify-content", "center"); 1753 } 1754 }); 1755 } else if (arrayratatulisan[0] == 3) { 1756 arrayratatulisan.length = 0; 1757 arrayratatulisan.push(4); 1758 ratatulisan(langdefault[0]); 1759 $('*:not(".btn-color-mode-switch-inner")').each(function(i, item) { 1760 $(item).cssImportant("text-align", "right"); 1761 if ($(item).css("flex-direction") == "row") { 1762 $(item).cssImportant("justify-content", "flex-end"); 1763 } 1764 }); 1765 } else if (arrayratatulisan[0] == 4) { 1766 cekclassactive(groups, "ratatulisan"); 1767 arrayratatulisan.length = 0; 1768 ratatulisan(langdefault[0]); 1769 1770 $('*:not(".btn-color-mode-switch-inner")').each(function(i, item) { 1771 $(item).cssImportant("text-align", ""); 1772 if ($(item).css("flex-direction") == "row") { 1773 $(item).cssImportant("justify-content", ""); 1774 } 1775 }); 1776 } else if (arrayratatulisan[0] == 0) { 1777 cekclassactive(groups, "ratatulisan"); 1778 arrayratatulisan.length = 0; 1779 1780 arrayratatulisan.push(1); 1781 ratatulisan(langdefault[0]); 1782 1783 $('*:not(".btn-color-mode-switch-inner")').each(function(i, item) { 1784 $(item).cssImportant("text-align", "left"); 1785 if ($(item).css("flex-direction") == "row") { 1786 $(item).cssImportant("justify-content", "flex-start"); 1787 } 1788 }); 1789 } 1790 } else { 1791 cekclassactive(groups, "ratatulisan"); 1792 arrayratatulisan.length = 0; 1793 1794 arrayratatulisan.push(1); 1795 ratatulisan(langdefault[0]); 1796 1797 $('*:not(".btn-color-mode-switch-inner")').each(function(i, item) { 1798 $(item).cssImportant("text-align", "left"); 1799 if ($(item).css("flex-direction") == "row") { 1800 $(item).cssImportant("justify-content", "flex-start"); 1801 } 1802 }); 1803 } 1804 1805 $(".contenttoolbar_disabilitas *,div.titletools,.open-toolbar").each( 1806 function(i, item) { 1807 $(item).cssImportant("text-align", ""); 1808 $(item).cssImportant("justify-content", ""); 1809 } 1810 ); 1811 $(".titletools").cssImportant("text-align", "center"); 1812 }); 1813 1814 var zoomLevel = 1; 1815 var rootFontSize = 12; 1816 var groups = Array.from(document.querySelectorAll("#groupcekmenu")); 1817 $("#increasetext").click(function(event) { 1818 // tracking_fitur_disabilitas('Perbesar Text'); 1819 var listdatagroup = cekclassactive(groups, "increasetext"); 1820 1821 zoomLevel = zoomLevel + 0.1; 1822 rootFontSize = rootFontSize + 2; 1823 $('div > *:not(".fa-search,.toolbar-disabilitas *,.fa,.fa-angle-down")').css({ 1824 // "font-weight": 400, 1825 "font-size": rootFontSize + "px", 1826 }); 1827 }); 1828 $("#decreasetext").click(function(event) { 1829 // tracking_fitur_disabilitas('Perkecil Text'); 1830 $("#resetdisabilitas").removeClass("subtitletoolsactive"); 1831 $("#resetdisabilitas").addClass("subtitletools"); 1832 // var listdatagroup = cekclassactive(groups, 'decreasetext'); 1833 setTimeout(() => { 1834 zoomLevel = zoomLevel - 0.1; 1835 rootFontSize = rootFontSize - 2; 1836 $("#increasetext").removeClass("subtitletoolsactive"); 1837 $("#increasetext").addClass("subtitletools"); 1838 $( 1839 'div > *:not(".fa-search,.toolbar-disabilitas *,.fa,.fa-angle-down")' 1840 ).css({ 1841 // "font-weight": 400, 1842 "font-size": rootFontSize + "px", 1843 }); 1844 }, 100); 1845 }); 1846 $("#readablefont").on("click", function(event) { 1847 // tracking_fitur_disabilitas('Tulisan Dapat Di Baca'); 1848 var listdatagroup = cekclassactive(groups, "readablefont"); 1849 if (listdatagroup.getclass.classactiv == "active") { 1850 $( 1851 '*:not(".fa-search,.toolbar-disabilitas *,.fa,.fa-angle-down, h1 ,h2 , h3")' 1852 ).css({ 1853 //"font-weight": 400, 1854 1855 "font-size": "25px", 1856 }); 1857 1858 $("h1,h2,h3,h4").css({ 1859 "font-size": "45px", 1860 }); 1861 } else { 1862 $('*:not(".fa-search,.toolbar-disabilitas *,.fa,.fa-angle-down")').css({ 1863 "font-family": "", 1864 "font-weight": "", 1865 "font-size": "", 1866 "font-family": "", 1867 }); 1868 } 1869 }); 1870 jQuery(document).ready(function() { 1871 jQuery.fn.cssImportant = function(name, value) { 1872 const $this = this; 1873 const applyStyles = (n, v) => { 1874 // Convert style name from camelCase to dashed-case. 1875 const dashedName = n.replace(/(.)([A-Z])(.)/g, (str, m1, upper, m2) => { 1876 return m1 + "-" + upper.toLowerCase() + m2; 1877 }); 1878 // Loop over each element in the selector and set the styles. 1879 $this.each(function() { 1880 this.style.setProperty(dashedName, v, "important"); 1881 }); 1882 }; 1883 // If called with the first parameter that is an object, 1884 // Loop over the entries in the object and apply those styles. 1885 if (jQuery.isPlainObject(name)) { 1886 for (const [n, v] of Object.entries(name)) { 1887 applyStyles(n, v); 1888 } 1889 } else { 1890 // Otherwise called with style name and value. 1891 applyStyles(name, value); 1892 } 1893 // This is required for making jQuery plugin calls chainable. 1894 return $this; 1895 }; 1896 }); 1897 1898 $("#hcontrash").click(function(event) { 1899 // tracking_fitur_disabilitas('Warna'); 1900 1901 var listdatagroup = cekclassactive(groups, "hcontrash", "on"); 1902 if (listdatagroup.getclass.classactiv == "active") { 1903 $(".navbar-inverse2").css("background-color", "rgb(0, 0, 0)"); 1904 $( 1905 '*:not(".btn-color-mode-switch-inner,.mycheckbox,.Vue-Toastification__container")' 1906 ).each(function(i, item) { 1907 var color = $(item).css("color"); 1908 $(item).cssImportant("background-color", "black"); 1909 1910 $(item).cssImportant("color", "#40C090"); 1911 $(item).cssImportant("background", "black"); 1912 }); 1913 1914 $( 1915 '*:not(".fa-search,.titletools,svg,.btn-color-mode-switch-inner,.Vue-Toastification__container")' 1916 ).cssImportant("border-color", "white"); 1917 var links = document.querySelectorAll("a,div,li a strong"); 1918 for (var i = 0; i < links.length; i++) { 1919 if (!isBlank(links[i].href)) { 1920 links[i].style.color = "#00f3f7 !important"; 1921 } 1922 } 1923 $("h1,h2,h3,h4,h5").each(function(i, item) { 1924 var color = $(item).css("color"); 1925 $(item).cssImportant("color", "white"); 1926 1927 $(item).cssImportant("background-color", "black"); 1928 $(item).cssImportant("color", "#40C090"); 1929 $(item).cssImportant("background", "black"); 1930 }); 1931 1932 $("* > div").each(function(i, item) { 1933 var color = $(item).css("color"); 1934 }); 1935 1936 $("*>button, * > p").each(function(i, item) { 1937 var color = $(item).css("color"); 1938 1939 $(item).cssImportant("background-color", "black"); 1940 $(item).cssImportant("color", "#40C090"); 1941 $(item).cssImportant("background", "black"); 1942 }); 1943 1944 $("*>a").each(function(i, item) { 1945 var color = $(item).css("color"); 1946 1947 $(item).cssImportant("background-color", "black"); 1948 $(item).cssImportant("color", "yellow"); 1949 $(item).cssImportant("background", "black"); 1950 }); 1951 changecolordisabilitas(groups); 1952 hoveractive(); 1953 1954 $("#groupcekmenu > *, .bodytools path").each(function(i, item) { 1955 $(item).cssImportant("color", "#00f3f7"); 1956 }); 1957 } else { 1958 $("*").each(function(i, item) { 1959 var color = $(item).css("color"); 1960 $(item).css({ 1961 "background-color": "", 1962 background: "", 1963 color: "", 1964 }); 1965 }); 1966 $( 1967 '*:not(".fa-search,.titletools,svg,.btn-color-mode-switch-inner,.Vue-Toastification__container")' 1968 ).cssImportant("border-color", ""); 1969 hovernoactive(); 1970 } 1971 }); 1972 1973 function changecolordisabilitas(groups) { 1974 var namedatainput = '[class="bodytools"]'; 1975 var namedatainput2 = '[class="aksestexttools"]'; 1976 var listgroupselector = groups.map(function(group) { 1977 return group.querySelector(namedatainput); 1978 }); 1979 var listdata = listgroupselector.map(function(group) { 1980 return Array.from(group.querySelectorAll(namedatainput2)).map(function( 1981 item 1982 ) { 1983 return item; 1984 }); 1985 }); 1986 1987 var listdatall = []; 1988 var listdatall2 = []; 1989 for (let i = 0; i < listdata.length; i++) { 1990 for (let k = 0; k < listdata[i].length; k++) { 1991 var classactive = ""; 1992 var classid = ""; 1993 // console.log(listdata[i][k].id); 1994 $("#" + listdata[i][k].id).css({ 1995 color: "#00f3f7", 1996 }); 1997 // document.getElementById().style.color = "#0080FF"; 1998 // $("#thcontrash").css("color", "#0080FF"); 1999 } 2000 } 2001 } 2002 $("#ncontrash").click(function(event) { 2003 // tracking_fitur_disabilitas('Klise'); 2004 var listdatagroup = cekclassactive(groups, "ncontrash"); 2005 if (listdatagroup.getclass.classactiv == "active") { 2006 $(".navbar-inverse2").css("background-color", "rgb(0, 0, 0)"); 2007 $( 2008 '*:not(".btn-color-mode-switch-inner,.mycheckbox,.Vue-Toastification__container")' 2009 ).each(function(i, item) { 2010 var color = $(item).css("color"); 2011 $(item).cssImportant("background-color", "black"); 2012 $(item).cssImportant("color", "yellow"); 2013 $(item).cssImportant("background", "black"); 2014 }); 2015 $( 2016 '*:not(".fa-search,.titletools,svg,.btn-color-mode-switch-inner,.Vue-Toastification__container")' 2017 ).cssImportant("border-color", "white"); 2018 hoveractive(); 2019 } else { 2020 $("*").each(function(i, item) { 2021 var color = $(item).css("color"); 2022 $(item).css({ 2023 "background-color": "", 2024 background: "", 2025 color: "", 2026 }); 2027 }); 2028 $( 2029 '*:not(".fa-search,.titletools,svg,.btn-color-mode-switch-inner,.Vue-Toastification__container")' 2030 ).cssImportant("border-color", ""); 2031 hovernoactive(); 2032 } 2033 }); 2034 2035 function hoveractive() { 2036 $("* > a").hover(function(e) { 2037 if (e.type === "mouseenter") { 2038 $(this).css({ 2039 "background-color": "#c23616", 2040 opacity: "0.5", 2041 }); 2042 } else if (e.type === "mouseleave") { 2043 $(this).css({ 2044 "background-color": "black", 2045 opacity: "", 2046 }); 2047 } 2048 }); 2049 } 2050 2051 function hovernoactive() { 2052 $("* > a").hover(function(e) { 2053 // console.log(e.type); 2054 if (e.type === "mouseenter") { 2055 $(this).css({ 2056 "background-color": "", 2057 opacity: "", 2058 }); 2059 } else if (e.type === "mouseleave") { 2060 $(this).css({ 2061 "background-color": "", 2062 opacity: "", 2063 }); 2064 } 2065 }); 2066 } 2067 $("#lgcontrash").click(function(event) { 2068 // tracking_fitur_disabilitas('Penerangan'); 2069 var listdatagroup = cekclassactive(groups, "lgcontrash"); 2070 if (listdatagroup.getclass.classactiv == "active") { 2071 $("*").each(function(i, item) { 2072 var color = $(item).css("color"); 2073 $(item).css({ 2074 "background-color": "", 2075 background: "", 2076 color: "", 2077 }); 2078 }); 2079 2080 $( 2081 '*:not(".fa-search,.titletools,svg,.btn-color-mode-switch-inner,.Vue-Toastification__container")' 2082 ).cssImportant("background-color", "white"); 2083 $( 2084 '*:not(".fa-search,.titletools,svg,.btn-color-mode-switch-inner,.Vue-Toastification__container")' 2085 ).cssImportant("color", "black"); 2086 $( 2087 '*:not(".fa-search,.titletools,svg,.btn-color-mode-switch-inner,.Vue-Toastification__container")' 2088 ).cssImportant("background", "white"); 2089 $( 2090 '*:not(".fa-search,.titletools,svg,.btn-color-mode-switch-inner
2090,.Vue-Toastification__container")' 2091 ).cssImportant("border-color", "white"); 2092 $("*:hover").cssImportant("border-color", "white"); 2093 $("*:focus").cssImportant("border-color", "white"); 2094 2095 hovernoactive(); 2096 } else { 2097 $("*").each(function(i, item) { 2098 var color = $(item).css("color"); 2099 $(item).css({ 2100 "background-color": "", 2101 background: "", 2102 color: "", 2103 }); 2104 }); 2105 $( 2106 '*:not(".fa-search,.titletools,svg,.btn-color-mode-switch-inner,.Vue-Toastification__container")' 2107 ).cssImportant("border-color", ""); 2108 hovernoactive(); 2109 } 2110 // resetcss(); 2111 }); 2112 $("#linkunderline").click(function(event) { 2113 // tracking_fitur_disabilitas('Garis Bawahi Tautan'); 2114 var listdatagroup = cekclassactive(groups, "linkunderline"); 2115 if (listdatagroup.getclass.classactiv == "active") { 2116 2117 var links = document.querySelectorAll("a,div > a,li a, a *"); 2118 for (var i = 0; i < links.length; i++) { 2119 if (!isBlank(links[i].href)) { 2120 2121 $(links[i]).cssImportant("textDecoration", "underline"); 2122 2123 2124 2125 2126 // links[i].style.textDecoration = "underline"; 2127 } 2128 } 2129 2130 $('a *:not(".fa-search,.titletools,svg,.btn-color-mode-switch-inner,.Vue-Toastification__container")').cssImportant("textDecoration", "underline"); 2131 $(".toolbar-disabilitas *").css({ 2132 "text-decoration": "", 2133 }); 2134 } else { 2135 $("*").css({ 2136 "text-decoration": "", 2137 }); 2138 } 2139 }); 2140 $("#egrayscale").on("click", function(event) { 2141 //('Skala Abu-abu'); 2142 var listdatagroup = cekclassactive(groups, "egrayscale"); 2143 // console.log("grey"); 2144 if (listdatagroup.getclass.classactiv == "active") { 2145 $("html").attr("class", "greyscaleall"); 2146 } else { 2147 $("html").removeAttr("class"); 2148 } 2149 }); 2150 2151 $("#resetdisabilitas").click(function(event) { 2152 // tracking_fitur_disabilitas('Mengatur Ulang'); 2153 var listdatagroup = cekclassactive(groups, "resetdisabilitas"); 2154 if (listdatagroup.getclass.classactiv == "active") { 2155 resetcss(); 2156 localStorage.removeItem("set_voice"); 2157 localStorage.removeItem("permismobile"); 2158 } 2159 }); 2160 2161 function resetcss() { 2162 localStorage.removeItem("set_voice"); 2163 localStorage.removeItem("permismobile"); 2164 arrayratatulisan.length = 0; 2165 arrayratatulisan.push(0); 2166 2167 $("*").each(function(i, item) { 2168 var color = $(item).css("color"); 2169 $(item).css({ 2170 "background-color": "", 2171 background: "", 2172 color: "", 2173 "font-size": "", 2174 "text-decoration": "", 2175 "font-weight": "", 2176 "font-family": "", 2177 }); 2178 }); 2179 $("a").hover(function(e) { 2180 //console.log(e.type); 2181 if (e.type === "mouseenter") { 2182 $(this).css({ 2183 "background-color": "", 2184 opacity: "", 2185 }); 2186 } else if (e.type === "mouseleave") { 2187 $(this).css({ 2188 "background-color": "", 2189 opacity: "", 2190 }); 2191 } 2192 }); 2193 $("html").removeAttr("class"); 2194 $("*").css({ 2195 "text-decoration": "", 2196 "border-color": "", 2197 "text-align": "", 2198 }); 2199 2200 rootFontSize = 20; 2201 $('*:not(".btn-color-mode-switch-inner")').each(function(i, item) { 2202 $(item).cssImportant("text-align", ""); 2203 $(item).cssImportant("justify-content", ""); 2204 }); 2205 2206 var text_tulisan = ""; 2207 var langnew = 1; 2208 2209 if (langdefault.length > 0) { 2210 langnew = langdefault[0]; 2211 } 2212 2213 if (langdefault.length == 0) { 2214 replacemultipletext(langnew, "noreset"); 2215 var resultdata = replacemultipletext(langnew, "reset"); 2216 text_tulisan = resultdata.ratatulisan; 2217 } else { 2218 langnew = langdefault[0]; 2219 2220 replacemultipletext(langnew, "noreset"); 2221 var resultdata = replacemultipletext(langnew, "reset"); 2222 // langdefault.length = 0; 2223 text_tulisan = resultdata.ratatulisan; 2224 } 2225 $("#tratatulisan").text(text_tulisan); 2226 } 2227 2228 function cekclassactive(groups, idhtml) { 2229 if (idhtml != "resetdisabilitas") { 2230 $("#resetdisabilitas").removeClass("subtitletoolsactive"); 2231 $("#resetdisabilitas").addClass("subtitletools"); 2232 } 2233 var namedatainput = '[class="bodytools"]'; 2234 var namedatainput2 = "div"; 2235 var listgroupselector = groups.map(function(group) { 2236 return group.querySelector(namedatainput); 2237 }); 2238 var listdata = listgroupselector.map(function(group) { 2239 return Array.from(group.querySelectorAll(namedatainput2)).map(function( 2240 item 2241 ) { 2242 return item; 2243 }); 2244 }); 2245 var listdatall = []; 2246 var listdatall2 = []; 2247 for (let i = 0; i < listdata.length; i++) { 2248 for (let k = 0; k < listdata[i].length; k++) { 2249 var classactive = ""; 2250 var classid = ""; 2251 if (listdata[i][k].id == idhtml) { 2252 if ( 2253 $("#" + idhtml).hasClass("subtitletools") && 2254 idhtml != "decreasetext" 2255 ) { 2256 classactive = "active"; 2257 $("#" + idhtml).addClass("subtitletoolsactive"); 2258 $("#" + idhtml).removeClass("subtitletools"); 2259 } else if ( 2260 $("#" + idhtml).hasClass("subtitletoolsactive") && 2261 idhtml == "resetdisabilitas" 2262 ) { 2263 classactive = "noactive"; 2264 $("#" + idhtml).removeClass("subtitletoolsactive"); 2265 $("#" + idhtml).addClass("subtitletools"); 2266 } else { 2267 classactive = "noactive"; 2268 $("#" + idhtml).removeClass("subtitletoolsactive"); 2269 $("#" + idhtml).addClass("subtitletools"); 2270 } 2271 } else { 2272 if (idhtml == "resetdisabilitas") { 2273 classactive = "noactive"; 2274 classid = listdata[i][k].id; 2275 2276 // console.log(listdata[i][k].id) 2277 // if ($("#" + listdata[i][k].id).hasClass("subtitletoolsactive")) { 2278 // $("#" + listdata[i][k].id).removeClass("subtitletoolsactive"); 2279 // $("#" + listdata[i][k].id).addClass("subtitletools"); 2280 // } 2281 } else if ( 2282 idhtml == "lgcontrash" || 2283 idhtml == "ncontrash" || 2284 idhtml == "hcontrash" 2285 ) { 2286 if ( 2287 listdata[i][k].id == "lgcontrash" || 2288 listdata[i][k].id == "ncontrash" || 2289 listdata[i][k].id == "hcontrash" 2290 ) { 2291 if ($("#" + listdata[i][k].id).hasClass("subtitletoolsactive")) { 2292 $("#" + listdata[i][k].id).removeClass("subtitletoolsactive"); 2293 $("#" + listdata[i][k].id).addClass("subtitletools"); 2294 } 2295 } 2296 } 2297 } 2298 //console.log(classactive); 2299 var loopmulti = { 2300 id: listdata[i][k].id, 2301 class: listdata[i][k].className, 2302 classactiv: classactive, 2303 }; 2304 listdatall.push(loopmulti); 2305 } 2306 } 2307 var cekactiveclass = listdatall.filter(function(group) { 2308 return group.id == idhtml; 2309 }); 2310 var returndata = { 2311 getclass: cekactiveclass[0], 2312 data: listdata, 2313 }; 2314 return returndata; 2315 } 2316 2317
2318 $("#webspeach").click(function(event) { 2319 // tracking_fitur_disabilitas('Moda Suara'); 2320 var listdatagroup = cekclassactive(groups, "webspeach"); 2321 if (listdatagroup.getclass.classactiv == "active") { 2322 toggleSpeech() 2323 }else{ 2324 toggleSpeech() 2325 } 2326 }); 2327 2328 function toggleSpeech() 2329 { 2330 if (localStorage.getItem("set_voice") == 'on') { 2331 localStorage.setItem('set_voice', 'off'); 2332 localStorage.removeItem("set_voice"); 2333 bicara('Mode suara dimatikan'); 2334 $('.voice-button').css('display', 'none') 2335 $('#voice_icon').html('<i class="fa fa-volume-off" aria-hidden="true"></i>') 2336 }else{ 2337 localStorage.setItem('set_voice', 'on'); 2338 bicara('Mode suara dinyalakan') 2339 $('.voice-button').css('display', '') 2340 $('#voice_icon').html('<i class="fa fa-volume-up text-white" aria-hidden="true"></i>') 2341 } 2342 } 2343 2344 2345 $("#mobileapp").click(function(event) { 2346 // tracking_fitur_disabilitas('Moda Suara Mobile Apps'); 2347 var listdatagroup = cekclassactive(groups, "mobileapp"); 2348 if (listdatagroup.getclass.classactiv == "active") { 2349 localStorage.setItem("permismobile", "on"); 2350 toggleSpeech() 2351 } else { 2352 localStorage.setItem("permismobile", "off"); 2353 toggleSpeech() 2354 } 2355 }); 2356 // localStorage.removeItem("permismobile"); 2357 // localStorage.removeItem("set_voice"); 2358 2359 $(document).on("mouseover", "a > *:not('.subtitletools')", function() { 2360 var textvalue = $(this).text().toString(); 2361 if (localStorage.getItem("set_voice") == 'on') { 2362 bicara(textvalue); 2363 // speachmobile(textvalue); 2364 } 2365 }); 2366 2367 $(document).on("mouseover", "a:not('.subtitletools')", function() { 2368 var textvalue = $(this).text().toString(); 2369 if (localStorage.getItem("set_voice") == 'on') { 2370 bicara(textvalue); 2371 // speachmobile(textvalue); 2372 } 2373 }); 2374 2375 if (getOS() == "Windows" || getOS() == "Mac OS" || getOS() == "Linux") { 2376 var namedatainput = '[class="bodytools"]'; 2377 var namedatainput2 = "div"; 2378 var listgroupselector = groups.map(function(group) { 2379 return group.querySelector(namedatainput); 2380 }); 2381 var listdata = listgroupselector.map(function(group) { 2382 return Array.from(group.querySelectorAll(namedatainput2)).map(function( 2383 item 2384 ) { 2385 return item; 2386 }); 2387 }); 2388 2389 var listdatall = []; 2390 2391 for (let i = 0; i < listdata.length; i++) { 2392 for (let k = 0; k < listdata[i].length; k++) { 2393 var tagid = "#" + listdata[i][k].id; 2394 2395 if (tagid == "#ratatulisan") { 2396 $(tagid).click(function() { 2397 var mytext = $(this).text(); 2398 callfunction(mytext); 2399 }); 2400 } 2401 } 2402 } 2403 2404 $(document).on("mouseover", ".subtitletools", function() { 2405 var textvalue = $(this).text().toString(); 2406 callfunction(textvalue); 2407 }); 2408 } else { 2409 var namedatainput = '[class="bodytools"]'; 2410 var namedatainput2 = "div"; 2411 var listgroupselector = groups.map(function(group) { 2412 return group.querySelector(namedatainput); 2413 }); 2414 var listdata = listgroupselector.map(function(group) { 2415 return Array.from(group.querySelectorAll(namedatainput2)).map(function( 2416 item 2417 ) { 2418 return item; 2419 }); 2420 }); 2421 2422 var listdatall = []; 2423 2424 for (let i = 0; i < listdata.length; i++) { 2425 for (let k = 0; k < listdata[i].length; k++) { 2426 var tagid = "#" + listdata[i][k].id; 2427 var notagid = listdata[i][k].id; 2428 2429 if (tagid != "#resetdisabilitas" && tagid != "#mobileapp") { 2430 $(tagid).click(function() { 2431 var mytext = $(this).text(); 2432 callfunction(mytext); 2433 }); 2434 } 2435 if (notagid == "resetdisabilitas") { 2436 $(document).on("mouseover", ".subtitletools", function() { 2437 var textvalue = $(this).text().toString(); 2438 callmobile(textvalue); 2439 }); 2440 } 2441 } 2442 } 2443 } 2444 2445 function callmobile(value) { 2446 var voicecek = localStorage.getItem("permismobile"); 2447 if (voicecek != null && voicecek == "on") { 2448 speachmobile(value); 2449 } 2450 } 2451 </script>
2451 </div> 2452
2452<script> 2453 // Text to voice 2454 $('#set_voice').on('click', function(){ 2455 const param = 'on'; 2456 if (localStorage.getItem("set_voice") == param) { 2457 bicara('Fitur text to voice dimatikan') 2458 localStorage.setItem('set_voice', 'off'); 2459 $('#voice_icon').html('<i class="fa fa-volume-off" aria-hidden="true"></i>') 2460 }else{ 2461 localStorage.setItem('set_voice', 'on'); 2462 $('#voice_icon').html('<i class="fa fa-volume-up" aria-hidden="true"></i>') 2463 bicara('Fitur text to voice dinyalakan') 2464 } 2465 }) 2466 $(window).on('load', function() { 2467 localStorage.removeItem('set_voice'); 2468 if (localStorage.getItem("set_voice") == 'on') { 2469 $('#set_voice #voice_icon').html('<i class="fa fa-volume-up" aria-hidden="true"></i>') 2470 }else{ 2471 localStorage.setItem('set_voice', 'off'); 2472 $('#set_voice #voice_icon').html('<i class="fa fa-volume-off" aria-hidden="true"></i>') 2473 } 2474 }); 2475 // voice call automatic 2476 $("ol li, p, h1, h2, h3, h4, h5, h6, span, figcaption").not('.speechx').on({ 2477 mouseenter: function () { 2478 var text = ''; 2479 if ($(this).length > 0) { 2480 var text = $(this).text(); 2481 } 2482 if (localStorage.getItem("set_voice") == 'on') { 2483 // responsiveVoice.speak(text, "Indonesian Female"); 2484 bicara(text) 2485 } 2486 }, 2487 mouseleave: function () { 2488 bacot() 2489 } 2490 }); 2491</script>
vendor: 1 bytes, line 2491
2491
2492<script src="https://badungkab.go.id/theme/harmonigov/vendor/jquery/jquery.min.js"></script>
vendor: 1 bytes, line 2492
2492
2493<script src="https://badungkab.go.id/theme/harmonigov/assets/js/speech_recognition.js"></script>
vendor: 1 bytes, line 2493
2493
2494<script> 2495 function elemToStr(elem) 2496 { 2497 var text = elem; 2498 if ($(elem).length > 0) { 2499 var text = $(elem).text(); 2500 } 2501 if (text.length > 0) { 2502 return text.replace(/<\/?[^>]+(>|$)/g, ""); 2503 } 2504 return ""; 2505 } 2506 2507 function chunkStrKeepWord(input, len) 2508 { 2509 var curr = len; 2510 var prev = 0; 2511 output = []; 2512 while (input[curr]) { 2513 if (input[curr++] == ' ') { 2514 output.push(input.substring(prev,curr)); 2515 prev = curr; 2516 curr += len; 2517 } 2518 } 2519 output.push(input.substr(prev)); 2520 return output; 2521 } 2522 2523 function setCapsule(str) 2524 { 2525 $('#dynSvg').html('<svg fill="#ffffff" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>ear-slash</title> <path d="M20.592 23.441c-0.128-0.048-0.275-0.076-0.43-0.076-0.536 0-0.994 0.337-1.171 0.812l-0.003 0.009-0.102 0.299c-0.098 0.328-0.168 0.711-0.196 1.105l-0.001 0.018c-0.013 0.22-0.046 0.426-0.097 0.624l0.005-0.022c-0.083 0.282-0.177 0.522-0.288 0.752l0.013-0.029c-0.221 0.428-0.506 0.791-0.846 1.092l-0.004 0.003c-0.732 0.622-1.656 1.040-2.671 1.156l-0.023 0.002c-0.235 0.033-0.506 0.052-0.781 0.052-0.818 0-1.597-0.167-2.304-0.469l0.038 0.015c-0.893-0.371-1.607-1.022-2.049-1.842l-0.011-0.022c-0.266-0.544-0.422-1.183-0.422-1.859 0-0.021 0-0.043 0-0.064l-0 0.003c0-0.69-0.56-1.25-1.25-1.25s-1.25 0.56-1.25 1.25v0c-0 0.018-0 0.038-0 0.059 0 1.085 0.254 2.111 0.706 3.021l-0.018-0.040c0.72 1.368 1.868 2.429 3.262 3.023l0.043 0.016c0.947 0.415 2.051 0.656 3.211 0.656 0.011 0 0.022-0 0.034-0h-0.002c0.392-0 0.778-0.026 1.156-0.075l-0.045 0.005c1.561-0.182 2.947-0.821 4.049-1.779l-0.009 0.008c0.574-0.512 1.049-1.12 1.402-1.801l0.016-0.035c0.155-0.309 0.301-0.675 0.417-1.055l0.013-0.050c0.096-0.323 0.165-0.699 0.192-1.087l0.001-0.017c0.014-0.227 0.048-0.44 0.101-0.644l-0.005 0.023 0.063-0.184c0.048-0.128 0.076-0.275 0.076-0.429 0-0.536-0.337-0.993-0.812-1.171l-0.009-0.003zM12 24.695c1.816-0.058 3.266-1.543 3.266-3.368 0-0.115-0.006-0.229-0.017-0.341l0.001 0.014c0.003-0.487 0.151-0.938 0.404-1.313l-0.005 0.008c0.132-0.195 0.211-0.436 0.211-0.695 0-0.69-0.559-1.249-1.249-1.249-0.431 0-0.811 0.218-1.035 0.55l-0.003 0.004c-0.512 0.758-0.818 1.69-0.822 2.694v0.001c0 0.727-0.294 1.195-0.75 1.195s-0.75-0.469-0.75-1.195c0-0.69-0.56-1.25-1.25-1.25s-1.25 0.56-1.25 1.25v0c-0.010 0.098-0.016 0.212-0.016 0.327 0 1.825 1.45 3.31 3.261 3.368l0.005 0zM30.885 29.115l-7.577-7.577c0.136-0.148 0.261-0.307 0.401-0.449 0.262-0.26 0.521-0.523 0.762-0.814 1.214-1.476 2.104-3.266 2.534-5.228l0.015-0.083c0.151-0.76 0.238-1.634 0.238-2.528 0-0.154-0.003-0.307-0.008-0.459l0.001 0.022c0-7.27-4.723-10.544-8.766-11.14-0.463-0.075-0.996-0.119-1.539-0.119-3.884 0-7.253 2.201-8.929 5.424l-0.026 0.056-5.106-5.105c-0.226-0.225-0.537-0.363-0.881-0.363-0.69 0-1.25 0.56-1.25 1.25 0 0.344 0.139 0.655 0.363 0.881l27.999 28.001c0.226 0.226 0.539 0.366 0.884 0.366 0.691 0 1.251-0.56 1.251-1.251 0-0.345-0.14-0.658-0.366-0.884l0 0zM18.121 3.334c3.057 0.45 6.629 2.99 6.629 8.666 0.005 0.124 0.008 0.27 0.008 0.416 0 0.717-0.067 1.418-0.194 2.098l0.011-0.070c-0.241 1.112-0.633 2.096-1.162 2.991l0.025-0.046c-0.286 0.493-0.583 0.917-0.911 1.315l0.013-0.016c-0.188 0.227-0.393 0.432-0.598 0.635-0.134 0.134-0.276 0.282-0.418 0.432l-2.339-2.339c0.604-0.871 0.965-1.951 0.965-3.116 0-1.199-0.383-2.309-1.034-3.214l0.011 0.016c-0.998-1.28-2.54-2.096-4.273-2.096-0.065 0-0.13 0.001-0.194 0.003l0.009-0c-0.426 0.026-0.824 0.099-1.203 0.215l0.037-0.010c0.643-1.309 1.967-2.194 3.497-2.194 0.062 0 0.123 0.001 0.184 0.004l-0.009-0c2.248 0.209 3.994 2.086 3.994 4.371 0 0.213-0.015 0.423-0.045 0.627l0.003-0.023c0 0.69 0.56 1.25 1.25 1.25s1.25-0.56 1.25-1.25v0c0.020-0.197 0.032-0.426 0.032-0.657 0-3.613-2.806-6.571-6.357-6.813l-0.021-0.001c-0.061-0.002-0.133-0.003-0.206-0.003-2.902 0-5.36 1.904-6.192 4.531l-0.013 0.046-0.97-0.97c1.112-2.88 3.859-4.886 7.074-4.886 0.405 0 0.802 0.032 1.19 0.093l-0.043-0.006zM13.62 11.851c0.337-0.192 0.735-0.316 1.16-0.343l0.008-0c0.030-0.001 0.064-0.002 0.099-0.002 0.91 0 1.72 0.429 2.239 1.095l0.005 0.006c0.328 0.474 0.524 1.060 0.524 1.693 0 0.47-0.108 0.915-0.301 1.311l0.008-0.018z"></path> </g></svg>'); 2526 } 2527 function splashCapsule(str) 2528 { 2529 setCapsule(str); 2530 setTimeout(function () { 2531 resetCapsule(); 2532 }, 1000); 2533 } 2534 function resetCapsule() 2535 { 2536 $('#dynSvg').html('<svg fill="#ffffff" version="1.1" id="Listening" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
2536ox="0 0 128 128" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path id="_x34__1_" d="M39.6,108.1c-8.8,0-16-7.2-16-16c0-2.2,1.8-4,4-4s4,1.8,4,4c0,4.4,3.6,8,8,8c2.8,0,5.4-1.5,6.9-3.9 c0.6-1,1.4-2.8,2.3-4.7c1.7-3.8,3.6-8.1,6-11.2c1.9-2.5,4.7-5,7.4-7.5c2.7-2.5,5.8-5.4,6.8-7.2c2-3.5,3-7.4,3-11.4 c0-12.7-10.3-23-23-23s-23,10.3-23,23c0,2.2-1.8,4-4,4s-4-1.8-4-4c0-17.1,13.9-31,31-31c17.1,0,31,13.9,31,31 c0,5.4-1.4,10.7-4.1,15.4c-1.6,2.9-4.9,5.9-8.4,9.1c-2.4,2.3-5,4.6-6.5,6.5c-1.8,2.3-3.6,6.3-5,9.5c-1,2.2-1.8,4.1-2.7,5.6 C50.5,105.1,45.2,108.1,39.6,108.1z"></path> <path id="_x33__2_" d="M34,79.6c-2.2,0-4-1.8-4-4s1.8-4,4-4c2,0,3.7-1.6,3.7-3.7c0-2-1.6-3.7-3.7-3.7c-2.2,0-4-1.8-4-4v-6 c0-10.5,8.5-19,19-19s19,8.5,19,19c0,3.3-0.8,6.5-2.4,9.3c-0.1,0.1-0.1,0.2-0.2,0.3c-0.8,1.2-2.7,3-5.9,6l-1.2,1.1 c-1.6,1.5-4.2,1.4-5.7-0.2c-1.5-1.6-1.4-4.2,0.2-5.7L54,64c2.6-2.4,4.2-3.9,4.7-4.6c0.8-1.6,1.3-3.4,1.3-5.2c0-6.1-4.9-11-11-11 s-11,4.9-11,11v2.7c4.5,1.6,7.7,5.9,7.7,11C45.7,74.3,40.5,79.6,34,79.6z"></path> <path id="_x32__15_" d="M85,78.7c-0.6,0-1.2-0.2-1.7-0.5c-1.7-1-2.2-3.1-1.3-4.8c3.3-5.8,5.1-12.3,5.1-19c0-6.8-1.8-13.4-5.2-19.2 c-1-1.7-0.4-3.8,1.2-4.8c1.7-1,3.8-0.4,4.8,1.2c4.1,6.9,6.2,14.8,6.2,22.8c0,7.9-2.1,15.6-6,22.5C87.4,78.1,86.2,78.7,85,78.7z"></path> <path id="_x31__17_" d="M95.9,90.1c-0.8,0-1.5-0.2-2.2-0.7c-1.8-1.2-2.3-3.7-1.1-5.6c5.9-8.7,9-18.8,9-29.4 c0-10.6-3.2-20.9-9.2-29.6c-1.2-1.8-0.8-4.3,1-5.6c1.8-1.2,4.3-0.8,5.6,1c6.9,10.1,10.6,21.9,10.6,34.1c0,12.1-3.6,23.8-10.3,33.8 C98.4,89.5,97.1,90.1,95.9,90.1z"></path> </g></svg>'); 2537 } 2538 2539 function sound(element) 2540 { 2541 $("div.speechx-status").show(); 2542 $("i", element).toggleClass("fa-volume-off fa-volume-up"); 2543 $(element).toggleClass("off on"); 2544 if ($(element).hasClass("on")) { 2545 bicara(chunkStrKeepWord(searchContent(), 100), 0); 2546 setCapsule("<small>Berbicara...</small> ") 2547 } 2548 if ($(element).hasClass("off")) { 2549 bacot(); 2550 splashCapsule("<small>Berhenti...</small> "); 2551 } 2552 } 2553 2554 function searchContent() 2555 { 2556 let title = elemToStr($(".speech-title")); 2557 if (title=="") { 2558 return "Tidak ditemukan bacaan pada halaman ini."; 2559 } 2560 let content = elemToStr($(".speech-content")); 2561 let time = elemToStr($(".speech-time")); 2562 let full_content = "Judul: " + title + ". Dibuat pada " + time + ". " + content + ". Selesai."; 2563 return full_content.replace(/\s+/g, ' ').trim(); 2564 } 2565 2566 document.addEventListener("DOMContentLoaded", () => { 2567 localStorage.setItem('set_voice', 'on'); 2568 console.log(chunkStrKeepWord(searchContent(), 100)); 2569 resetCapsule(); 2570 }); 2571 2572 // Add event listener on keydown 2573 document.addEventListener('keydown', (event) => { 2574 var name = event.key; 2575 var code = event.code; 2576 if (name === 'Shift') { 2577 return; 2578 } 2579 if (event.shiftKey) { 2580 if (code == "F2") { 2581 sound($("a#bicara")); 2582 } 2583 } 2584 }, false); 2585</script>
2585 2586
2586<script> 2587 function elemToStr(elem) 2588 { 2589 var text = elem; 2590 if ($(elem).length > 0) { 2591 var text = $(elem).text(); 2592 } 2593 if (text.length > 0) { 2594 return text.replace(/<\/?[^>]+(>|$)/g, ""); 2595 } 2596 return ""; 2597 } 2598 2599 function chunkStrKeepWord(input, len) 2600 { 2601 var curr = len; 2602 var prev = 0; 2603 output = []; 2604 while (input[curr]) { 2605 if (input[curr++] == ' ') { 2606 output.push(input.substring(prev,curr)); 2607 prev = curr; 2608 curr += len; 2609 } 2610 } 2611 output.push(input.substr(prev)); 2612 return output; 2613 } 2614 2615 function setCapsule(str) 2616 { 2617 $('#dynSvg').html('<svg fill="#ffffff" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>ear-slash</title> <path d="M20.592 23.441c-0.128-0.048-0.275-0.076-0.43-0.076-0.536 0-0.994 0.337-1.171 0.812l-0.003 0.009-0.102 0.299c-0.098 0.328-0.168 0.711-0.196 1.105l-0.001 0.018c-0.013 0.22-0.046 0.426-0.097 0.624l0.005-0.022c-0.083 0.282-0.177 0.522-0.288 0.752l0.013-0.029c-0.221 0.428-0.506 0.791-0.846 1.092l-0.004 0.003c-0.732 0.622-1.656 1.040-2.671 1.156l-0.023 0.002c-0.235 0.033-0.506 0.052-0.781 0.052-0.818 0-1.597-0.167-2.304-0.469l0.038 0.015c-0.893-0.371-1.607-1.022-2.049-1.842l-0.011-0.022c-0.266-0.544-0.422-1.183-0.422-1.859 0-0.021 0-0.043 0-0.064l-0 0.003c0-0.69-0.56-1.25-1.25-1.25s-1.25 0.56-1.25 1.25v0c-0 0.018-0 0.038-0 0.059 0 1.085 0.254 2.111 0.706 3.021l-0.018-0.040c0.72 1.368 1.868 2.429 3.262 3.023l0.043 0.016c0.947 0.415 2.051 0.656 3.211 0.656 0.011 0 0.022-0 0.034-0h-0.002c0.392-0 0.778-0.026 1.156-0.075l-0.045 0.005c1.561-0.182 2.947-0.821 4.049-1.779l-0.009 0.008c0.574-0.512 1.049-1.12 1.402-1.801l0.016-0.035c0.155-0.309 0.301-0.675 0.417-1.055l0.013-0.050c0.096-0.323 0.165-0.699 0.192-1.087l0.001-0.017c0.014-0.227 0.048-0.44 0.101-0.644l-0.005 0.023 0.063-0.184c0.048-0.128 0.076-0.275 0.076-0.429 0-0.536-0.337-0.993-0.812-1.171l-0.009-0.003zM12 24.695c1.816-0.058 3.266-1.543 3.266-3.368 0-0.115-0.006-0.229-0.017-0.341l0.001 0.014c0.003-0.487 0.151-0.938 0.404-1.313l-0.005 0.008c0.132-0.195 0.211-0.436 0.211-0.695 0-0.69-0.559-1.249-1.249-1.249-0.431 0-0.811 0.218-1.035 0.55l-0.003 0.004c-0.512 0.758-0.818 1.69-0.822 2.694v0.001c0 0.727-0.294 1.195-0.75 1.195s-0.75-0.469-0.75-1.195c0-0.69-0.56-1.25-1.25-1.25s-1.25 0.56-1.25 1.25v0c-0.010 0.098-0.016 0.212-0.016 0.327 0 1.825 1.45 3.31 3.261 3.368l0.005 0zM30.885 29.115l-7.577-7.577c0.136-0.148 0.261-0.307 0.401-0.449 0.262-0.26 0.521-0.523 0.762-0.814 1.214-1.476 2.104-3.266 2.534-5.228l0.015-0.083c0.151-0.76 0.238-1.634 0.238-2.528 0-0.154-0.003-0.307-0.008-0.459l0.001 0.022c0-7.27-4.723-10.544-8.766-11.14-0.463-0.075-0.996-0.119-1.539-0.119-3.884 0-7.253 2.201-8.929 5.424l-0.026 0.056-5.106-5.105c-0.226-0.225-0.537-0.363-0.881-0.363-0.69 0-1.25 0.56-1.25 1.25 0 0.344 0.139 0.655 0.363 0.881l27.999 28.001c0.226 0.226 0.539 0.366 0.884 0.366 0.691 0 1.251-0.56 1.251-1.251 0-0.345-0.14-0.658-0.366-0.884l0 0zM18.121 3.334c3.057 0.45 6.629 2.99 6.629 8.666 0.005 0.124 0.008 0.27 0.008 0.416 0 0.717-0.067 1.418-0.194 2.098l0.011-0.070c-0.241 1.112-0.633 2.096-1.162 2.991l0.025-0.046c-0.286 0.493-0.583 0.917-0.911 1.315l0.013-0.016c-0.188 0.227-0.393 0.432-0.598 0.635-0.134 0.134-0.276 0.282-0.418 0.432l-2.339-2.339c0.604-0.871 0.965-1.951 0.965-3.116 0-1.199-0.383-2.309-1.034-3.214l0.011 0.016c-0.998-1.28-2.54-2.096-4.273-2.096-0.065 0-0.13 0.001-0.194 0.003l0.009-0c-0.426 0.026-0.824 0.099-1.203 0.215l0.037-0.010c0.643-1.309 1.967-2.194 3.497-2.194 0.062 0 0.123 0.001 0.184 0.004l-0.009-0c2.248 0.209 3.994 2.086 3.994 4.371 0 0.213-0.015 0.423-0.045 0.627l0.003-0.023c0 0.69 0.56 1.25 1.25 1.25s1.25-0.56 1.25-1.25v0c0.020-0.197 0.032-0.426 0.032-0.657 0-3.613-2.806-6.571-6.357-6.813l-0.021-0.001c-0.061-0.002-0.133-0.003-0.206-0.003-2.902 0-5.36 1.904-6.192 4.531l-0.013 0.046-0.97-0.97c1.112-2.88 3.859-4.886 7.074-4.886 0.405 0 0.802 0.032 1.19 0.093l-0.043-0.006zM13.62 11.851c0.337-0.192 0.735-0.316 1.16-0.343l0.008-0c0.030-0.001 0.064-0.002 0.099-0.002 0.91 0 1.72 0.429 2.239 1.095l0.005 0.006c0.328 0.474 0.524 1.060 0.524 1.693 0 0.47-0.108 0.915-0.301 1.311l0.008-0.018z"></path> </g></svg>'); 2618 } 2619 function splashCapsule(str) 2620 { 2621 setCapsule(str); 2622 setTimeout(function () { 2623 resetCapsule(); 2624 }, 1000); 2625 } 2626 function resetCapsule() 2627 { 2628 $('#dynSvg').html('<svg fill="#ffffff" version="1.1" id="Listening" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
2628ox="0 0 128 128" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path id="_x34__1_" d="M39.6,108.1c-8.8,0-16-7.2-16-16c0-2.2,1.8-4,4-4s4,1.8,4,4c0,4.4,3.6,8,8,8c2.8,0,5.4-1.5,6.9-3.9 c0.6-1,1.4-2.8,2.3-4.7c1.7-3.8,3.6-8.1,6-11.2c1.9-2.5,4.7-5,7.4-7.5c2.7-2.5,5.8-5.4,6.8-7.2c2-3.5,3-7.4,3-11.4 c0-12.7-10.3-23-23-23s-23,10.3-23,23c0,2.2-1.8,4-4,4s-4-1.8-4-4c0-17.1,13.9-31,31-31c17.1,0,31,13.9,31,31 c0,5.4-1.4,10.7-4.1,15.4c-1.6,2.9-4.9,5.9-8.4,9.1c-2.4,2.3-5,4.6-6.5,6.5c-1.8,2.3-3.6,6.3-5,9.5c-1,2.2-1.8,4.1-2.7,5.6 C50.5,105.1,45.2,108.1,39.6,108.1z"></path> <path id="_x33__2_" d="M34,79.6c-2.2,0-4-1.8-4-4s1.8-4,4-4c2,0,3.7-1.6,3.7-3.7c0-2-1.6-3.7-3.7-3.7c-2.2,0-4-1.8-4-4v-6 c0-10.5,8.5-19,19-19s19,8.5,19,19c0,3.3-0.8,6.5-2.4,9.3c-0.1,0.1-0.1,0.2-0.2,0.3c-0.8,1.2-2.7,3-5.9,6l-1.2,1.1 c-1.6,1.5-4.2,1.4-5.7-0.2c-1.5-1.6-1.4-4.2,0.2-5.7L54,64c2.6-2.4,4.2-3.9,4.7-4.6c0.8-1.6,1.3-3.4,1.3-5.2c0-6.1-4.9-11-11-11 s-11,4.9-11,11v2.7c4.5,1.6,7.7,5.9,7.7,11C45.7,74.3,40.5,79.6,34,79.6z"></path> <path id="_x32__15_" d="M85,78.7c-0.6,0-1.2-0.2-1.7-0.5c-1.7-1-2.2-3.1-1.3-4.8c3.3-5.8,5.1-12.3,5.1-19c0-6.8-1.8-13.4-5.2-19.2 c-1-1.7-0.4-3.8,1.2-4.8c1.7-1,3.8-0.4,4.8,1.2c4.1,6.9,6.2,14.8,6.2,22.8c0,7.9-2.1,15.6-6,22.5C87.4,78.1,86.2,78.7,85,78.7z"></path> <path id="_x31__17_" d="M95.9,90.1c-0.8,0-1.5-0.2-2.2-0.7c-1.8-1.2-2.3-3.7-1.1-5.6c5.9-8.7,9-18.8,9-29.4 c0-10.6-3.2-20.9-9.2-29.6c-1.2-1.8-0.8-4.3,1-5.6c1.8-1.2,4.3-0.8,5.6,1c6.9,10.1,10.6,21.9,10.6,34.1c0,12.1-3.6,23.8-10.3,33.8 C98.4,89.5,97.1,90.1,95.9,90.1z"></path> </g></svg>'); 2629 } 2630 2631 function sound(element) 2632 { 2633 $("div.speechx-status").show(); 2634 $("i", element).toggleClass("fa-volume-off fa-volume-up"); 2635 $(element).toggleClass("off on"); 2636 if ($(element).hasClass("on")) { 2637 bicara(chunkStrKeepWord(searchContent(), 100), 0); 2638 setCapsule("<small>Berbicara...</small> ") 2639 } 2640 if ($(element).hasClass("off")) { 2641 bacot(); 2642 splashCapsule("<small>Berhenti...</small> "); 2643 } 2644 } 2645 2646 function searchContent() 2647 { 2648 let title = elemToStr($(".speech-title")); 2649 if (title=="") { 2650 return "Tidak ditemukan bacaan pada halaman ini."; 2651 } 2652 let content = elemToStr($(".speech-content")); 2653 let time = elemToStr($(".speech-time")); 2654 let full_content = "Judul: " + title + ". Dibuat pada " + time + ". " + content + ". Selesai."; 2655 return full_content.replace(/\s+/g, ' ').trim(); 2656 } 2657 2658 document.addEventListener("DOMContentLoaded", () => { 2659 localStorage.setItem('set_voice', 'on'); 2660 console.log(chunkStrKeepWord(searchContent(), 100)); 2661 resetCapsule(); 2662 }); 2663 2664 // Add event listener on keydown 2665 document.addEventListener('keydown', (event) => { 2666 var name = event.key; 2667 var code = event.code; 2668 if (name === 'Shift') { 2669 return; 2670 } 2671 if (event.shiftKey) { 2672 if (code == "F2") { 2673 sound($("a#bicara")); 2674 } 2675 } 2676 }, false); 2677</script>
vendor: 1 bytes, line 2677
2677
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.