<html>

<head>

const bookOfBlob = 1749358685368819;

let page;

const urlParams = new URLSearchParams(window.location.search);

const id = urlParams.get('id');

if (id) {

//💥💥 Blob your self

const loadPage = await fetch('/content/' + id).then((r) => r.text());

document.open();

document.write(loadPage);

document.close();

} else {

try {

//💥💥 Send Blob

const response = await fetch(`/r/sat/${bookOfBlob}/at/-1`);

const data = await response.json();

let id = window.location.pathname.split('/')[2];

page = data.id;

if (id !== page) {

const loadPage = await fetch('/content/' + page).then((r) =>

r.text()

);

document.open();

document.write(loadPage);

document.close();

}

} catch (error) {

console.log('BOOK OF BLOB UNREACHABLE', error);

const p = document.createElement('p');

const u = document.createElement('p');

p.textContent = 'BOOK OF BLOB';

u.textContent = 'UNREACHABLE';

document

.querySelector('.container')

.insertBefore(p, document.querySelector('.container').firstChild);

document.querySelector('.container').appendChild(u);

}

</script>

<style>

html,

body {

margin: 0;

padding: 0;

height: 100%;

display: flex;

justify-content: center;

align-items: center;

background-color: black;

color: white;

font-family: sans-serif;

}

.container {

text-align: center;

}

.load {

width: 100px;

height: 100px;

}

</style>

</head>

<body>

</div>

</body>

</html>