feat: Adds tampermonkey scripts

2025-12-22 07:26:01 +01:00 · 2025-12-22 07:26:01 +01:00 · 84281c0586
commit 84281c0586
parent 74407287b7
3 changed files with 466 additions and 0 deletions
--- a/tampermonkey/backtohome.js
+++ b/tampermonkey/backtohome.js
@ -0,0 +1,122 @@
+// ==UserScript==
+// @name         Back to Home (39C3 Kiosk)
+// @namespace    http://tampermonkey.net/
+// @version      2025-12-18
+// @description  Adds buttons to every website to return to home page and prompts on idle
+// @author       You
+// @match        *://*/*
+// @icon         https://www.google.com/s2/favicons?sz=64&domain=google.com
+// @grant        GM_addStyle
+// ==/UserScript==
+
+(function() {
+    'use strict';
+
+    const btn = document.createElement('button');
+    btn.textContent = 'Home';
+    btn.style.cssText = '     all: unset; box-sizing: border-box; border: 2px solid #141414; background: #faf5f5; text-align: center; color: #141414;  position: fixed;    right: 10px;    bottom: 10px;    width: 60px;    height: 60px;    z-index: 2147483647;    padding-top: 6px;    border-radius: 60px;';
+    btn.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house-icon lucide-house"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"/><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>';
+    btn.addEventListener('click', () => {
+      window.location.href = 'http://127.0.0.1:8080';
+    });
+    (document.body || document.documentElement).appendChild(btn);
+
+
+    const IDLE_LIMIT_MS = 30_000; // 30 seconds
+    let idleTimer = null;
+    let promptVisible = false;
+
+    const modal = document.createElement('div');
+    modal.id = 'idle-modal';
+    modal.hidden = true;
+    modal.style.cssText = `
+      position: fixed;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      background-color: #141414 !important;
+      border-radius: 0.385em;
+      border: 2px solid #444;
+      padding: 20px;
+      z-index: 2147483647;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+    `;
+    modal.innerHTML = `
+      <h2>You seem to be idle</h2>
+      <p>Do you want to stay on this page or go back to the home page?</p>
+      <button id="idle-stay">Stay</button>
+      <button id="idle-go">Go to Home</button>
+    `;
+    document.body.appendChild(modal);
+
+    const backdrop = document.createElement('div');
+    backdrop.id = 'idle-backdrop';
+    backdrop.hidden = true;
+    backdrop.style.cssText = `
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: rgba(0,0,0,0.5);
+      z-index: 2147483646;
+    `;
+    document.body.appendChild(backdrop);
+
+    const userEvents = [
+      'mousemove',
+      'mousedown',
+      'keydown',
+      'wheel',
+      'touchstart',
+      'scroll'
+    ];
+
+    function showPrompt() {
+      promptVisible = true;
+      modal.hidden = false;
+      backdrop.hidden = false;
+      debugger;
+      // Move focus to the primary action for accessibility
+        document.querySelector("#idle-stay").addEventListener("click", () => {
+          hidePrompt();
+          resetIdleTimer();
+      });
+        document.querySelector("#idle-go").addEventListener("click", () => {
+          window.location.href = 'https://www.google.com';
+      });
+    }
+
+    function hidePrompt() {
+      promptVisible = false;
+      modal.hidden = true;
+      backdrop.hidden = true;
+    }
+
+    function onIdle() {
+      showPrompt();
+    }
+
+    function resetIdleTimer() {
+      if (promptVisible) return; // Don't auto-dismiss while prompt is visible
+      if (idleTimer) clearTimeout(idleTimer);
+      idleTimer = setTimeout(onIdle, IDLE_LIMIT_MS);
+    }
+
+    // Any user activity resets the timer
+    userEvents.forEach(evt => {
+      document.addEventListener(evt, resetIdleTimer, { passive: true });
+    });
+
+    // When returning to a visible tab, refresh the timer
+    document.addEventListener('visibilitychange', () => {
+      if (document.visibilityState === 'visible') {
+        resetIdleTimer();
+      }
+    });
+
+    // Actions
+
+    // Kick things off
+    resetIdleTimer();
+})();