Skip to content

Instantly share code, notes, and snippets.

View pooiod's full-sized avatar
💭
I might be slow to respond

pooiod7 pooiod

💭
I might be slow to respond
View GitHub Profile
const style=`:host{all:initial;font-family:sans-serif;position:fixed;top:50px;left:50px;width:420px;background:#111;color:#fff;border:2px solid #444;border-radius:8px;padding:16px;box-shadow:0 0 20px #000;z-index:999999999999999999999999999999999999999999999999;user-select:none;cursor:default}
.titlebar{background:#222;padding:5px;margin:-16px -16px 10px -16px;cursor:move;font-weight:bold;text-align:center;border-bottom:1px solid #444}
label{display:block;margin:10px 0 5px}
input[type=range],select{width:100%;margin-bottom:10px}
input[type=checkbox]{margin-right:5px}
button{width:100%;padding:8px;margin-top:10px;background:#333;color:#fff;border:none;border-radius:4px;font-weight:bold;cursor:pointer}
button:hover{background:#555}`;
const html=`<div class="titlebar">Web page corruptor</div>
<label>Corruption Intensity</label><input id="intensity" type="range" min="1" max="100" value="50">
<label>Style Intensity</label><input id="styleIntensity" type="range" min="1" max="100" value="2">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="https://minibrowserapp.pages.dev/icon.png">
<meta name="description" content="A simple way to load websites in iframes">
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#FFFFFF">