You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
144 lines
5.2 KiB
HTML
144 lines
5.2 KiB
HTML
<!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="https://hub.xpub.nl/sandbot/~eunalee/flaskplay/templates/desktop.css">
|
|
|
|
<style>
|
|
|
|
textarea {
|
|
background-color: green;
|
|
color: white;
|
|
border: 2px dotted white;
|
|
outline: none;
|
|
resize: none
|
|
}
|
|
|
|
textarea:focus {
|
|
border: 2px dotted white;
|
|
resize: none
|
|
}
|
|
|
|
form{
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
<title>Submit</title>
|
|
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<div class="left">
|
|
<a href="../"><pre>
|
|
____________
|
|
| |<span class="grr">\</span>
|
|
| <span class="petit">MAIN</span> |<span class="grr">░</span>
|
|
|____________|<span class="grr">░</span>
|
|
<span class="grr">\░░░░░░░░░░░░\;</span>
|
|
</pre></a>
|
|
<pre>
|
|
____________
|
|
| |<span class="grr">\</span>
|
|
| <span class="petit">About</span> |<span class="grr">░</span>
|
|
|____________|<span class="grr">░</span>
|
|
<span class="grr">\░░░░░░░░░░░░\;</span>
|
|
</pre>
|
|
</div>
|
|
|
|
<div class="right">
|
|
<p>(C)eunalee</p>
|
|
</div>
|
|
|
|
<div class="box">
|
|
<div class="cnt">
|
|
<pre>
|
|
______________________________________________________________________________________________
|
|
______________________________________________________________________________________________
|
|
.
|
|
. . . .
|
|
___ __ __ ____ __ __ ____ ____
|
|
/ __)( )( )( _ \( \/ )(_ _)(_ _)
|
|
. \__ \ )(__)( ) _ < ) ( _)(_ )( .
|
|
(___/(______)(____/(_/\/\_)(____) (__) .
|
|
. .
|
|
|
|
Have you ever committed a slip of the tongue?
|
|
. . . . .
|
|
Did you think "A" but say "B" instead?
|
|
. Did you mean "A" type "B" instead?
|
|
Did you hear "A" but understand it as "B"? .
|
|
._. ._.
|
|
w /o o\ w . Please tell us bit more! w /o o\ w
|
|
\_| > |_/ We need your story to make our language, Frabjousish! \_| < |_/
|
|
|<span id='ascii'></span> .
|
|
******* . *******
|
|
| | . | |
|
|
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
|
|
|
</pre>
|
|
<div class="txt">
|
|
<form action="https://hub.xpub.nl/sandbot/~eunalee/flask/submit/" method="POST" autocomplete="off">
|
|
<p>Your name? <br><textarea cols="45" name="name"/></textarea></p>
|
|
<p>A? <br><textarea cols="45" name="w1"/></textarea></p>
|
|
<p>B? <br><textarea cols="45" name="w2"/></textarea></p>
|
|
<p>STORY? <br><textarea cols="45" rows="8" name="story"/></textarea></p>
|
|
<p><input type="submit" value="submit"></p>
|
|
</form>
|
|
</div>
|
|
<pre>
|
|
______________________________________________________________________________________________
|
|
______________________________________________________________________________________________
|
|
</pre>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<script>
|
|
// Define global variables for the function of the code
|
|
// Frequncy in Hz
|
|
var frequency = 10;
|
|
// The ID of the HTML element you wish to update
|
|
var elementID = "ascii";
|
|
// The array (list) of things you want to cycle through. To escape special characters like \, ', " etc use a \ before them. To do a newline use <br />. All HTML tags are valid.
|
|
var ASCIIs = [
|
|
" `=' | . | u |",
|
|
" `-' | . | U |",
|
|
" `=' | . | u |" ];
|
|
|
|
// On window load, start the update cylce function
|
|
window.onload = function() {
|
|
|
|
update(0);
|
|
|
|
}
|
|
|
|
// Update cylce function takes the index (where it is in the array)
|
|
function update(index){
|
|
|
|
// Update the element id of elementID to have the index-th ASCII array entry in it. (Note: arrays start at 0)
|
|
document.getElementById(elementID).innerHTML = ASCIIs[index];
|
|
|
|
// Call the update function after 1 second / frequency (Hz).
|
|
setTimeout(function(){
|
|
|
|
// Pass the update function the index that it was called with this time, plus 1.
|
|
// % means modulus (remainder when divided by)
|
|
// This way, it doesnt' try to look for the 1000th element which doesn't exist
|
|
update((index+1)%ASCIIs.length);
|
|
|
|
}, 1000/frequency);
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</html>
|
|
|