mirror of
https://github.com/correl/elm-exercise.git
synced 2024-11-14 19:19:30 +00:00
31 lines
958 B
HTML
31 lines
958 B
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Elm Exercise</title>
|
||
|
|
<link rel="stylesheet" href="css/style.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Online Users</h1>
|
||
|
|
|
||
|
|
<!-- Container for our Elm application -->
|
||
|
|
<div id="elm-app">
|
||
|
|
|
||
|
|
<!-- Display one of the following buttons based on the connection state -->
|
||
|
|
<a class="button connect" href="#">Connect</a>
|
||
|
|
<a class="button connecting" href="#">Connecting</a>
|
||
|
|
<a class="button disconnect" href="#">Disconnect</a>
|
||
|
|
|
||
|
|
<ul class="users">
|
||
|
|
<!-- This list should be empty unless the connection state is online -->
|
||
|
|
|
||
|
|
<li>Sterling Archer</li>
|
||
|
|
<li>Lana Kane</li>
|
||
|
|
<li>Malory Archer</li>
|
||
|
|
<li>Cyril Figgis</li>
|
||
|
|
<li>Cheryl Tunt</li>
|
||
|
|
<li>Pam Poovey</li>
|
||
|
|
<li>Ray Gillette</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|