| <html lang="en"> | |
| <head> | |
| <style> | |
| html { | |
| /* background: #111; */ | |
| /* color: #eee; */ | |
| font-family: Source Sans Pro; | |
| } | |
| </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/4.3.9/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> | |