paweld/pas2js
1
0
Fork 0
mirror of https://gitlab.com/freepascal.org/fpc/pas2js.git synced 2025-08-17 23:19:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

* Some CSS improvements

Browse Source
This commit is contained in:
Michaël Van Canneyt 2021-12-28 22:30:56 +01:00
parent 6683eacd6c
commit 46d826aec5
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
demo/wasienv/terminal/index.html
View File

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