webcontrol/zml.html
author Nicolas Martin <joliclic@gmail.com>
Thu, 18 May 2017 15:05:29 +0200
changeset 3 874a53e7b615
parent 2 1425d4030bea
permissions -rw-r--r--
arduino part: start from a websocket example
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
1
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
     1
<!doctype html>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
     2
<html lang="">
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
     3
<head>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
     4
    <meta charset="utf-8">
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
     5
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
     6
    <title>Zygos Mask Lights Control</title>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
     7
    <meta name="description" content="">
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
     8
    <meta name="viewport" content="width=device-width, initial-scale=1">
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
     9
    <link rel="shortcut icon" href="/favicon.ico">
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    10
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    11
    <link rel="stylesheet" href="./zml.css">
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    12
    <style>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    13
        
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    14
    </style>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    15
    <script></script>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    16
</head>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    17
<body>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    18
     
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    19
    <header>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    20
        <h1 class="main-title">Zygos Masks Lights Control</h1>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    21
    </header>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    22
    
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    23
    <section id="status-box">
2
1425d4030bea web control: js part
Nicolas Martin <joliclic@gmail.com>
parents: 1
diff changeset
    24
        <div id="main-status-box"></div>
1425d4030bea web control: js part
Nicolas Martin <joliclic@gmail.com>
parents: 1
diff changeset
    25
        <div id="substatus-box"></div>
1
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    26
    </section>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    27
    
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    28
    <section class="commands-box">
2
1425d4030bea web control: js part
Nicolas Martin <joliclic@gmail.com>
parents: 1
diff changeset
    29
        <h2>commandes&nbsp;:</h2>
1425d4030bea web control: js part
Nicolas Martin <joliclic@gmail.com>
parents: 1
diff changeset
    30
        
1
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    31
        <div id="mutable-cmd-box">
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    32
            commande variable&nbsp;:
2
1425d4030bea web control: js part
Nicolas Martin <joliclic@gmail.com>
parents: 1
diff changeset
    33
            <input id="mutable-cmd-input">
1
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    34
            <button id="mutable-cmd-bt">
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    35
                envoyer
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    36
            </button>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    37
        </div>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    38
        
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    39
        <div class="cmd-box">
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    40
            <button class="cmd-bt" data-cmd="black">
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    41
                Noir
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    42
                <span style="display: inline-block; width: 2em; height: 1em; background: black;">&nbsp;</span>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    43
            </button>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    44
        </div>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    45
    </section>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    46
    
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    47
    <footer>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    48
    </footer>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    49
    
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    50
    <script src="./zml.js"></script>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    51
    <script>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    52
    </script>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    53
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    54
</body>
8ad95a9cc477 main files for the web control
Nicolas Martin <joliclic@gmail.com>
parents:
diff changeset
    55
</html>