deno gcp-europe-west3
tcp/443
deno gcp-asia-southeast1
tcp/443
Open service 2600:1901:0:6d85:::443 · py.mtfm.io
2026-01-26 08:36
HTTP/1.1 200 OK
access-control-allow-origin: *
content-type: text/html; charset=utf-8
vary: Accept-Encoding
content-length: 20010
date: Mon, 26 Jan 2026 08:36:22 GMT
connection: close
via: http/1.1 edgeproxy-h
server: deno/gcp-europe-west3
Page title: Metaframe JS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Metaframe JS</title>
<style>
html,
body {
width: 100%;
height: 100%;
margin: 0px;
border: 0;
/* No floating content on sides */
display: block;
background: none transparent;
/* background-color: blueviolet; */
}
.transparent {
background: none transparent;
}
/* apply a natural box layout model to all elements, but allowing components to change */
/* https://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
.menu-button {
position: absolute;
top: 10px;
left: calc(100vw - 50px);
z-index: 1000;
background-color: transparent;
border: 0px;
padding: 0px;
margin: 0px;
width: 40px;
height: 40px;
}
.container {
display: flex;
width: 100vw;
height: 100vh;
justify-content: center;
align-items: stretch;
gap: 0px;
}
.container-with-editor {
width: 100vw;
height: 100vh;
}
.root {
width: 100%;
max-width: 100%;
overflow-y: scroll;
}
.root-with-editor {
position: absolute;
top: 60px;
left: 50%;
width: 50%;
max-width: 50%;
height: calc(100vh - 60px);
max-height: calc(100vh - 60px);
overflow-y: scroll;
}
/**
* Special handling of iframes for ensuring the metaframe is correctly maximized.
*/
.iframe-container {
position: absolute;
width: 100%;
min-width: 100%;
}
.iframe-container iframe {
overflow: hidden;
border: 0;
min-height: 100vh;
max-height: 100%;
left: 0;
position: absolute;
top: 0;
}
iframe {
width: 100%;
}
/* Base style for <pre> blocks */
.pre-stdout {
background-color: #f8f8f8; /* light grey background */
/* border: 1px solid #ccc; light grey border */
border-left: 3px solid #000; /* teal accent on the left */
/* padding: 10px; */
overflow: auto; /* in case of overflow */
font-family: 'Courier New', Courier, monospace; /* monospaced font */
white-space: pre-wrap; /* wrap white-space */
word-wrap: break-word; /* break long words */
margin: 0px;
}
/* Style for stderr to make it stand out */
.pre-stderr {
background-color: #fff0f0; /* light red background */
/* border: 1px solid #ffcccc; light red border */
border-left: 3px solid #e53935; /* darker red accent on the left */
color: #d32f2f; /* darker red text color */
/* padding: 10px; */
overflow: auto; /* in case of overflow */
font-family: 'Courier New', Courier, monospace; /* monospaced font */
white-space: pre-wrap; /* wrap white-space */
word-wrap: break-word; /* break long words */
margin: 0px;
}
</style>
<script src="https://cdn.jsdelivr.net/pyodide/v0.24.1/full/pyodide.js"></script>
<script>
const isIframe = () => {
//http://stackoverflow.com/questions/326069/how-to-identify-if-a-webpage-is-being-loaded-inside-an-iframe-or-directly-into-t
try {
return window !== window.top
} catch (ignored) {
return false
}
}
const blobToBase64String = blob => {
return btoa(encodeURIComponent(JSON.stringify(blob)))
}
const blobFromBase64String = value => {
if (value && value.length > 0) {
const blob = JSON.parse(decodeURIComponent(atob(value)))
return blob
}
return undefined
}
// Get everything after # then after ?
const getUrlHashParams = url => {
const urlBl
Open service 2600:1901:0:6d85:::80 · py.mtfm.io
2026-01-26 08:36
HTTP/1.1 307 Temporary Redirect Cache-Control: private Location: https://py.mtfm.io:443/ Content-Length: 0 Date: Mon, 26 Jan 2026 08:36:50 GMT Content-Type: text/html; charset=UTF-8 Connection: close
Open service 34.120.54.55:443 · py.mtfm.io
2026-01-26 08:36
HTTP/1.1 200 OK
access-control-allow-origin: *
content-type: text/html; charset=utf-8
vary: Accept-Encoding
content-length: 20010
date: Mon, 26 Jan 2026 08:36:22 GMT
connection: close
via: http/1.1 edgeproxy-h
server: deno/gcp-asia-southeast1
Page title: Metaframe JS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Metaframe JS</title>
<style>
html,
body {
width: 100%;
height: 100%;
margin: 0px;
border: 0;
/* No floating content on sides */
display: block;
background: none transparent;
/* background-color: blueviolet; */
}
.transparent {
background: none transparent;
}
/* apply a natural box layout model to all elements, but allowing components to change */
/* https://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
.menu-button {
position: absolute;
top: 10px;
left: calc(100vw - 50px);
z-index: 1000;
background-color: transparent;
border: 0px;
padding: 0px;
margin: 0px;
width: 40px;
height: 40px;
}
.container {
display: flex;
width: 100vw;
height: 100vh;
justify-content: center;
align-items: stretch;
gap: 0px;
}
.container-with-editor {
width: 100vw;
height: 100vh;
}
.root {
width: 100%;
max-width: 100%;
overflow-y: scroll;
}
.root-with-editor {
position: absolute;
top: 60px;
left: 50%;
width: 50%;
max-width: 50%;
height: calc(100vh - 60px);
max-height: calc(100vh - 60px);
overflow-y: scroll;
}
/**
* Special handling of iframes for ensuring the metaframe is correctly maximized.
*/
.iframe-container {
position: absolute;
width: 100%;
min-width: 100%;
}
.iframe-container iframe {
overflow: hidden;
border: 0;
min-height: 100vh;
max-height: 100%;
left: 0;
position: absolute;
top: 0;
}
iframe {
width: 100%;
}
/* Base style for <pre> blocks */
.pre-stdout {
background-color: #f8f8f8; /* light grey background */
/* border: 1px solid #ccc; light grey border */
border-left: 3px solid #000; /* teal accent on the left */
/* padding: 10px; */
overflow: auto; /* in case of overflow */
font-family: 'Courier New', Courier, monospace; /* monospaced font */
white-space: pre-wrap; /* wrap white-space */
word-wrap: break-word; /* break long words */
margin: 0px;
}
/* Style for stderr to make it stand out */
.pre-stderr {
background-color: #fff0f0; /* light red background */
/* border: 1px solid #ffcccc; light red border */
border-left: 3px solid #e53935; /* darker red accent on the left */
color: #d32f2f; /* darker red text color */
/* padding: 10px; */
overflow: auto; /* in case of overflow */
font-family: 'Courier New', Courier, monospace; /* monospaced font */
white-space: pre-wrap; /* wrap white-space */
word-wrap: break-word; /* break long words */
margin: 0px;
}
</style>
<script src="https://cdn.jsdelivr.net/pyodide/v0.24.1/full/pyodide.js"></script>
<script>
const isIframe = () => {
//http://stackoverflow.com/questions/326069/how-to-identify-if-a-webpage-is-being-loaded-inside-an-iframe-or-directly-into-t
try {
return window !== window.top
} catch (ignored) {
return false
}
}
const blobToBase64String = blob => {
return btoa(encodeURIComponent(JSON.stringify(blob)))
}
const blobFromBase64String = value => {
if (value && value.length > 0) {
const blob = JSON.parse(decodeURIComponent(atob(value)))
return blob
}
return undefined
}
// Get everything after # then after ?
const getUrlHashParams = url => {
const urlBl
Open service 34.120.54.55:80 · py.mtfm.io
2026-01-26 08:36
HTTP/1.1 307 Temporary Redirect Cache-Control: private Location: https://py.mtfm.io:443/ Content-Length: 0 Date: Mon, 26 Jan 2026 08:36:50 GMT Content-Type: text/html; charset=UTF-8 Connection: close