* Some CSS improvements

This commit is contained in:
Michaël Van Canneyt 2021-12-28 22:30:56 +01:00
parent 6683eacd6c
commit 46d826aec5

View File

@ -1,3 +1,4 @@
<!doctype html>
<html lang="en">
<head>
@ -6,12 +7,13 @@
<title>FPC-Webassembly with Pas2JS Terminal Demo</title>
<link href="https://unpkg.com/xterm@4.16.0/css/xterm.css" rel="stylesheet">
<script src="https://unpkg.com/xterm@4.16.0/lib/xterm.js"></script>
<link href="bulma.min.css" rel="stylesheet">
<!-- <link href="bulma.min.css" rel="stylesheet"> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
<script src="demowasiterm.js"></script>
<style>
.source {
width: 730px;
/* width: 730px; */
margin: -45px auto;
font-size: 0.9em;
}
@ -20,17 +22,17 @@
display: flex;
justify-content: space-between;
align-items: center;
width: 482px;
/* width: 482px; */
}
</style>
</head>
<body>
<div class="section">
<div class="section pb-4">
<h1 class="title is-3">FPC-Webassembly with Pas2JS Terminal Demo</h1>
<div class="block">Red color indicates (simulated) terminal input to WebAssembly program</div>
<div id="xterm" style="width: 100%; height: 60vh; background-color: black;"></div>
</div>
<hr>
<!-- <hr> -->
<div class="section">
<div class="source">
<div class="source-inner">