Combined POC

PyAr · Jun 3, 2024 · aff0866 · aff0866
1 parent 912c7df
commit aff0866
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 1 deletion.
diff --git a/_sources/index.rst b/_sources/index.rst
@@ -31,4 +31,5 @@ Contenidos:
    :maxdepth: 1
 
    index_es
-   index_en
+   index_en
+   pycomponent
diff --git a/_sources/pycomponent.rst b/_sources/pycomponent.rst
@@ -0,0 +1,6 @@
+==============================
+Interactive PyScript Component
+==============================
+
+A combined PoC of the PyScript Component with a an ehanced UI. 
+
diff --git a/pyscript.html b/pyscript.html
@@ -0,0 +1,33 @@
+<div style="padding: 20px 40px; background-color: #fcf8e3; border-radius: 5px">
+  <div>
+    <iframe
+      height="300px"
+      width="100%"
+      srcdoc='
+    <html>
+    <head>
+      <meta charset="utf-8" />
+      <link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
+      <script defer src="https://pyscript.net/latest/pyscript.js"></script>
+       <style>
+            .py-repl-run-button{opacity: 1;}
+            .input-section{background-color: #f8f9fa; padding: 10px; border-bottom: 1px solid #ccc;}
+        </style>
+    </head>
+    <body>
+      <py-config>
+        packages = ["numpy", "pandas", "matplotlib"] 
+        terminal = false
+      </py-config>
+      <div class="input-section">
+        <py-repl> 
+            print("Hello, World!")
+        </py-repl>
+      </div>
+    </body>
+  </html>'
+      style="border: 1px solid #ccc; background-color: #fff"
+    >
+    </iframe>
+  </div>
+</div>