|
|
<!DOCTYPE html> |
|
|
<html> |
|
|
<head> |
|
|
<meta charset="utf-8" /> |
|
|
<meta name="viewport" content="width=device-width" /> |
|
|
<title>WebAssemblyStreamlitLite-stlite in HTML5</title> |
|
|
<link rel="stylesheet" href="style.css" /> |
|
|
</head> |
|
|
<body> |
|
|
<script src="https://whitphx.github.io/stlite/lib/application/stlite.js"></script> |
|
|
<script> |
|
|
stlite.mount({ |
|
|
mainScriptData: ` |
|
|
import streamlit as st |
|
|
name=st.text_input("Name") |
|
|
st.write("Hello, ", name or "world") |
|
|
` |
|
|
}) |
|
|
</script> |
|
|
<div class="card"> |
|
|
<h1>STLITE in an HTML5 Page Web App to Run Streamlit</h1> |
|
|
<p> |
|
|
script source |
|
|
</p> |
|
|
<p> |
|
|
url |
|
|
<a href="https://www.youtube.com/watch?v=VQdktxgbmmg" target="_blank" |
|
|
>Stlite Streamlit video tutorial</a |
|
|
>. |
|
|
</p> |
|
|
</div> |
|
|
</body> |
|
|
</html> |
|
|
|
