elm-exercise/sample.html

31 lines
958 B
HTML
Raw Permalink Normal View History

2016-04-15 04:38:38 +00:00
<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>