moth

Monarch Of The Hill game server
git clone https://git.woozle.org/neale/moth.git

moth / theme / reports
Neale Pickett  ·  2023-09-14

ksa.html

 1<!DOCTYPE html>
 2<html lang="en">
 3    <head>
 4        <title>KSA Report</title>
 5        <meta name="viewport" content="width=device-width">
 6        <meta charset="utf-8">    
 7        <script src="ksa.mjs" type="module" async></script>
 8        <script src="../background.mjs" type="module" async></script>
 9        <link rel="stylesheet" href="../basic.css">
10    </head>
11    <body>
12        <h1>KSA Report</h1>
13        <main>
14            <p>
15                This report shows all KSAs covered by this server so far.
16                This is not a report on your progress, but rather
17                what you would have covered if you had worked every exercise available.
18            </p>
19    
20            <div class="notification">
21                <p class="doing"></p>
22                <progress class="doing"></progress>
23            </div>
24    
25            <h2>All KSAs across all content</h2>
26            <ul class="allKSAs"></ul>
27
28            <h2>All KSAs by Category</h2>
29            <div class="KSAsByCategory">
30            </div>
31    
32            <h2>KSAs by Puzzle</h2>
33            <table class="puzzles">
34                <thead>
35                    <tr>
36                        <th>Category</th>
37                        <th>Points</th>
38                        <th>KSAs</th>
39                        <th>Errors</th>
40                    </tr>
41                </thead>
42                <tbody>
43                    <template id="puzzlerow">
44                        <tr>
45                            <td class="category"></td>
46                            <td class="points"></td>
47                            <td class="ksas"></td>
48                            <td><pre class="error"></pre></td>
49                        </tr>
50                    </template>
51                </tbody>
52            </table>
53        </main>
54    </body>
55</html>