css, messages fix

Author: dragoncoder047

index.html

@@ -20,15 +20,16 @@
             }
 
             textarea {
-                min-height: 10ch;
+                min-height: 10em;
+                resize: vertical;
             }
 
             #errors {
                 color: red;
             }
 
             @media screen and (prefers-color-scheme: dark) {
-                body {
+                body, textarea {
                     color: white;
                     background: black;
                 }
@@ -47,8 +48,11 @@ <h1>Schemascii Playground</h1>
                 <p>CSS</p><textarea id="css"></textarea>
             </div>
         </div>
+        <h2>Result</h2>
         <div id="output"></div>
+        <h2>Messages</h2>
         <pre id="console"></pre>
+        <h2>Errors</h2>
         <pre id="errors"></pre>
     </body>
     <script>
@@ -66,7 +70,7 @@ <h1>Schemascii Playground</h1>
                 info("Loading Python... ");
                 pyodide = await loadPyodide({ stdout: info, stderr: error });
                 info("done\nInstalling micropip...");
-                await pyodide.loadPackage("micropip", { errorCallback: error, messageCallback: info });
+                await pyodide.loadPackage("micropip", { errorCallback: error, messageCallback: () => {} });
                 info("done\nFetching current Schemascii version... ");
                 var pyproject_toml = await fetch("pyproject.toml").then(x => x.text());
                 var ver = /version = "([\d.]+)"/.exec(pyproject_toml)[1];
@@ -77,7 +81,7 @@ <h1>Schemascii Playground</h1>
                 await setup();
                 console.textContent = "ready\n";
             } catch (e) {
-                error(`\nJS Error:\n${e.stack}\n`);
+                error(`\n${e.stack}\n`);
                 throw e;
             }
         }
@@ -102,7 +106,7 @@ <h1>Schemascii Playground</h1>
                     try {
                         output.innerHTML = await schemascii.render("playground", source.value);
                     } catch (e) {
-                        error(`\nJS Error:\n${e.stack}\n`);
+                        error(`\n${e.stack}\n`);
                         output.innerHTML = "";
                         throw e;
                     }
@@ -112,4 +116,4 @@ <h1>Schemascii Playground</h1>
         main();
     </script>
 
-</html>
+</html>