128 lines
2.2 KiB
HTML
128 lines
2.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>
|
||
|
|
|
||
|
|
</title>
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||
|
|
<style>
|
||
|
|
@font-face {
|
||
|
|
font-family: Solide-Mirage;
|
||
|
|
src: url(Solide-Mirage-master/fonts/SolideMirage-Etroit.otf);
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: zarathustra;
|
||
|
|
src: url(zarathustra-v01.otf);
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family: 'zarathustra';
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
strong {
|
||
|
|
font-family: Solide-Mirage;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
td {
|
||
|
|
/* width:15%; */
|
||
|
|
width:22%;
|
||
|
|
vertical-align:top;
|
||
|
|
border-right:1px solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
td:nth-child(1), td:nth-child(2), td:nth-child(3), td:nth-child(4) {
|
||
|
|
overflow: auto;
|
||
|
|
height: 100%;
|
||
|
|
position: fixed;
|
||
|
|
padding:1%;
|
||
|
|
}
|
||
|
|
|
||
|
|
td:nth-child(2) {
|
||
|
|
left:25%;
|
||
|
|
word-wrap: break-word;
|
||
|
|
}
|
||
|
|
|
||
|
|
td:nth-child(3) {
|
||
|
|
left:50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
td:nth-child(4) {
|
||
|
|
left:75%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
img{
|
||
|
|
max-width: 100%;
|
||
|
|
border:1px solid black;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
<div id="squawk"></div>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
<div id="distorted"></div>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
|
||
|
|
<td>
|
||
|
|
<div id="pdf"></div>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
<td>
|
||
|
|
<div id="urla"></div>
|
||
|
|
</td>
|
||
|
|
|
||
|
|
<!-- <td>
|
||
|
|
<div id="notouch"></div>
|
||
|
|
</td> -->
|
||
|
|
|
||
|
|
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function httpGet(theUrl){
|
||
|
|
var xmlHttp = new XMLHttpRequest();
|
||
|
|
xmlHttp.open( "GET", theUrl, false ); // false for synchronous request
|
||
|
|
xmlHttp.send( null );
|
||
|
|
return xmlHttp.responseText;
|
||
|
|
}
|
||
|
|
|
||
|
|
var squawk = httpGet('https://pad.vvvvvvaria.org/WordMord.%CE%B7.%CE%B6%CE%BF%CF%85%CE%BC%CE%B9%CE%AC/export/html');
|
||
|
|
var urla= httpGet('https://pad.vvvvvvaria.org/WordMord.references/export/html');
|
||
|
|
// var notouch = httpGet('https://pad.xpub.nl/p/WordMord.images/export/txt');
|
||
|
|
var pdf = httpGet('https://pad.vvvvvvaria.org/WordMord.pdf/export/html');
|
||
|
|
var distorted = httpGet('https://pad.vvvvvvaria.org/WordMord.%CE%B7.%CE%B6%CE%BF%CF%85%CE%BC%CE%B9%CE%AC/export/txt');
|
||
|
|
distorted = distorted.replace(/\s+/g, '');
|
||
|
|
|
||
|
|
document.getElementById("squawk").innerHTML = squawk;
|
||
|
|
// document.getElementById("notouch").innerHTML = notouch;
|
||
|
|
document.getElementById("urla").innerHTML = urla;
|
||
|
|
document.getElementById("pdf").innerHTML = pdf;
|
||
|
|
document.getElementById("distorted").innerHTML = distorted;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
//document.styleSheets[1].disabled = true;
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|