PageSourceSearch

https://badungkab.go.id/kab/dokumen-ipkd

html badungkab.go.id collected 2026-09-24 09:38:04 UTC 125,172 bytes, 2,677 lines download raw bytes

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.&nbsp;<a href="https://badungkab.go.id/kab/dokumen-ipkd-2021">IPKD Tahun 2021</a></h1>
267
268<h1>2.&nbsp;<a href="https://badungkab.go.id/kab/dokumen-ipkd-2022">IPKD Tahun 2022</a></h1>
269
270<h1>3.&nbsp;<a href="https://badungkab.go.id/kab/dokumen-ipkd-2023">IPKD Tahun 2023</a></h1>
271
272<h1>4.&nbsp;<a href="https://badungkab.go.id/kab/dokumen-ipkd-2024">IPKD Tahun 2024</a></h1>
273
274<h1>5.&nbsp;<a href="https://badungkab.go.id/kab/dokumen-ipkd-2025">IPKD Tahun 2025</a></h1>
275
276<p>&nbsp;</p>
277
278<p>&nbsp;</p>
279
280<p>&nbsp;</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&amp;app_id=&amp;container_width=245&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Fpemkabbadung&amp;locale=id_ID&amp;sdk=joey&amp;show_facepile=true&amp;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&amp;app_id=&amp;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&amp;container_width=245&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2Fpemkabbadung&amp;locale=id_ID&amp;sdk=joey&amp;show_facepile=true&amp;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>&nbsp;")
995    }
996    if ($(element).hasClass("off")) {
997      bacot();
998      splashCapsule("<small>Berhenti...</small>&nbsp;");
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                        &nbsp;&nbsp;<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                    &nbsp;&nbsp;<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               &nbsp;&nbsp;<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                &nbsp;&nbsp;<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                &nbsp;&nbsp;<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                &nbsp;&nbsp;<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                &nbsp;&nbsp;<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                &nbsp;&nbsp;<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                 &nbsp;&nbsp;<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                 &nbsp;&nbsp;<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                &nbsp;&nbsp;<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                &nbsp;&nbsp;<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>&nbsp;")
2547    }
2548    if ($(element).hasClass("off")) {
2549      bacot();
2550      splashCapsule("<small>Berhenti...</small>&nbsp;");
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>&nbsp;")
2639    }
2640    if ($(element).hasClass("off")) {
2641      bacot();
2642      splashCapsule("<small>Berhenti...</small>&nbsp;");
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.