playrat/play.html at master · GrenDrake/playrat · 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!doctype html>
<html>
<head>
<title>Loading...</title>
<meta charset='utf-8'>
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline'" />
<link rel="shortcut icon" href="./favicon.png">
<link rel="stylesheet" href="page.css" type="text/css">
</head>
<body>
<div id='contentArea'>
    <div id='top-statusbar'>
        <div id='top-left'></div>
        <div id='top-right'></div>
    </div>
    <div id='text'><p id='loadingText'>Loading: 0%<p><progress id='loadingProgress' value='0'></progress></div>
    <div id='bottom-statusbar'>
        <div id='bottom-left'>&nbsp;</div>
        <div id='bottom-centre'>
            <!-- https://game-icons.net/delapouite/originals/anticlockwise-rotation.html -->
            <img src='gfx/new.svg' id='newButton' class='button' alt='Start new game' title='New game'>
            <!-- https://game-icons.net/lorc/originals/cog.html -->
            <img src='gfx/settings.svg' id='settingsButton' class='button' alt='Open options menu' title='Options menu (o)'>
            <!-- https://game-icons.net/delapouite/originals/info.html -->
            <img src='gfx/credits.svg' id='creditsButton' class='button' alt='Open credits window' title='Credits window'>
        </div>
        <div id='bottom-right'></div>
    </div>
</div>
</body>

<div id='overlay'>
    <div id='saveDialog' class='dialog'>
        <div class='dialogTitle'>
            Save Game
        </div>
        <select id='saveList' style='width:100%'></select><br><br>
        <div style='display:flex'>
            <div>New Save Name: &nbsp;</div>
            <div style='flex-grow: 1'><input style='width:100%' type="text" id='savegamename'></div>
        </div>

        <div class='dialogButtons'>
            <button id='newSaveButton'>Save New Game</button>
            <button id='overwriteSaveButton'>Overwrite Saved Game</button>
            <button id='deleteSaveButton'>Delete Saved Game</button>
            <button id='saveCancel'>Cancel</button>
        </div>
    </div>

    <div id='loadDialog' class='dialog'>
        <div class='dialogTitle'>
            Load Game
        </div>
        <select id='loadList' style='width:100%'></select><br><br>

        <div class='dialogButtons'>
            <button id='loadGameButton'>Load Game</button>
            <button id='loadCancel'>Cancel</button>
        </div>
    </div>

    <div id='settings' class='dialog'>
        <div class='dialogTitle'>
            Options
        </div>
        <label><input type='checkbox' id='limitWidth'> Limit display width</label><br>
        <br><b>Debugging features:</b><br>
        <label><input type='checkbox' id='showEventDuration'> Show Event Duration</label><br>
        <label><input type='checkbox' id='showOperationsCount'> Show Operation Count</label><br>
        <label><input type='checkbox' id='showGarbageCollectionDuration'> Show Garbage Collection Duration</label><br>

        <div class='dialogButtons'>
            <button id='closeSettings'>Close</button>
        </div>
    </div>

    <div id='creditsWindow' class='dialog'>
        <div class='dialogTitle'>
            <span id='gamename'>Untitled</span><br>
            <span id='authorline'>Anonymous</span><br>
        </div>
        <p class='creditline'><b>Version:</b> <span id='version'>V1</span><br>
        <b>Build ID:</b> <span id='buildnumber'></span></span><br>
        <b>Game ID:</b> <span id='gameid'>Test Suite</span></span>
        <hr>
        <p class='creditline'>Implemented with <a href='https://github.com/GrenDrake/quollvm'>QuollVM</a>, an engine created and developed by <a href='https://github.com/GrenDrake'>Gren Drake</a>
        <p class='creditline'>Options icon by <a href='http://lorcblog.blogspot.com/' target='_blank'>Lorc</a>. Credits, new, load, and save icons by <a href='https://delapouite.com/' target='_blank'>Delapouite</a>. All courtesy of <a href='http://game-icons.net/' target='_blank'>game-icons.net</a>.

        <div class='dialogButtons'>
            <button id='closeCredits'>Close</button>
        </div>
    </div>
</div>

<!-- <script src="js/encoding.js"></script>
<script src='js/engine.js'></script>
<script src='js/execute.js'></script>
<script src='js/filedb.js'></script>
<script src='js/formatter.js'></script>
<script src='js/startup.js'></script> -->
<script src='js/engine.js' type='module'></script>
</html>