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.
232 lines
6.8 KiB
HTML
232 lines
6.8 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>
|
|
|
|
table, th, td{
|
|
border: 2px solid green;
|
|
padding: 0.7rem;
|
|
text-align: center;
|
|
}
|
|
|
|
table {
|
|
table-layout: fixed;
|
|
border-collapse: collapse;
|
|
width: 90%;
|
|
margin: 1rem ;
|
|
}
|
|
|
|
|
|
@media print {
|
|
|
|
@page {
|
|
size: landscape;
|
|
margin-top: 10%;
|
|
}
|
|
|
|
body{
|
|
color: black;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.left{
|
|
display: none;
|
|
}
|
|
|
|
.right{
|
|
display: none;
|
|
}
|
|
|
|
pre{
|
|
display: none;
|
|
}
|
|
|
|
.bt{
|
|
display: none;
|
|
|
|
}
|
|
|
|
.cnt{
|
|
width: 90%;
|
|
margin: 0;
|
|
min-height: unset;
|
|
}
|
|
|
|
table, th, td{
|
|
border: 1px solid black;
|
|
}
|
|
|
|
#no{
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
<title>Frabjousish Dictionary</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>
|
|
<a href="https://hub.xpub.nl/sandbot/~eunalee/flask/response/"><pre>
|
|
____________
|
|
| |<span class="grr">\</span>
|
|
| <span class="petit">Index</span> |<span class="grr">░</span>
|
|
|____________|<span class="grr">░</span>
|
|
<span class="grr">\░░░░░░░░░░░░\;</span>
|
|
</pre></a>
|
|
<pre onClick="window.print()">
|
|
____________
|
|
| |<span class="grr">\</span>
|
|
| <span class="petit">Print</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>______________________________________________________________________________________________
|
|
______________________________________________________________________________________________
|
|
. . . . . .
|
|
. . . . . . .
|
|
____ ____ __ ____ . __ __ _ _ ____ __ ____ _ _ .
|
|
. ( __)( _ \ / _\ ( _ \ _( ) / \ / )( \/ ___)( )/ ___)/ )( \ .
|
|
. ) _) ) // \ ) _ (/ \) \( O )) \/ (\___ \ )( \___ \) __ ( .
|
|
(__) (__\_)\_/\_/(____/\____/ \__/ \____/(____/(__)(____/\_)(_/ .
|
|
____ .__ ___ ____ __ __ . __ _ __ ____ _ _
|
|
. ( \( )/ __)(_ _)( )/ \ ( ( \ / _\ ( _ \( \/ ) . . .
|
|
. ) D ( )(( (__ . )( )(( O )/ // \ ) / ) / .-.
|
|
(____/(__)\___) (__) (__)\__/ \_)__)\_/\_/(__\_)(__/ /<span id="ascii"></span>\
|
|
. . . . | > |
|
|
. . . . /| `=' |\
|
|
______________________________________________________________________________m/__▒▒▒▒▒__\m___
|
|
___________________________________________________________________________________▒__▒_______
|
|
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::`::`:::::::</pre>
|
|
|
|
<div class="txt" style="text-align: left; margin-left: 2%;">
|
|
<h1>{{frab}}</h1>
|
|
<em>{{pick}}</em>
|
|
<br><br>
|
|
|
|
{% for story in stories%}
|
|
○ Definition: {{story.A}} and {{story.B}}
|
|
<br>
|
|
<table>
|
|
<tr>
|
|
<td>{{story.A}}</td>
|
|
<td>{{word1[0]}}</td>
|
|
<td> </td>
|
|
</tr>
|
|
<tr>
|
|
<td>{{story.B}}</td>
|
|
<td> </td>
|
|
<td>{{word2[-1]}}</td>
|
|
</tr>
|
|
</table>
|
|
○ Etymology: {{story.story}} <em>said {{story.User}} at {{story.Time}}.</em>
|
|
<br>
|
|
<br>
|
|
○ Example 1: {{story.example}}<br><br>
|
|
○ Example 2: {{story.example2}}
|
|
<br>
|
|
</div>
|
|
|
|
|
|
|
|
{% endfor%}
|
|
|
|
|
|
<pre>
|
|
______________________________________________________________________________________________
|
|
______________________________________________________________________________________________
|
|
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
|
|
|
|
</pre>
|
|
<div class="txt bt" id="no">
|
|
{%for key, word in database.items()%}
|
|
{% for story in word.stories%}
|
|
<a href="?whatever={{ key }}"><button>{{key}}</button></a>
|
|
{% endfor%}
|
|
|
|
|
|
{%endfor%}
|
|
</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 = [
|
|
"O .",
|
|
"o o",
|
|
". O" ];
|
|
|
|
// 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> |