feat: Adds tampermonkey scripts
This commit is contained in:
parent
74407287b7
commit
84281c0586
GPG key ID:
6D787326BA7D6469
3 changed files with 466 additions and 0 deletions
122
tampermonkey/backtohome.js
Normal file
122
tampermonkey/backtohome.js
Normal file
|
|
@ -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();
|
||||||
|
})();
|
||||||
214
tampermonkey/hvv.js
Normal file
214
tampermonkey/hvv.js
Normal file
|
|
@ -0,0 +1,214 @@
|
||||||
|
// ==UserScript==
|
||||||
|
// @name HVV Styling (39C3 Kiosk)
|
||||||
|
// @namespace http://tampermonkey.net/
|
||||||
|
// @version 2025-12-18
|
||||||
|
// @description try to take over the world!
|
||||||
|
// @author You
|
||||||
|
// @match https://www.hvv.de/de/fahrplaene/abruf-fahrplaninfos/abfahrten-auf-ihrem-monitor/abfahrten-anzeige?show=66c992574d6c4179a65009c84f0f74fc
|
||||||
|
// @icon https://www.google.com/s2/favicons?sz=64&domain=hvv.de
|
||||||
|
// @grant GM_addStyle
|
||||||
|
// ==/UserScript==
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
GM_addStyle(`:root {
|
||||||
|
--color-neutral-50: #f2f0f5;
|
||||||
|
--color-neutral-100: #d1c6e0;
|
||||||
|
--color-neutral-200: #b2a0cb;
|
||||||
|
--color-neutral-300: #957eb5;
|
||||||
|
--color-neutral-400: #7a60a0;
|
||||||
|
--color-neutral-500: #61468b;
|
||||||
|
--color-neutral-600: #4b3176;
|
||||||
|
--color-neutral-700: #371f60;
|
||||||
|
--color-neutral-800: #26114b;
|
||||||
|
--color-neutral-900: #180736;
|
||||||
|
--color-neutral-950: #0c011f;
|
||||||
|
--color-argon-50: #e1abc9;
|
||||||
|
--color-argon-100: #da87b5;
|
||||||
|
--color-argon-200: #d464a1;
|
||||||
|
--color-argon-300: #cd448f;
|
||||||
|
--color-argon-400: #c6257d;
|
||||||
|
--color-argon-500: #b0166f;
|
||||||
|
--color-argon-600: #9a0a61;
|
||||||
|
--color-argon-700: #830755;
|
||||||
|
--color-argon-800: #6d0449;
|
||||||
|
--color-argon-900: #56023c;
|
||||||
|
--color-argon-950: #3f012d;
|
||||||
|
--color-krypton-50: #b2d9ea;
|
||||||
|
--color-krypton-100: #8cc9e4;
|
||||||
|
--color-krypton-200: #69bade;
|
||||||
|
--color-krypton-300: #4badd8;
|
||||||
|
--color-krypton-400: #2493c2;
|
||||||
|
--color-krypton-500: #167fac;
|
||||||
|
--color-krypton-600: #0a6c96;
|
||||||
|
--color-krypton-700: #075c81;
|
||||||
|
--color-krypton-800: #044c6b;
|
||||||
|
--color-krypton-900: #023c55;
|
||||||
|
--color-krypton-950: #012c3f;
|
||||||
|
--color-green-50: #c0f49a;
|
||||||
|
--color-green-100: #a7e57a;
|
||||||
|
--color-green-200: #8fd75d;
|
||||||
|
--color-green-300: #7ac843;
|
||||||
|
--color-green-400: #66b92d;
|
||||||
|
--color-green-500: #54aa18;
|
||||||
|
--color-green-600: #47990f;
|
||||||
|
--color-green-700: #397e0a;
|
||||||
|
--color-green-800: #2b6206;
|
||||||
|
--color-green-900: #1f4703;
|
||||||
|
--color-green-950: #122b01;
|
||||||
|
--color-red-50: #e6afaf;
|
||||||
|
--color-red-100: #dd9090;
|
||||||
|
--color-red-200: #d57272;
|
||||||
|
--color-red-300: #cc5757;
|
||||||
|
--color-red-400: #c33d3d;
|
||||||
|
--color-red-500: #bb2626;
|
||||||
|
--color-red-600: #b21010;
|
||||||
|
--color-red-700: #950808;
|
||||||
|
--color-red-800: #780404;
|
||||||
|
--color-red-900: #5c0202;
|
||||||
|
--color-red-950: #3f0101;
|
||||||
|
--color-yellow-50: #fefce8;
|
||||||
|
--color-yellow-100: #fef9c2;
|
||||||
|
--color-yellow-200: #fff085;
|
||||||
|
--color-yellow-300: #ffdf20;
|
||||||
|
--color-yellow-400: #fdc700;
|
||||||
|
--color-yellow-500: #efb100;
|
||||||
|
--color-yellow-600: #d08700;
|
||||||
|
--color-yellow-700: #a65f00;
|
||||||
|
--color-yellow-800: #894b00;
|
||||||
|
--color-yellow-900: #733e0a;
|
||||||
|
--color-yellow-950: #432004;
|
||||||
|
|
||||||
|
--color-white: #ffffff;
|
||||||
|
|
||||||
|
--color-dark-foreground: var(--color-neutral-50);
|
||||||
|
--color-dark-background: var(--color-neutral-950);
|
||||||
|
--color-dark-shade-1: var(--color-neutral-900);
|
||||||
|
--color-dark-shade-2: var(--color-neutral-800);
|
||||||
|
--color-dark-shade-3: var(--color-neutral-700);
|
||||||
|
--color-dark-shade-4: var(--color-neutral-600);
|
||||||
|
--color-dark-text-1: rgba(250, 245, 245, 0.8);
|
||||||
|
--color-dark-text-2: var(--color-neutral-300);
|
||||||
|
--color-dark-text-3: var(--color-neutral-400);
|
||||||
|
--color-dark-text-4: var(--color-neutral-500);
|
||||||
|
--color-dark-primary: var(--color-argon-400);
|
||||||
|
--color-dark-secondary: #9673ff;
|
||||||
|
--color-dark-error: var(--color-red-500);
|
||||||
|
--color-dark-success: var(--color-green-500);
|
||||||
|
--color-dark-warning: var(--color-yellow-500);
|
||||||
|
--color-dark-accent-1: #60a5f9;
|
||||||
|
--color-dark-accent-2: #d381f7;
|
||||||
|
--color-dark-accent-3: #ff7975;
|
||||||
|
|
||||||
|
--color-light-foreground: var(--color-neutral-950);
|
||||||
|
--color-light-background: var(--color-neutral-50);
|
||||||
|
--color-light-shade-1: var(--color-neutral-100);
|
||||||
|
--color-light-shade-2: var(--color-neutral-200);
|
||||||
|
--color-light-shade-3: var(--color-neutral-300);
|
||||||
|
--color-light-shade-4: var(--color-neutral-400);
|
||||||
|
--color-light-text-1: var(--color-neutral-800);
|
||||||
|
--color-light-text-2: var(--color-neutral-700);
|
||||||
|
--color-light-text-3: var(--color-neutral-600);
|
||||||
|
--color-light-text-4: var(--color-neutral-500);
|
||||||
|
--color-light-primary: var(--color-argon-600);
|
||||||
|
--color-light-secondary: var(--color-krypton-500);
|
||||||
|
--color-light-error: var(--color-red-600);
|
||||||
|
--color-light-success: var(--color-green-600);
|
||||||
|
--color-light-warning: var(--color-yellow-600);
|
||||||
|
--color-light-accent-1: #303ec0;
|
||||||
|
--color-light-accent-2: #6c366c;
|
||||||
|
--color-light-accent-3: #932f0a;
|
||||||
|
|
||||||
|
--color-cmyk-primary: var(--color-dark-primary);
|
||||||
|
--color-cmyk-secondary: var(--color-dark-secondary);
|
||||||
|
|
||||||
|
--line-height-loose: 1.4;
|
||||||
|
--line-height-relaxed: 1.3;
|
||||||
|
--line-height-base: 1.2;
|
||||||
|
--line-height-snug: 1.1;
|
||||||
|
--line-height-tight: 1;
|
||||||
|
|
||||||
|
--text-xs: 0.75rem;
|
||||||
|
--text-sm: 0.875rem;
|
||||||
|
--text-base: 1rem;
|
||||||
|
--text-lg: 1.125rem;
|
||||||
|
--text-xl: 1.25rem;
|
||||||
|
--text-2xl: 1.5rem;
|
||||||
|
--text-3xl: 1.875rem;
|
||||||
|
--text-4xl: 2.25rem;
|
||||||
|
--text-5xl: 3rem;
|
||||||
|
--text-6xl: 3.75rem;
|
||||||
|
--text-7xl: 4.5rem;
|
||||||
|
|
||||||
|
--container-3xs: 16rem;
|
||||||
|
--container-2xs: 18rem;
|
||||||
|
--container-xs: 20rem;
|
||||||
|
--container-sm: 24rem;
|
||||||
|
--container-md: 28rem;
|
||||||
|
--container-lg: 32rem;
|
||||||
|
--container-xl: 36rem;
|
||||||
|
--container-2xl: 42rem;
|
||||||
|
--container-3xl: 48rem;
|
||||||
|
--container-4xl: 56rem;
|
||||||
|
--container-5xl: 64rem;
|
||||||
|
--container-6xl: 72rem;
|
||||||
|
--container-7xl: 80rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
#page-content, .f-body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.o-headline1 {
|
||||||
|
color: rgb(102, 246, 102);
|
||||||
|
font-size: 3em
|
||||||
|
}
|
||||||
|
|
||||||
|
.o-headline2 {
|
||||||
|
color: var(--color-dark-secondary);
|
||||||
|
font-size: 3em
|
||||||
|
}
|
||||||
|
|
||||||
|
.js-span-station-name {
|
||||||
|
color: var(--color-dark-text-1);
|
||||||
|
font-size: 1.5em
|
||||||
|
}
|
||||||
|
|
||||||
|
.o-table table{
|
||||||
|
color: var(--color-dark-text-1);
|
||||||
|
font-size: 2em
|
||||||
|
}
|
||||||
|
|
||||||
|
.o-transport-icon {
|
||||||
|
transform: scale(2);
|
||||||
|
color: var(--color-argon-600);
|
||||||
|
margin-left: 20px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-departures-monitor__delay-time.is-late {
|
||||||
|
color: #ff3719;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-departures-monitor__delay-time.is-on-time {
|
||||||
|
color: #009900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-departures-monitor__logo {
|
||||||
|
opacity: 0.7
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #141414;
|
||||||
|
}
|
||||||
|
.js-span-station-name {
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.o-transport-icon--transparent .o-transport-icon__number {
|
||||||
|
color: #faf5f5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
`);
|
||||||
|
})();
|
||||||
130
tampermonkey/mastodon.js
Normal file
130
tampermonkey/mastodon.js
Normal file
|
|
@ -0,0 +1,130 @@
|
||||||
|
// ==UserScript==
|
||||||
|
// @name Mastodon Styling (39C3 Kiosk)
|
||||||
|
// @namespace http://tampermonkey.net/
|
||||||
|
// @version 2025-12-18
|
||||||
|
// @description Reduces actions not required to serve a Kiosk at 39C3
|
||||||
|
// @author You
|
||||||
|
// @match https://chaos.social/tags/39c3/
|
||||||
|
// @icon https://www.google.com/s2/favicons?sz=64&domain=chaos.social
|
||||||
|
// @grant GM_addStyle
|
||||||
|
// ==/UserScript==
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
GM_addStyle(`
|
||||||
|
.columns-area__panels__pane.columns-area__panels__pane--compositional {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.columns-area__panels__pane.columns-area__panels__pane--start.columns-area__panels__pane--navigational {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
div#tabs-bar__portal {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hashtag-header__header__buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.display-name {
|
||||||
|
background-color: #9673ff;
|
||||||
|
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.display-name * {
|
||||||
|
display: inline !important;
|
||||||
|
font-weight: normal !important;
|
||||||
|
color: black !important;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.display-name__account::before {
|
||||||
|
content: '(';
|
||||||
|
}
|
||||||
|
|
||||||
|
span.display-name__account::after {
|
||||||
|
content: ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
.hashtag-header__header__buttons {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.display-name, .status__relative-time {
|
||||||
|
background-color: #9673ff;
|
||||||
|
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||||
|
padding: 5px 5px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.display-name *, .status__relative-time {
|
||||||
|
display: inline !important;
|
||||||
|
font-weight: normal !important;
|
||||||
|
color: black !important;
|
||||||
|
text-transform: uppercase;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.display-name__account::before {
|
||||||
|
content: '(';
|
||||||
|
}
|
||||||
|
|
||||||
|
span.display-name__account::after {
|
||||||
|
content: ')';
|
||||||
|
}
|
||||||
|
|
||||||
|
.status {
|
||||||
|
border-bottom: 0 !important;
|
||||||
|
}
|
||||||
|
.status p {
|
||||||
|
color: rgba(250, 245, 245, 0.8) !important;
|
||||||
|
}
|
||||||
|
.status p a{
|
||||||
|
color: rgba(102, 246, 102) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status__action-bar {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.column>.scrollable {
|
||||||
|
border: 0 !important;
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
article {
|
||||||
|
background-color: #242424;
|
||||||
|
border-radius: 0.375rem;
|
||||||
|
margin-bottom: 40px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.columns-area__panels__main {
|
||||||
|
max-width: 60vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hashtag-bar a {
|
||||||
|
--hub-tag-bg: transparent;
|
||||||
|
--hub-tag-border: 1px solid #9673ff;
|
||||||
|
--hub-tag-color: #9673ff;
|
||||||
|
--bs-border-radius: 0.375rem;
|
||||||
|
background-color: var(--hub-tag-bg);
|
||||||
|
border-radius: var(--bs-border-radius) 0;
|
||||||
|
border: var(--hub-tag-border);
|
||||||
|
color: var(--hub-tag-color);
|
||||||
|
display: inline-flex;
|
||||||
|
gap: 5px;
|
||||||
|
min-width: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 5px 5px 2px;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
text-transform: uppercase;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hashtag-header {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
`);
|
||||||
|
})();
|
||||||
Loading…
Add table
Add a link
Reference in a new issue