KingMcDonalds
51 lines
1.4 KiB
HTML
51 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Weigh Station UI</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div id="browser-window">
|
|
<div id="browser-topbar">
|
|
<span id="tab">www.sanandreasdot.gov/panel</span>
|
|
<button id="close-btn">X</button>
|
|
</div>
|
|
|
|
<div id="browser-menu">
|
|
<button class="menu-btn">File</button>
|
|
<button class="menu-btn">Edit</button>
|
|
<button class="menu-btn">View</button>
|
|
<button class="menu-btn">Help</button>
|
|
</div>
|
|
|
|
<div id="browser-content">
|
|
<h2>Weigh Station Panel</h2>
|
|
|
|
<div class="lane">
|
|
<span class="lane-name">Lane A:</span> <span id="laneA-weight">-- LBS</span>
|
|
</div>
|
|
|
|
<div class="lane-status">
|
|
<h3>Lane Status</h3>
|
|
<div id="status-laneA">Lane A: Open</div>
|
|
</div>
|
|
|
|
<div class="log">
|
|
<h3>Recent Vehicles</h3>
|
|
<ul id="recent-vehicles">
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="summary">
|
|
<h3>Summary</h3>
|
|
<div>Total Trucks Today: <span id="total-trucks">0</span></div>
|
|
<div>Average Weight: <span id="avg-weight">0</span> LBS</div>
|
|
<div>Overweight Trucks: <span id="overweight-count">0</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |