Improve layout of the terminal example.

bamidev · Mar 11, 2024 · 9b5aef7 · 9b5aef7
1 parent 901ce8b
commit 9b5aef7
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 9 deletions.
diff --git a/examples/northern-lights.txt b/examples/northern-lights.txt
@@ -19,4 +19,4 @@
   __    +      *                         `'       `'|.    `:
 "'  `---"""----....____,..^---`^``----.,.___          `.    `.  .    ____,.,-
     ___,--'""`---"'   ^  ^ ^        ^       """'---,..___ __,..---""'
---"'                           ^                         ``--..,__ D. Rice
+--"'                           ^                         ``--..,__ D. Rice
diff --git a/examples/preview-art.sh b/examples/preview-art.sh
diff --git a/examples/resources/main.js b/examples/resources/main.js
@@ -39,28 +39,35 @@ function onExecutionEnded() {
 	is_executing = false
 }
 
+function escapeText(text) {
+	return text
+		.replaceAll(' ', '&nbsp;')
+		.replaceAll("\r\n", '<br />')
+		.replaceAll("\n", '<br />')
+}
+
 function onOutputReceived( output ) {
 	let span = document.createElement("span")
-	span.innerText = output
+	span.innerHTML = escapeText(output)
 
-	document.body.appendChild( span )
+	document.body.firstElementChild.appendChild( span )
 }
 
 function onErrorOutputReceived( output ) {
 
 	let span = document.createElement("span")
 	span.setAttribute("class", "stderr")
-	span.innerText = output
+	span.innerHTML = escapeText(output)
 
-	document.body.appendChild( span )
+	document.body.firstElementChild.appendChild( span )
 }
 
 function print( text ) {
-	$('body').append( text )
+	$('body div').append( text )
 }
 
 function printPrefix() {
-	print( working_dir + '$ ' )
+	print(working_dir + '$ ')
 }
 
 

diff --git a/examples/resources/style.css b/examples/resources/style.css
@@ -1,7 +1,8 @@
 body {
     background-color: #000;
     color: #0F0;
-    font: 1em coolFont;
+    font: 1.2em coolFont;
+    margin-top: 0;
     word-break: break-all;
     word-wrap: break-word;
     white-space: pre-line;

diff --git a/examples/resources/terminal.html b/examples/resources/terminal.html
@@ -11,5 +11,7 @@
 
 		<script type="text/javascript" src="main.js"></script>
 	</head>
-	<body />
+	<body>
+		<div></div>
+	</body>
 </html>