improve some of the demos font and removes repr for when objects are outputted to a div

fpliger · fpliger · commit c29144d69c39 · 2022-04-12T15:42:44.000-05:00
diff --git a/pyscriptjs/examples/index.html b/pyscriptjs/examples/index.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="build/pyscript.css" />
   </head>
 
-  <body class="container">
+  <body class="container font-mono">
 
     <h1 class="text-3xl font-bold">PyScript demos</h1>
     <hr/>
diff --git a/pyscriptjs/examples/simple_script.html b/pyscriptjs/examples/simple_script.html
@@ -13,7 +13,7 @@
   </head>
 
   <body>
-    <div id="outputDiv" style="background-color:yellow"></div>
+    <div id="outputDiv" class="font-mono" style="background-color:yellow"></div>
     <py-script target="outputDiv">
 from datetime import datetime
 now = datetime.now()
diff --git a/pyscriptjs/examples/simple_script2.html b/pyscriptjs/examples/simple_script2.html
@@ -7,15 +7,15 @@
     <title>Svelte app</title>
 
     <link rel="icon" type="image/png" href="favicon.png" />
-    <link rel="stylesheet" href="../build/bundle.css" />
+    <link rel="stylesheet" href="../build/pyscript.css" />
     
     <script defer src="../build/pyscript.js"></script>
   </head>
 
   <body>
-    <div id="outputDiv"></div>
-    <div id="outputDiv2" style="background-color: blueviolet"></div>
-    <div id="outputDiv3" style="background-color: yellow"></div>
+    <div class="font-mono">start time: <label id="outputDiv"></label></div>
+    <div id="outputDiv2" class="font-mono"></div>
+    <div id="outputDiv3" class="font-mono"></div>
     <py-script target="outputDiv">
 from datetime import datetime
 now = datetime.now()
diff --git a/pyscriptjs/src/interpreter.ts b/pyscriptjs/src/interpreter.ts
@@ -35,7 +35,7 @@ class PyScript:
             console.log(f"DATA/IMAGE: {value}")
             document.getElementById(element_id).innerHTML = f'<div><img id="plt" src="{value}"/></div>'
         else:
-            document.getElementById(element_id).innerHTML = repr(value);
+            document.getElementById(element_id).innerHTML = value;
             console.log(f"ELSE: {append} ==> {element_id} --> {value}")
 
     @staticmethod
