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.
201 lines
6.0 KiB
HTML
201 lines
6.0 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>
|
|
|
|
.colo{
|
|
display:none;
|
|
}
|
|
|
|
@media print {
|
|
|
|
@page {
|
|
size: landscape;
|
|
margin-top: 20%;
|
|
}
|
|
|
|
body{
|
|
color: black;
|
|
font-size: 2rem;
|
|
line-height: 2.2rem;
|
|
}
|
|
|
|
pre{
|
|
font-size: 1.5rem;
|
|
line-height: 1.5rem;
|
|
}
|
|
|
|
.left{
|
|
display: none;
|
|
}
|
|
|
|
.right{
|
|
display: none;
|
|
}
|
|
|
|
.last{
|
|
display: none;
|
|
}
|
|
|
|
.cnt{
|
|
width: 100%;
|
|
margin: 0;
|
|
min-height: unset;
|
|
}
|
|
|
|
|
|
button{
|
|
border: none;
|
|
}
|
|
|
|
.txt{
|
|
display: none;
|
|
|
|
}
|
|
|
|
.colo{
|
|
display: block;
|
|
}
|
|
|
|
}
|
|
|
|
</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>
|
|
<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 class="cut">
|
|
______________________________________________________________________________________________
|
|
______________________________________________________________________________________________
|
|
. . .
|
|
. . . . . .
|
|
. ____ ____ __ ____ __ __ _ _ ____ __ ____ _ _
|
|
( __)( _ \ / _\ ( _ \ _( ) / \ / )( \/ ___)( )/ ___)/ )( \
|
|
) _) ) // \ ) _ (/ \) \( O )) \/ (\___ \ )( \___ \) __ ( . .
|
|
. (__). (__\_)\_/\_/(____/\____/ \__/ \____/(____/(__)(____/\_)(_/
|
|
. ____ __ ___ ____ __ .__ __ _ __ ____ _ _ .
|
|
( \( )/ __)(_ _)( )/ \ ( ( \ / _\ ( _ \( \/ ) .
|
|
. ) D ( )(( (__ )( )(( O )/ // \ ) / ) / . .-.
|
|
(____/(__)\___) (__) (__)\__/ \_)__)\_/\_/(__\_)(__/ /o o\
|
|
. . . <span id='ascii'></span>
|
|
. . /| `=' |\/
|
|
______________________________________________________________________________m/__▒▒▒▒▒_______
|
|
___________________________________________________________________________________▒__▒_______
|
|
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::`::`:::::::
|
|
|
|
</pre>
|
|
|
|
<div class="txt">
|
|
{%for key, word in database.items()%}
|
|
{% for story in word.stories%}
|
|
<a href="?whatever={{ key }}"><button>{{key}}</button></a>
|
|
{% endfor%}
|
|
|
|
|
|
{%endfor%}
|
|
</div>
|
|
|
|
|
|
<p class="colo">
|
|
<br><br><br><br><br><br>
|
|
<em>Frabjousish Dictionary</em> has been produced in the context of the graduation project of Euna Lee(<span style="text-decoration: underline;">https://www.euna-lee.com/</span>) From the Experimental Publishing (XPUB) Master course at the Piet Zwart Institute, Willem de Kooning Academy in the 2022 summer.
|
|
<br><br>
|
|
I kindly invite you to contribute to Frabjousish word-making and take a look at updated Frabjousish words at <span style="text-decoration: underline;">https://hub.xpub.nl/frabjousish/world/</span>.
|
|
<br><br>
|
|
Typeface: jgs7
|
|
</p>
|
|
|
|
|
|
<pre class="last">
|
|
|
|
______________________________________________________________________________________________
|
|
______________________________________________________________________________________________
|
|
|
|
|
|
</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 = [
|
|
" | > | m",
|
|
" | > | _",
|
|
" | > | w" ];
|
|
|
|
// 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> |