128 lines
4.9 KiB
HTML
128 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>The invisible Greek Fuckwit: Replace Semicolons with Greek Question Marks</title>
|
||
<style>
|
||
body {
|
||
font-family: Arial, sans-serif;
|
||
margin: 20px;
|
||
padding: 0;
|
||
background-color: #ebe6e6e5;
|
||
}
|
||
input, textarea, button {
|
||
margin: 10px 0;
|
||
padding: 10px;
|
||
border-radius: 5px;
|
||
border: 1px solid #ccc;
|
||
box-sizing: border-box;
|
||
}
|
||
input, button {
|
||
width: calc(100% - 22px);
|
||
}
|
||
textarea {
|
||
width: calc(100% - 22px);
|
||
resize: vertical;
|
||
}
|
||
button {
|
||
background-color: #ff00ff;
|
||
color: white;
|
||
font-size: 16px;
|
||
cursor: pointer;
|
||
border: none;
|
||
}
|
||
button:hover {
|
||
background-color: #2fff00;
|
||
}
|
||
.container {
|
||
background-color: black;
|
||
padding: 20px;
|
||
border-radius: 8px;
|
||
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<h2>The Invisible Greek Fuckwit;</h2>
|
||
<div class="container">
|
||
<input type="text" id="inputCode" placeholder="Enter code with semicolons">
|
||
<button onclick="replaceSemicolons()">Convert</button>
|
||
<textarea id="outputCode" placeholder="Output" rows="5"></textarea>
|
||
</div>
|
||
|
||
<h2>The Swinger: Couple Swapping Characters</h2>
|
||
<div class="container">
|
||
<input type="text" id="inputText" placeholder="Enter text here">
|
||
<button onclick="swapCharacters()">Swap Characters</button>
|
||
<textarea id="outputText" placeholder="Output" rows="5"></textarea>
|
||
</div>
|
||
|
||
<h2>The white suicide bomber: You don't see him til it's too late</h2>
|
||
<div class="container">
|
||
<label for="inputTextZeroWidth">Enter Text:</label>
|
||
<input type="text" id="inputTextZeroWidth" placeholder="Type something...">
|
||
<button onclick="insertZeroWidthSpaces()">Insert Zero-Width Spaces</button>
|
||
<textarea id="outputTextZeroWidth" rows="4" cols="50" placeholder="Output with zero-width spaces..."></textarea>
|
||
</div>
|
||
|
||
<h2>The Slavic Squat Homosexual: Cyrillic Homoglyphs</h2>
|
||
<div class="container">
|
||
<label for="inputTextHomoglyph">Enter Text:</label>
|
||
<input type="text" id="inputTextHomoglyph" placeholder="Type something...">
|
||
<button onclick="substituteHomoglyphs()">Substitute Homoglyphs</button>
|
||
<textarea id="outputTextHomoglyph" rows="4" cols="50" placeholder="Output with homoglyphs..."></textarea>
|
||
</div>
|
||
|
||
<h2>Left brain shit</h2>
|
||
<div class="container">
|
||
<label for="inputTextRLO">Enter Text:</label>
|
||
<input type="text" id="inputTextRLO" placeholder="Type something...">
|
||
<button onclick="insertRLOCharacter()">Insert RLO Character</button>
|
||
<textarea id="outputTextRLO" rows="4" cols="50" placeholder="Output with RLO..."></textarea>
|
||
</div>
|
||
|
||
|
||
<script>
|
||
function replaceSemicolons() {
|
||
let inputCode = document.getElementById('inputCode').value;
|
||
let outputCode = inputCode.replace(/;/g, ';');
|
||
document.getElementById('outputCode').value = outputCode;
|
||
}
|
||
|
||
function swapCharacters() {
|
||
let inputText = document.getElementById('inputText').value;
|
||
let outputText = inputText
|
||
.replace(/o/g, '0')
|
||
.replace(/l/g, 'I')
|
||
.replace(/1/g, 'l');
|
||
document.getElementById('outputText').value = outputText;
|
||
}
|
||
|
||
function insertZeroWidthSpaces() {
|
||
let inputText = document.getElementById('inputTextZeroWidth').value;
|
||
// Insert a zero-width space after every character
|
||
let outputText = inputText.split('').join('\u200B');
|
||
document.getElementById('outputTextZeroWidth').value = outputText;
|
||
}
|
||
|
||
function substituteHomoglyphs() {
|
||
let inputText = document.getElementById('inputTextHomoglyph').value;
|
||
// Substitute specific characters with their homoglyphs
|
||
let outputText = inputText
|
||
.replace(/a/g, 'а') // Latin 'a' to Cyrillic 'а'
|
||
.replace(/e/g, 'е') // Latin 'e' to Cyrillic 'е'
|
||
.replace(/o/g, 'о') // Latin 'o' to Cyrillic 'о'
|
||
.replace(/p/g, 'р') // Latin 'p' to Cyrillic 'р'
|
||
.replace(/c/g, 'с') // Latin 'c' to Cyrillic 'с'
|
||
.replace(/y/g, 'у'); // Latin 'y' to Cyrillic 'у'
|
||
document.getElementById('outputTextHomoglyph').value = outputText;
|
||
}
|
||
|
||
function insertRLOCharacter() {
|
||
let inputText = document.getElementById('inputTextRLO').value;
|
||
// Insert the RLO character at the beginning of the text
|
||
let outputText = '\u202E' + inputText;
|
||
document.getElementById('outputTextRLO').value = outputText;
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|