147 lines
6.8 KiB
HTML
147 lines
6.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" translate="no">
|
|
<head>
|
|
<title>A320 MCDU</title>
|
|
<meta charset="utf-8">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="apple-mobile-web-app-status-bar" content="#333333" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
|
|
<link rel="stylesheet" href="css/mcdu.css" />
|
|
</head>
|
|
<body data-used-universe="1" data-showbuttons="0">
|
|
<div class="mcdu">
|
|
<img src="img/mcdu-bg.png" class="mcdu_case" />
|
|
<div class="mcdu-glass">
|
|
<img src="" data-element="lcdimage" class="screen-img" />
|
|
<img src="" data-element="lcdimage" class="screen-glow" />
|
|
<img src="img/dust2.png" class="mcdu-glass--dust" />
|
|
</div>
|
|
<div class="mcdu-fg">
|
|
|
|
<div class="skbuttons-left">
|
|
<div data-button="lskbutton:1" class="skbutton sk-1"></div>
|
|
<div data-button="lskbutton:2" class="skbutton sk-2"></div>
|
|
<div data-button="lskbutton:3" class="skbutton sk-3"></div>
|
|
<div data-button="lskbutton:4" class="skbutton sk-4"></div>
|
|
<div data-button="lskbutton:5" class="skbutton sk-5"></div>
|
|
<div data-button="lskbutton:6" class="skbutton sk-6"></div>
|
|
</div>
|
|
|
|
<div class="skbuttons-right">
|
|
<div data-button="rskbutton:1" class="skbutton sk-1"></div>
|
|
<div data-button="rskbutton:2" class="skbutton sk-2"></div>
|
|
<div data-button="rskbutton:3" class="skbutton sk-3"></div>
|
|
<div data-button="rskbutton:4" class="skbutton sk-4"></div>
|
|
<div data-button="rskbutton:5" class="skbutton sk-5"></div>
|
|
<div data-button="rskbutton:6" class="skbutton sk-6"></div>
|
|
</div>
|
|
|
|
<div class="menu-row1">
|
|
<div data-button="pagebutton:dirto" class="menubutton menu-col1"></div>
|
|
<div data-button="pagebutton:prog" class="menubutton menu-col2"></div>
|
|
<div data-button="pagebutton:perf" class="menubutton menu-col3"></div>
|
|
<div data-button="pagebutton:init" class="menubutton menu-col4"></div>
|
|
<div data-button="pagebutton:data" class="menubutton menu-col5"></div>
|
|
</div>
|
|
|
|
<div class="menu-row2">
|
|
<div data-button="pagebutton:f-pln" class="menubutton menu-col1"></div>
|
|
<div data-button="pagebutton:radnav" class="menubutton menu-col2"></div>
|
|
<div data-button="pagebutton:fuel-pred" class="menubutton menu-col3"></div>
|
|
<div data-button="" class="menubutton menu-col4"></div>
|
|
<div data-button="pagebutton:atc" class="menubutton menu-col5"></div>
|
|
<div data-button="pagebutton:mcdu" class="menubutton menu-col6"></div>
|
|
</div>
|
|
|
|
<div class="menu-row3">
|
|
<div data-button="pagebutton:airport" class="menubutton menu-col1"></div>
|
|
</div>
|
|
|
|
<div class="menu-row4">
|
|
<div data-button="arrowbutton:left" class="menubutton menu-col1"></div>
|
|
<div data-button="arrowbutton:up" class="menubutton menu-col2"></div>
|
|
</div>
|
|
|
|
<div class="menu-row5">
|
|
<div data-button="arrowbutton:right" class="menubutton menu-row5 menu-col1"></div>
|
|
<div data-button="arrowbutton:down" class="menubutton menu-row5 menu-col2"></div>
|
|
</div>
|
|
|
|
<div class="number-row1">
|
|
<div data-button="button:1" class="numberbutton number-col1"></div>
|
|
<div data-button="button:2" class="numberbutton number-col2"></div>
|
|
<div data-button="button:3" class="numberbutton number-col3"></div>
|
|
</div>
|
|
<div class="number-row2">
|
|
<div data-button="button:4" class="numberbutton number-col1"></div>
|
|
<div data-button="button:5" class="numberbutton number-col2"></div>
|
|
<div data-button="button:6" class="numberbutton number-col3"></div>
|
|
</div>
|
|
<div class="number-row3">
|
|
<div data-button="button:7" class="numberbutton number-col1"></div>
|
|
<div data-button="button:8" class="numberbutton number-col2"></div>
|
|
<div data-button="button:9" class="numberbutton number-col3"></div>
|
|
</div>
|
|
<div class="number-row4">
|
|
<div data-button="button:DOT" class="numberbutton number-col1"></div>
|
|
<div data-button="button:0" class="numberbutton number-col2"></div>
|
|
<div data-button="button:PLUSMINUS" class="numberbutton number-col3"></div>
|
|
</div>
|
|
|
|
<div class="alphabutton-row1">
|
|
<div data-button="button:A" class="alphabutton alphabutton-col1"></div>
|
|
<div data-button="button:B" class="alphabutton alphabutton-col2"></div>
|
|
<div data-button="button:C" class="alphabutton alphabutton-col3"></div>
|
|
<div data-button="button:D" class="alphabutton alphabutton-col4"></div>
|
|
<div data-button="button:E" class="alphabutton alphabutton-col5"></div>
|
|
</div>
|
|
|
|
<div class="alphabutton-row2">
|
|
<div data-button="button:F" class="alphabutton alphabutton-col1"></div>
|
|
<div data-button="button:G" class="alphabutton alphabutton-col2"></div>
|
|
<div data-button="button:H" class="alphabutton alphabutton-col3"></div>
|
|
<div data-button="button:I" class="alphabutton alphabutton-col4"></div>
|
|
<div data-button="button:J" class="alphabutton alphabutton-col5"></div>
|
|
</div>
|
|
|
|
<div class="alphabutton-row3">
|
|
<div data-button="button:K" class="alphabutton alphabutton-col1"></div>
|
|
<div data-button="button:L" class="alphabutton alphabutton-col2"></div>
|
|
<div data-button="button:M" class="alphabutton alphabutton-col3"></div>
|
|
<div data-button="button:N" class="alphabutton alphabutton-col4"></div>
|
|
<div data-button="button:O" class="alphabutton alphabutton-col5"></div>
|
|
</div>
|
|
|
|
<div class="alphabutton-row4">
|
|
<div data-button="button:P" class="alphabutton alphabutton-col1"></div>
|
|
<div data-button="button:Q" class="alphabutton alphabutton-col2"></div>
|
|
<div data-button="button:R" class="alphabutton alphabutton-col3"></div>
|
|
<div data-button="button:S" class="alphabutton alphabutton-col4"></div>
|
|
<div data-button="button:T" class="alphabutton alphabutton-col5"></div>
|
|
</div>
|
|
|
|
<div class="alphabutton-row5">
|
|
<div data-button="button:U" class="alphabutton alphabutton-col1"></div>
|
|
<div data-button="button:V" class="alphabutton alphabutton-col2"></div>
|
|
<div data-button="button:W" class="alphabutton alphabutton-col3"></div>
|
|
<div data-button="button:X" class="alphabutton alphabutton-col4"></div>
|
|
<div data-button="button:Y" class="alphabutton alphabutton-col5"></div>
|
|
</div>
|
|
|
|
<div class="alphabutton-row6">
|
|
<div data-button="button:Z" class="alphabutton alphabutton-col1"></div>
|
|
<div data-button="button:SLASH" class="alphabutton alphabutton-col2"></div>
|
|
<div data-button="button:SP" class="alphabutton alphabutton-col3"></div>
|
|
<div data-button="button:OVFY" class="alphabutton alphabutton-col4"></div>
|
|
<div data-button="button:CLR" class="alphabutton alphabutton-col5"></div>
|
|
</div>
|
|
|
|
<div data-button="toggleUsedUniverse" class="glassbutton">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="../js/mcdu.js">
|
|
</script>
|
|
</body>
|
|
</html>
|