22 lines
984 B
HTML
22 lines
984 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Architecture Simulator</title>
|
|
<link rel="stylesheet" href="../shared.css">
|
|
</head>
|
|
<body class="theme-dark">
|
|
<main class="shell">
|
|
<nav class="topline"><a href="../">All demos</a><a href="/demos.php">Website catalog</a></nav>
|
|
<section class="hero"><p class="kicker">Demo 04</p><h1>Interactive System Architecture Simulator</h1><p>Click-driven load, failure, and self-healing simulation for a tiny web stack.</p></section>
|
|
<section class="panel">
|
|
<canvas id="arch-canvas" width="720" height="260"></canvas>
|
|
<div class="actions"><button id="add-users" type="button">Add Users</button><button id="server-crash" type="button">Server Crash</button><button id="auto-scale" type="button">Auto-scale</button></div>
|
|
<p id="arch-status" class="note"></p>
|
|
</section>
|
|
</main>
|
|
<script src="architecture-simulator.js"></script>
|
|
<script src="../theme.js"></script>
|
|
</body>
|
|
</html>
|