nonojs/index.html at master · macowie/nonojs · 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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<html>

    <head>
        <script src="nono.js" type="application/javascript"></script>
        <link rel="stylesheet" type="text/css" href="style.css">
        <title>Nono - Web Nonograms</title>
    </head>

    <body onload="play();">
        <div id="content">
            <img src="nonologo.png" alt"Nono!">[beta]
            <p>
            <a href="create.html">Create Your Own</a>
            <a href="javascript:void(0);" onClick="javascript:showInstructions();">Instructions</a>
            </p>
            <p>
                <div id="instructions">
                    <p><a href="javascript:void(0);" onClick="javascript:hideInstructions();">Close</a></p>
                    <p>Nonograms is a puzzle game where you try to fill in squares on a grid
                        to discover the hidden picture. The number of blocks in a given row or
                        column are displays and the player is to deduce which squares are supposed
                        to be filled in. For instance, if a row lists "3 2 3" next to it, that
                        row somewhere contains 3 blocks, a separation of at least one block, two
                        blocks, another separation, and another three block stretch. The history,
                        techniques, and more information is available at
                        <a href="http://en.wikipedia.org/wiki/Nonogram">Wikipedia</a>
                    </p>
                </div>
            </p>
            <h2 id="titlefield"></h2>
            <h3 id="authorfield">
                </h2>
                <div id="status" class="statusblank"></div>
                <div id="puzzlefield"></div>
                <div id="footer">
                    <table>
                        <tr>
                            <td class="marked">Marked</td>
                            <td class="empty">Default</td>
                            <td class="anti">Blank</td>
                        </tr>
                    </table>
                    <p>
                        <a href="mailto:matthew@cowie.me">I</a> wrote this. I hope it didn't break.</p><p><a href="http://cowie.me">Cowie.me</a></p>
                </div>
        </div>
    </body>

</html>