elm-exercise/sample.html at master · correl/elm-exercise · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<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>