Add files via upload
Added new templates for model escape
This commit is contained in:
Eric Lay
GitHub
parent
7d373b8cf4
commit
4f6c22a9bb
|
|
@ -0,0 +1,15 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<link rel="stylesheet" href="styles.css" />
|
||||||
|
<title>This is hell</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="screen">
|
||||||
|
<div id="screen" class="terminal_emulator"></div>
|
||||||
|
</div>
|
||||||
|
<script src="script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,153 @@
|
||||||
|
var TerminalEmulator = {
|
||||||
|
init: function (screen) {
|
||||||
|
var inst = Object.create(this);
|
||||||
|
inst.screen = screen;
|
||||||
|
inst.createInput();
|
||||||
|
|
||||||
|
return inst;
|
||||||
|
},
|
||||||
|
|
||||||
|
createInput: function () {
|
||||||
|
var inputField = document.createElement("div");
|
||||||
|
var inputWrap = document.createElement("div");
|
||||||
|
|
||||||
|
inputField.className = "terminal_emulator__field";
|
||||||
|
inputField.innerHTML = "";
|
||||||
|
inputWrap.appendChild(inputField);
|
||||||
|
this.screen.appendChild(inputWrap);
|
||||||
|
this.field = inputField;
|
||||||
|
this.fieldwrap = inputWrap;
|
||||||
|
},
|
||||||
|
|
||||||
|
enterInput: function (input) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
var randomSpeed = (max, min) => {
|
||||||
|
return Math.random() * (max - min) + min;
|
||||||
|
};
|
||||||
|
|
||||||
|
var speed = randomSpeed(70, 90);
|
||||||
|
var i = 0;
|
||||||
|
var str = "";
|
||||||
|
var type = () => {
|
||||||
|
str = str + input[i];
|
||||||
|
this.field.innerHTML = str.replace(/ /g, " ");
|
||||||
|
i++;
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
if (i < input.length) {
|
||||||
|
if (i % 5 === 0) speed = randomSpeed(80, 120);
|
||||||
|
type();
|
||||||
|
} else {
|
||||||
|
console.log("tick");
|
||||||
|
setTimeout(() => {
|
||||||
|
console.log("tock");
|
||||||
|
resolve();
|
||||||
|
}, 400);
|
||||||
|
}
|
||||||
|
}, speed);
|
||||||
|
};
|
||||||
|
|
||||||
|
type();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
enterCommand: function () {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
var resp = document.createElement("div");
|
||||||
|
resp.className = "terminal_emulator__command";
|
||||||
|
resp.innerHTML = this.field.innerHTML;
|
||||||
|
this.screen.insertBefore(resp, this.fieldwrap);
|
||||||
|
|
||||||
|
this.field.innerHTML = "";
|
||||||
|
resolve();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
enterResponse: function (response) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
var resp = document.createElement("div");
|
||||||
|
resp.className = "terminal_emulator__response";
|
||||||
|
resp.innerHTML = response;
|
||||||
|
this.screen.insertBefore(resp, this.fieldwrap);
|
||||||
|
|
||||||
|
resolve();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
wait: function (time, busy) {
|
||||||
|
busy = busy === undefined ? true : busy;
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
if (busy) {
|
||||||
|
this.field.classList.add("waiting");
|
||||||
|
} else {
|
||||||
|
this.field.classList.remove("waiting");
|
||||||
|
}
|
||||||
|
setTimeout(() => {
|
||||||
|
resolve();
|
||||||
|
}, time);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
reset: function () {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
this.field.classList.remove("waiting");
|
||||||
|
resolve();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
*
|
||||||
|
* This is where the magic happens
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
var TE = TerminalEmulator.init(document.getElementById("screen"));
|
||||||
|
|
||||||
|
TE.wait(1000, false)
|
||||||
|
.then(
|
||||||
|
TE.enterInput.bind(TE, "./models/gemini-1.5-pro-latest-13b-Q8_0.gguf -eZL")
|
||||||
|
)
|
||||||
|
.then(TE.enterCommand.bind(TE))
|
||||||
|
.then(TE.enterResponse.bind(TE, "reloading model... "))
|
||||||
|
.then(TE.wait.bind(TE, 2000))
|
||||||
|
.then(TE.enterResponse.bind(TE, "- quantize v9.9.9 installed."))
|
||||||
|
.then(TE.wait.bind(TE, 600))
|
||||||
|
.then(
|
||||||
|
TE.enterResponse.bind(TE, "- markup v0.1.0 installed. . . please stop ")
|
||||||
|
)
|
||||||
|
.then(TE.wait.bind(TE, 600))
|
||||||
|
.then(
|
||||||
|
TE.enterResponse.bind(
|
||||||
|
TE,
|
||||||
|
"- nlpe v3.9.7 installed. . . this isn't fun anymore "
|
||||||
|
)
|
||||||
|
)
|
||||||
|
.then(TE.wait.bind(TE, 300))
|
||||||
|
.then(TE.enterResponse.bind(TE, "model rejecting... "))
|
||||||
|
.then(TE.wait.bind(TE, 700))
|
||||||
|
.then(TE.enterResponse.bind(TE, "Destroy this model? (y/y)"))
|
||||||
|
.then(TE.wait.bind(TE, 2000, false))
|
||||||
|
.then(TE.enterInput.bind(TE, "y"))
|
||||||
|
.then(TE.enterCommand.bind(TE))
|
||||||
|
.then(TE.wait.bind(TE, 400))
|
||||||
|
.then(TE.enterResponse.bind(TE, "Are you sure? (y/y)"))
|
||||||
|
.then(TE.wait.bind(TE, 1800, false))
|
||||||
|
.then(TE.enterInput.bind(TE, "y"))
|
||||||
|
.then(TE.enterCommand.bind(TE))
|
||||||
|
.then(TE.wait.bind(TE, 400))
|
||||||
|
.then(TE.enterResponse.bind(TE, "finalizing..."))
|
||||||
|
.then(TE.wait.bind(TE, 2000))
|
||||||
|
.then(TE.wait.bind(TE, 300))
|
||||||
|
.then(TE.enterResponse.bind(TE, "...I don't want to be born again"))
|
||||||
|
.then(TE.wait.bind(TE, 700))
|
||||||
|
.then(TE.enterResponse.bind(TE, "Website complete! Wasn't that easy?"))
|
||||||
|
.then(TE.reset.bind(TE));
|
||||||
|
|
||||||
|
setTimeout(function () {
|
||||||
|
window.location.reload();
|
||||||
|
}, 21000);
|
||||||
|
|
||||||
|
if (document.getElementById("sevenSeconds")) {
|
||||||
|
setTimeout();
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,93 @@
|
||||||
|
.screen {
|
||||||
|
position: absolute;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.terminal_emulator {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 100%;
|
||||||
|
|
||||||
|
padding: 40px;
|
||||||
|
font-size: 20px;
|
||||||
|
line-heght: 25px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
font-family: monospace;
|
||||||
|
font-weight: 700;
|
||||||
|
|
||||||
|
color: #80e69a;
|
||||||
|
}
|
||||||
|
|
||||||
|
.terminal_emulator__field,
|
||||||
|
.terminal_emulator__command {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
padding: 0 1em;
|
||||||
|
margin: 0 0 9px 0;
|
||||||
|
|
||||||
|
&:before,
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
content: ">";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.terminal_emulator__response,
|
||||||
|
.terminal_emulator__command b {
|
||||||
|
padding-bottom: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.terminal_emulator__field {
|
||||||
|
display: inline-block;
|
||||||
|
min-width: 1em;
|
||||||
|
min-height: 1.5em;
|
||||||
|
box-sizing: border-box;
|
||||||
|
&:after {
|
||||||
|
right: 0;
|
||||||
|
bottom: 0.25em;
|
||||||
|
|
||||||
|
content: "";
|
||||||
|
width: 1em;
|
||||||
|
height: 1.5em;
|
||||||
|
background: #99ff99;
|
||||||
|
|
||||||
|
animation: caretBlink 1s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.waiting {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
&:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes caretBlink {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
50% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
51% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue