Webleb - UI Elements - exoplanet observation

HTML

<!DOCTYPE html>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<link rel="manifest" href="./manifest.json" />

<link rel="icon" type="image/x-icon" href="./favicon.ico" />

<link rel="stylesheet" href="./style.css" />
</head>

<div class="gamepad-button action-a" data-button="0">A</div>
    <div class="gamepad-button action-b" data-button="1">B</div>
    <div class="gamepad-button action-y" data-button="2">Y</div>
    <div class="gamepad-button action-x" data-button="3">X</div>

<div class="system-button system-select" data-button="8">SELECT</div>
    <div class="system-button system-start" data-button="9">START</div>
  </div>
</body>

</html>

exoplanet observation

HTML

CSS

JS

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS