hardian98.github.io/lang_en.html at main · hardian98/hardian98.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<?php
header('X-Frame-Options: DENY');
header("Content-Security-Policy: default-src 'self'");
header("Referrer-Policy: no-referrer");
header("X-XSS-Protection: 1; mode=block");
session_start();
$token = bin2hex(random_bytes(32));
$_SESSION['csrf_token'] = $token;
header("X-CSRF-Token: $token");
?>

<?xml version="1.0" encoding="UTF-16"?>
<!DOCTYPE html PUBLIC '-//WAPFORUM//DTD XHTML Mobile 1.0//EN" 'http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
	<html lang="en">
		<head>
			<title>The First Most Advanced Battery Web App in Indonesia</title>
			<meta charset="UTF-16">
			<meta name="viewport" content="width-device,width=1, initial-scale=1, maximal-scale=1">
			<meta name="keywords" content="Web app battery, App battery, Battery javascript, Battery, Hardian battery, Check battery, Check battery and temp">
			<meta name="description" content="Indonesia's Number 1 Most Advanced Battery Web App: check temperature & voltage and other advanced features!">
			<meta name="url" content="https://hardian98.github.io">
			<meta name="identifier-URL" content="https://hardian98.github.io">
			<meta name="google-site-verification" content="8rqg0Y6xJwqbouIX71Bif6BjvFE65ZSk6wUg4S-EJwg">
			<meta name="robots" content="noindex, follow">
			<meta name="rating" content="General">
			<meta name="language" content="en">
			<meta name="author" content="Hardiansyah">
			<meta name="revised" content="Saturday, November 05, 2024">
			<meta name="theme-color" content="#FFFFFF">
			<meta http-equiv="refresh" content="500; url=lang_en.html">
			<!---->
			<link rel="icon" href="icon.gif" type="image/gif" sizes="50x50">
			<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
			<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
			<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Mitr|Sen|Orbitron|Exo+2|Raleway|Prompt|Alata|Cabin+Sketch|Oxanium|Scada|Tilt+Neon|&display=swap">
			<link rel="stylesheet" href="loader.css">
			<link rel="stylesheet" href="baterai.style.css">
			<!---->
			<meta property="og:title" content="Monitor your battery, come on!">
			<meta property="og:description" content="Check Temperature & Voltage and advanced features in it!">
			<meta property="og:image" content="thumb.jpeg">
			<meta property="og:type" content="article">
			<!--
			<script type="text/javascript" src="cookie.js"></script>
			-->
		</head>

		<body onload="window.setTimeout('getSecs()',1);checkCookie();loadDoc()">
			<script>
				document.addEventListener('contextmenu', function(event) {
					event.preventDefault();
				});
			</script>
			<!-- Program Begins... -->
			<main>
				<script> <!-- Token -->
				function generateCSRFToken() {
					const token = Math.random().toString(36).substr(2, 12);
					document.querySelector('input[name="csrf_token"]').value = token;
					return token;
				}
				</script>
				<script> <!-- Mithril JS -->
				import m from "mithril";
				import id from "./services/en";
				import { setLocaleFromRoute } from "./services/idRouting";
				import Layout from "./Layout/Layout";
				const App = {
					oncreate: setLocaleFromRoute,
					onupdate: setLocaleFromRoute,
					view(vnode) {
						return id.status === "Count. . ."
						? m("span", "Count. . .")
						: m(Layout, vnode.children);
					},
				};
				export default App;
				</script>
				<script> <!-- AJAX Server Response -->
				function loadDoc() {
					var xhttp = new XMLHttpRequest();
					xhttp.onreadystatechange = function() {
						if (this.readyState == 4 && this.status == 200) {
							document.getElementByTagName("body").innerHTML = this.responseText;
						}
					};
					xhttp.open("GET", "data.json", true);
					xhttp.send();
				}
				</script>
				<!-- Ok -->
			</main>

			<footer>
				<p onclick="writer_01();suara_1()">How does this website work? <i class="fa fa-terminal"></i></p>
				<p id="typing_01" class="textwr"></p>
				<script>
					var satu = 0;
					var txt01 = "I use the Javascript API program to find out the relevant information needed to run this program.\nEverything displayed on this Website is safe and no data is stolen.\nReading battery and device information is a feature of the Application Programming Interface (API) which is powered by Javascript.\nI guarantee that no data will be stolen and I am ready to report it to the authorities if it is proven that data theft has occurred."; /* The text */
					var speed1 = 50;
					function writer_01() {
						if (satu < txt01.length) {
							document.getElementById("typing_01").innerHTML += txt01.charAt(satu);
							satu++;
							setTimeout(writer_01, speed1);
						}
					}
				</script>

				<hr width='6%' color='#DDD' size='1px'/>

				<p onclick="writer_02();suara_2()">How it Works? <i class="fa fa-terminal"></i></p>
				<p id="typing_02" class="textwr"></p>
				<script>
					var dua = 0;
					var txt02 = "When a power source is connected, the program will read the incoming voltage and estimate how long it will take for the battery to be fully charged.\nFeature: “Fast Charging” will take a higher power current from the Adapter but with a safe tolerance limit.\nFeature: “Adaptive Battery” will limit applications running in the background from consuming more power.\nFeature: “Stabilize Voltage” will change the incoming current to be more stable to get a high amperage current."; /* The text */
					var speed2 = 50;
					function writer_02() {
						if (satu < txt02.length) {
							document.getElementById("typing_02").innerHTML += txt02.charAt(dua);
							dua++;
							setTimeout(writer_02, speed2);
						}
					}
				</script>

				<hr width='50%' color='#DDD' size='1px'/>

				<p>This website was developed 2 years ago.<br/>
				Released on September 15 2023, and running time:<br/>
				<span id="umur">
					<span class="bulan"></span> Month
					<br>
					(<span class="hari"></span> days, <span class="jam"></span> hours, <span class="mnt"></span> min, <span class="dtk"></span> sec)
				</span></p>

				<img src="kucing.jpg" style="display: block; margin: 0 auto; object-fit: cover; width: 7rem; height: 7rem; border: 1px solid #FFF; border-radius: 50%">

				<p class="programmer">Made by: Hardiansyah<br/>
				&copy;2025<br/>
				Version: 3.50</p>

				<a href="https://m.facebook.com/acces.py"><i class="fa fa-facebook"></i></a> <a href="https://wa.me/6289529305947"><i class="fa fa-whatsapp"></i></a>

				<hr width='50%' color='#DDD' size='1px'/>

				<script type="text/javascript">
				<!-- Begin
				document.write("<p>You have been visit <b>" + amt() + "</b> times.</p>")
				// End -->
				</script>

				<br/>
				<bdo>
					<a href="lang_en.html"><i class="fa fa-check"></i> English</a>
					<a href="index.html">| Indonesia</a>
					<!--<a href="lang_euy.html">Sunda</a>
					<a href="lang_jp.html">Japan</a>
					<a href="lang_kr.html">Korean</a>
					<a href="lang_ch.html">Chinesse</a>
					<a href="lang_th.html">Thailand</a>
					<a href="lang_za.html">Afrikaans</a>-->
				</bdo>

				<hr width="100%" color="#BBB" size="1px"/>

				<p class="thanks">Thanks:<br>W3SCHOOL | STACKOVERFLOW | ChatGPT | medium.com | developer.mozilla.org | Google Font | Google Icon | Font Awesome</p>
				<p><i class="fa fa-android"></i> • <i class="fa fa-apple"></i> • <i class="fa fa-windows"></i><br><i class="fa fa-chrome"></i> • <i class="fa fa-edge"></i> • <i class="fa fa-opera"></i> • <i class="fa fa-firefox"></i> • <i class="fa fa-github"></i><br><i class="fa fa-html5"></i> • <i class="fa fa-css3"></i></p>
			</footer>

			<a href="#tabel" onclick="nav()" class="fa fa-arrow-down bawah"></a>
			<a href="#top" onclick="nav()" class="fa fa-arrow-up atas"></a>

			<script src="jquery_en.js"></script>

			<script>
			$(document).ready(function() {
				setTimeout(function(){
					$('body').addClass('loaded');
				}, 0);
			});
			</script>

			<script>
			var prevScrollpos = window.pageYOffset;
			window.onscroll = function() {
				var currentScrollPos = window.pageYOffset;
				if (prevScrollpos > currentScrollPos) {
					document.getElementById("ucapan").style.top = "25px";
				} else {
					document.getElementById("ucapan").style.top = "3px";
				}
			prevScrollpos = currentScrollPos;
			}
			</script>

			<script src="detektor.js"></script>
			<script src="mithril.js"></script>
			<script src="time.js"></script>
		</body>
	</html>