fly/A320-family
1
0
Fork 0
Code Activity

Make some visual improvements to mcdu.html

Browse source
This commit is contained in:
Owen Wang 2021-03-11 11:32:26 -05:00 committed by GitHub
parent 47925faad8
commit b847933650
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 115 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

128
mcdu.html
View file

@ -1,8 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<title>MCDU</title>
<meta charset="utf-8"/>
<meta charset="utf-8">
<script>
let screen;
let screen_src;
@ -77,35 +78,111 @@
}, true);
</script>
<style>
body { font-size: 5rem; margin: 0; padding: 0; background-color: black; color: white; }
table { margin: 0; padding: 0 }
tr { margin: 0; padding: 0 }
td { margin: 0; padding: 0; text-align: center; outline: 1px solid gray; }
td:active { background-color: white; color: black }
.enter { font-size: 60% }
.enter tr:first-child { font-size: 70% }
.enter tr:last-child { font-size: 50% }
.enter td:first-child, .enter td:last-child { padding: 0 0.55em; }
.menu, .arrows .airport { font-size: 40%; line-height: 1em; }
.menu td { height: 2.5em; }
.arrows td { width: 50%; padding: 0; font-size: 60%; }
img { display: block; }
body {
font-size: 5rem;
margin: 0;
padding: 0;
background-color: black;
color: white;
}
table {
margin: 0;
padding: 0
}
tr {
margin: 0;
padding: 0
}
td {
margin: 0;
padding: 0;
text-align: center;
outline: 1px solid gray;
}
td:active {
background-color: white;
color: black
}
.enter {
font-size: 60%
}
.enter tr:first-child {
font-size: 70%
}
.enter tr:last-child {
font-size: 50%
}
.enter td:first-child,
.enter td:last-child {
padding: 0 0.55em;
}
.menu,
.arrows .airport {
font-size: 40%;
line-height: 1em;
}
.menu td {
height: 2.5em;
}
.arrows td {
width: 50%;
padding: 0;
font-size: 60%;
}
img {
display: block;
}
</style>
</head>
<body style="width: 100%">
<table class="enter" style="width: 92%">
<tr>
<td>&nbsp;</td>
<td rowspan="8" style="vertical-align: top"><img src="/screenshot?canvasindex=10&type=png" style="width: 100%"/></td>
<td rowspan="8" style="vertical-align: top"><img src="/screenshot?canvasindex=10&type=png"
style="width: 100%" /></td>
<td>&nbsp;</td>
</tr>
<tr><td>1</td><td>1</td></tr>
<tr><td>2</td><td>2</td></tr>
<tr><td>3</td><td>3</td></tr>
<tr><td>4</td><td>4</td></tr>
<tr><td>5</td><td>5</td></tr>
<tr><td>6</td><td>6</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr>
<td>—</td>
<td>—</td>
</tr>
<tr>
<td>—</td>
<td>—</td>
</tr>
<tr>
<td>—</td>
<td>—</td>
</tr>
<tr>
<td>—</td>
<td>—</td>
</tr>
<tr>
<td>—</td>
<td>—</td>
</tr>
<tr>
<td>—</td>
<td>—</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<table class="menu" style="width: 92%">
<tr>
@ -167,13 +244,13 @@
<td>Z</td>
<td>/</td>
<td style="font-size: 50%">SP</td>
<td style="font-size: 25%">OVFY</td>
<td style="font-size: 33%">OVFY<br>△</td>
<td style="font-size: 33%">CLR</td>
</tr>
</table>
<table class="arrows" style="width: 25%">
<tr>
<td class="airport">AIR<br/>PORT</td>
<td class="airport">AIR<br>PORT</td>
<td></td>
</tr>
<tr>
@ -204,8 +281,9 @@
<tr>
<td>.</td>
<td>0</td>
<td>-</td>
<td>+/-</td>
</tr>
</table>
</body>
</html>