diff --git a/act.html b/act.html
new file mode 100644
index 0000000..8409ad2
--- /dev/null
+++ b/act.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Activation</title>
+</head>
+<body>
+<script>
+    let cnt = 0;
+    let second = 0;
+    setInterval(()=>{
+        if (cnt++ === 50){
+            cnt = 0;
+            document.write('');
+        }
+        document.writeln(`${second++} second: UserActivation {hasBeenActive: ${navigator.userActivation.hasBeenActive}, isActive: ${navigator.userActivation.isActive}}<br/>`)
+    }, 1000);
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/idle.html b/idle.html
new file mode 100644
index 0000000..96f6aec
--- /dev/null
+++ b/idle.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Idle</title>
+</head>
+<body>
+<script>
+    (async () => {
+        console.log('IdleDetector allows minimum 1 minute, so waiting.');
+
+        let cnt = 0;
+        let second = 0;
+        const controller = new AbortController();
+        const idleDetector = new IdleDetector();
+        idleDetector.addEventListener('change', () => {
+            if (cnt++ === 50) {
+                cnt = 0;
+                document.write('');
+            }
+            const userState = idleDetector.userState;
+            const screenState = idleDetector.screenState;
+           console.log(`userState: ${userState}, screenState: ${screenState}.`);
+        });
+
+        await idleDetector.start({
+            threshold: 60 * 1000,
+        });
+    })();
+
+</script>
+</body>
+</html>
\ No newline at end of file
