1
0
mirror of https://github.com/pyscript/pyscript.git synced 2022-05-01 19:47:48 +03:00

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

This commit is contained in:
Fabio Pliger
2022-04-12 15:42:44 -05:00
parent af107e8488
commit c29144d69c
4 changed files with 7 additions and 7 deletions

View File

@@ -10,7 +10,7 @@
<link rel="stylesheet" href="build/pyscript.css" /> <link rel="stylesheet" href="build/pyscript.css" />
</head> </head>
<body class="container"> <body class="container font-mono">
<h1 class="text-3xl font-bold">PyScript demos</h1> <h1 class="text-3xl font-bold">PyScript demos</h1>
<hr/> <hr/>

View File

@@ -13,7 +13,7 @@
</head> </head>
<body> <body>
<div id="outputDiv" style="background-color:yellow"></div> <div id="outputDiv" class="font-mono" style="background-color:yellow"></div>
<py-script target="outputDiv"> <py-script target="outputDiv">
from datetime import datetime from datetime import datetime
now = datetime.now() now = datetime.now()

View File

@@ -7,15 +7,15 @@
<title>Svelte app</title> <title>Svelte app</title>
<link rel="icon" type="image/png" href="favicon.png" /> <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> <script defer src="../build/pyscript.js"></script>
</head> </head>
<body> <body>
<div id="outputDiv"></div> <div class="font-mono">start time: <label id="outputDiv"></label></div>
<div id="outputDiv2" style="background-color: blueviolet"></div> <div id="outputDiv2" class="font-mono"></div>
<div id="outputDiv3" style="background-color: yellow"></div> <div id="outputDiv3" class="font-mono"></div>
<py-script target="outputDiv"> <py-script target="outputDiv">
from datetime import datetime from datetime import datetime
now = datetime.now() now = datetime.now()

View File

@@ -35,7 +35,7 @@ class PyScript:
console.log(f"DATA/IMAGE: {value}") console.log(f"DATA/IMAGE: {value}")
document.getElementById(element_id).innerHTML = f'<div><img id="plt" src="{value}"/></div>' document.getElementById(element_id).innerHTML = f'<div><img id="plt" src="{value}"/></div>'
else: else:
document.getElementById(element_id).innerHTML = repr(value); document.getElementById(element_id).innerHTML = value;
console.log(f"ELSE: {append} ==> {element_id} --> {value}") console.log(f"ELSE: {append} ==> {element_id} --> {value}")
@staticmethod @staticmethod