<html lang="en"> | |
<head> | |
<style> | |
html { | |
/* background: #111; */ | |
/* color: #eee; */ | |
font-family: IBM Plex Sans; | |
} | |
</style> | |
<meta charset="UTF-8" /> | |
<link rel="icon" type="image/svg+xml" href="favicon.svg" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
<script type="module" src="http://localhost:4321/gradio.js"></script> | |
<!-- <script type="module" src="https://gradio.s3-us-west-2.amazonaws.com/3.18.1b6/gradio.js"></script> --> | |
<!-- <script type="module" src="https://gradio.s3-us-west-2.amazonaws.com/3.18.0/gradio.js"></script> --> | |
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/5.0.0/iframeResizer.min.js"></script> --> | |
<title>Vite App</title> | |
</head> | |
<body> | |
<!-- <h1>Hello title</h1> | |
<h2>hello subtitle</h2> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<h2>hello subtitle</h2> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> | |
<p> | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. Hello text. Hello text. Hello text. Hello text. | |
Hello text. Hello text. | |
</p> --> | |
<!-- https://huggingface.co/spaces/freddyaboulton/blocks-essay --> | |
<!-- <gradio-app | |
space="freddyaboulton/timeseries-forecasting-with-prophet | |
" | |
></gradio-app> --> | |
<!-- --> | |
<!-- </p> --> | |
<!-- <gradio-app space="awacke1/GradioAutoPlotFromCSV" info="false"></gradio-app> | |
<gradio-app | |
space="gradio/plot_component_main" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<gradio-app | |
space="gradio/colorpicker_component_main" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<gradio-app | |
space="gradio/live_with_vars_main" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>no src</h2> | |
<gradio-app | |
src="" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>no host</h2> | |
<gradio-app | |
host="" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>no space</h2> | |
<gradio-app | |
space="" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>invalid src</h2> | |
<gradio-app | |
src="https://pngwn-mu123sic-visualizer.hf.space" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>invalid host</h2> | |
<gradio-app | |
host="asd.com" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>invalid space</h2> | |
<gradio-app | |
space="asd/asd" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<gradio-app | |
src="https://pngwn-music-visualizer.hf.space" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>Error: runtime error</h2> | |
<gradio-app | |
space="gradio/titanic_survival_main" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>Error: no app file</h2> | |
<gradio-app | |
space="pngwn/AnimeGANv2_v3" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>Error: no app file</h2> | |
<gradio-app | |
src="https://pngwn-animeganv2-v3.hf.space" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>Error: build error</h2> | |
<gradio-app | |
space="pngwn/Stable-Diffusion-prompt-generator" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>Error: build error</h2> | |
<gradio-app | |
src="https://pngwn-stable-diffusion-prompt-generato-85ff371.hf.space" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>Config Error</h2> | |
<gradio-app | |
space="pngwn/clear-inputs" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>Paused Space</h2> | |
<gradio-app | |
space="abidlabs/audioldm-text-to-audio-generation" | |
initial_height="400px" | |
control_page_title="true" | |
></gradio-app> | |
<h2>Working</h2> | |
--> | |
<gradio-app | |
space="gradio/live_with_vars" | |
initial_height="200px" | |
control_page_title="true" | |
></gradio-app> | |
<!-- <iframe | |
id="myIframe" | |
allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" | |
src="http://127.0.0.1:7860/" | |
frameborder="0" | |
></iframe> --> | |
<button>Toggle Space</button> | |
<script> | |
// iFrameResize( | |
// { | |
// log: false, | |
// checkOrigin: false, | |
// heightCalculationMethod: "lowestElement" | |
// }, | |
// "#myIframe" | |
// ); | |
let spaces = [ | |
"gradio/live_with_vars", | |
"gradio/colorpicker_component_main" | |
]; | |
const b = document.getElementsByTagName("button")[0]; | |
b.addEventListener("click", update_space); | |
function update_space() { | |
const g = document.getElementsByTagName("gradio-app")[0]; | |
g.setAttribute("space", spaces[1]); | |
const [_old, _new] = spaces; | |
spaces = [_new, _old]; | |
} | |
</script> | |
</body> | |
</html> | |