fixed some minor things related to examples while testing

pyscript · fpliger · Apr 28, 2022 · Apr 28, 2022 · Apr 28, 2022 · Apr 28, 2022
commit 4e667642cae66b15c12c58a28c6ecb746da33a7a
diff --git a/pyscriptjs/examples/bokeh.html b/pyscriptjs/examples/bokeh.html
@@ -1,6 +1,7 @@
 <html><head>
     <title>Bokeh Example</title>
     <meta charset="iso-8859-1">
+    <link rel="icon" type="image/x-icon" href="./favicon.png">
     <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-2.4.2.min.js"></script>
     <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.2.min.js"></script>
     <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.2.min.js"></script>
@@ -40,11 +41,7 @@ <h1>Bokeh Example</h1>
 p.circle([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], size=15, line_color="navy", fill_color="orange", fill_alpha=0.5)
 p_json = json.dumps(json_item(p, "myplot"))
 
-print("about to embed")
-
 Bokeh.embed.embed_item(JSON.parse(p_json))
-
-print ("Done embedding...")
     </py-script>
 
 </body>

diff --git a/pyscriptjs/examples/bokeh_interactive.html b/pyscriptjs/examples/bokeh_interactive.html
@@ -1,6 +1,7 @@
 <html><head>
     <title>Bokeh Example</title>
     <meta charset="iso-8859-1">
+    <link rel="icon" type="image/x-icon" href="./favicon.png">
     <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-2.4.2.js"></script>
     <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-gl-2.4.2.min.js"></script>
     <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.2.min.js"></script>

diff --git a/pyscriptjs/examples/index.html b/pyscriptjs/examples/index.html
@@ -90,6 +90,12 @@ <h2 class="text-2xl font-bold text-blue-600"><a href="./panel.html" target=”_b
       WARNING: This examples takes a little longer to load. So be patient :)
     </p>
 
+    <h2 class="text-2xl font-bold text-blue-600"><a href="./panel_deckgl.html" target=”_blank”>NYC Taxi Data Panel DeckGL Demo</a></h2>
+    <p>Interactive application exploring the NYC Taxi dataset using Panel and DeckGL
+
+      WARNING: This examples takes a little longer to load. So be patient :)
+    </p>
+
     <h2 class="text-2xl font-bold text-blue-600"><a href="./toga/freedom.html" target=”_blank”>Freedom Units!</a></h2>
     <p>A Toga application (a Fahrenheit to Celsius converter), rendered as a Single Page App</p>
 

diff --git a/pyscriptjs/examples/panel.html b/pyscriptjs/examples/panel.html
@@ -2,6 +2,7 @@
   <head>
     <title>Panel Example</title>
     <meta charset="iso-8859-1">
+    <link rel="icon" type="image/x-icon" href="./favicon.png">
     <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-2.4.2.js"></script>
     <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.4.2.min.js"></script>
     <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.4.2.min.js"></script>

diff --git a/pyscriptjs/examples/panel_deckgl.html b/pyscriptjs/examples/panel_deckgl.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
+    <link rel="icon" type="image/x-icon" href="./favicon.png">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <meta name="theme-color" content="#0072b5">

diff --git a/pyscriptjs/examples/panel_kmeans.html b/pyscriptjs/examples/panel_kmeans.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
+    <link rel="icon" type="image/x-icon" href="./favicon.png">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <meta name="theme-color" content="#000000">

diff --git a/pyscriptjs/examples/panel_stream.html b/pyscriptjs/examples/panel_stream.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <meta charset="utf-8">
+    <link rel="icon" type="image/x-icon" href="./favicon.png">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="default">
     <meta name="theme-color" content="#000000">

diff --git a/pyscriptjs/src/components/pybox.ts b/pyscriptjs/src/components/pybox.ts
@@ -54,7 +54,7 @@ export class PyBox extends HTMLElement {
 
         this.widths.forEach((width, index)=>{
             const node: ChildNode = mainDiv.childNodes[index];
-            addClasses(node, [width, 'mx-4'])
+            addClasses(node, [width, 'mx-1'])
 
         })