aboutsummaryrefslogtreecommitdiff
path: root/sketch.html
diff options
context:
space:
mode:
authorSan Jacobs2024-09-13 10:44:57 +0200
committerSan Jacobs2024-09-13 10:44:57 +0200
commit4f4416ff213b8287778868a4b18e332b1c012d4f (patch)
treedc654a1fd35741543371c5b4e5a05584f3297f5d /sketch.html
downloadbetter-report-4f4416ff213b8287778868a4b18e332b1c012d4f.tar.gz
better-report-4f4416ff213b8287778868a4b18e332b1c012d4f.tar.bz2
better-report-4f4416ff213b8287778868a4b18e332b1c012d4f.zip
Init
Diffstat (limited to 'sketch.html')
-rwxr-xr-xsketch.html1289
1 files changed, 1289 insertions, 0 deletions
diff --git a/sketch.html b/sketch.html
new file mode 100755
index 0000000..16db49f
--- /dev/null
+++ b/sketch.html
@@ -0,0 +1,1289 @@
+<!DOCTYPE html>
+<html lang="en">
+
+
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+ <title>Better Report Test</title>
+
+ <link rel="icon" href="/favicon.ico">
+ <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+
+
+ <style>
+ html {
+ color: white;
+ background: #141414;
+ font-family: sans-serif;
+ }
+ td {
+ padding: 3px 6px;
+ background: #181818;
+ border-radius: 3px;
+ border: #ffffff0d solid 1px;
+ }
+ th {
+ border-radius: 3px;
+ padding: 5px 3px;
+ cursor: pointer;
+ font-weight: bold;
+ }
+ thead {
+ top: 0;
+ position: sticky;
+ background: #141414;
+ outline: #fff1 solid 1px 1px 1px 3px;
+ }
+ .main-container {
+ width: max-content;
+ display: block;
+ margin: auto;
+ }
+ .header-tr {
+ border-bottom: solid 1px #fff3;
+ }
+ .current-sort {
+ background: #424;
+ }
+ .prelude {
+ background: #ffffff0c;
+ padding: 20px;
+ margin-bottom: 5px;
+ border-radius: 4px;
+ }
+ .prelude p {
+ margin: 2px 0px;
+ }
+ .prelude b {
+
+ }
+ </style>
+
+
+</head>
+
+
+
+<body>
+
+ <div class="main-container">
+ <div class="prelude">
+ <p><b>Project:</b> Heim</p>
+ <p><b>Producer:</b> Bente Maalen</p>
+ <p><b>Production Sound Mixer:</b> Sander Jacobsson Skjegstad</p>
+ <p><b>Tlf:</b> +47 908 71 217</p>
+ <p><b>Boom Operator:</b> Lars Jakob Hesby</p>
+ </div>
+ <table>
+ <thead>
+ <tr class="header-tr">
+ <th class="current-sort">File Name</th>
+ <th>Scene</th>
+ <th>Take</th>
+ <th>Length</th>
+ <th>Start TC</th>
+ <th>Trk 1</th>
+ <th>Trk 2</th>
+ <th>Trk 3</th>
+ <th>Trk 4</th>
+ <th>Trk 5</th>
+ <th>Trk 6</th>
+ <th>Trk 7</th>
+ <th>Trk 8</th>
+ <th>Trk 9</th>
+ <th>Trk 10</th>
+ <th>Trk 11</th>
+ <th>Trk 12</th>
+ <th>Trk 13</th>
+ <th>Trk 14</th>
+ <th>Trk 15</th>
+ <th>Trk 16</th>
+ <th>Notes</th>
+ <th></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>SL150T01.WAV</td>
+ <td>SL150</td>
+ <td>01</td>
+ <td>00:03:39</td>
+ <td>15:48:06:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL150T02.WAV</td>
+ <td>SL150</td>
+ <td>02</td>
+ <td>00:03:44</td>
+ <td>16:01:58:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL150T03.WAV</td>
+ <td>SL150</td>
+ <td>03</td>
+ <td>00:01:29</td>
+ <td>16:08:48:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL151T01.WAV</td>
+ <td>SL151</td>
+ <td>01</td>
+ <td>00:01:04</td>
+ <td>16:25:24:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL151T03.WAV</td>
+ <td>SL151</td>
+ <td>03</td>
+ <td>00:01:19</td>
+ <td>16:33:49:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL152T02.WAV</td>
+ <td>SL152</td>
+ <td>02</td>
+ <td>00:01:08</td>
+ <td>16:46:31:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL152T01.WAV</td>
+ <td>SL152</td>
+ <td>01</td>
+ <td>00:01:21</td>
+ <td>16:42:13:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL152T03.WAV</td>
+ <td>SL152</td>
+ <td>03</td>
+ <td>00:01:11</td>
+ <td>16:49:24:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL153T01.WAV</td>
+ <td>SL153</td>
+ <td>01</td>
+ <td>00:04:48</td>
+ <td>16:59:01:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL153T02.WAV</td>
+ <td>SL153</td>
+ <td>02</td>
+ <td>00:03:04</td>
+ <td>17:04:36:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL154T01.WAV</td>
+ <td>SL154</td>
+ <td>01</td>
+ <td>00:02:06</td>
+ <td>17:12:37:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL155T02.WAV</td>
+ <td>SL155</td>
+ <td>02</td>
+ <td>00:02:18</td>
+ <td>17:26:40:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL155T01.WAV</td>
+ <td>SL155</td>
+ <td>01</td>
+ <td>00:02:37</td>
+ <td>17:20:51:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL156T02.WAV</td>
+ <td>SL156</td>
+ <td>02</td>
+ <td>00:01:11</td>
+ <td>17:44:02:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL156T01.WAV</td>
+ <td>SL156</td>
+ <td>01</td>
+ <td>00:01:36</td>
+ <td>17:38:20:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL157T01.WAV</td>
+ <td>SL157</td>
+ <td>01</td>
+ <td>00:01:37</td>
+ <td>17:55:31:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ODD BJORN</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL158T02.WAV</td>
+ <td>SL158</td>
+ <td>02</td>
+ <td>00:01:13</td>
+ <td>18:35:14:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>LED NOISE AT 6 KHZ 11.8 KHZ 17.75 KHZ</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL158T01.WAV</td>
+ <td>SL158</td>
+ <td>01</td>
+ <td>00:01:09</td>
+ <td>18:29:09:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>LED NOISE AT 6 KHZ 11.8 KHZ 17.75 KHZ</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL158T03.WAV</td>
+ <td>SL158</td>
+ <td>03</td>
+ <td>00:01:18</td>
+ <td>18:39:45:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>LED NOISE AT 6 KHZ 11.8 KHZ 17.75 KHZ</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL158T04.WAV</td>
+ <td>SL158</td>
+ <td>04</td>
+ <td>00:01:23</td>
+ <td>18:43:34:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>LED NOISE AT 6 KHZ 11.8 KHZ 17.75 KHZ</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL158T05.WAV</td>
+ <td>SL158</td>
+ <td>05</td>
+ <td>00:01:23</td>
+ <td>18:45:24:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>LED NOISE AT 6 KHZ 11.8 KHZ 17.75 KHZ</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL159T01.WAV</td>
+ <td>SL159</td>
+ <td>01</td>
+ <td>00:00:58</td>
+ <td>18:56:00:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>LED NOISE AT 6 KHZ 11.8 KHZ 17.75 KHZ</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL159T02.WAV</td>
+ <td>SL159</td>
+ <td>02</td>
+ <td>00:01:30</td>
+ <td>19:00:16:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>LED NOISE AT 6 KHZ 11.8 KHZ 17.75 KHZ</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL160T01.WAV</td>
+ <td>SL160</td>
+ <td>01</td>
+ <td>00:00:41</td>
+ <td>19:14:57:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>LED NOISE AT 6 KHZ 11.8 KHZ 17.75 KHZ</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL160T02.WAV</td>
+ <td>SL160</td>
+ <td>02</td>
+ <td>00:00:34</td>
+ <td>19:18:07:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>LED NOISE AT 6 KHZ 11.8 KHZ 17.75 KHZ</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL161T01.WAV</td>
+ <td>SL161</td>
+ <td>01</td>
+ <td>00:01:49</td>
+ <td>20:18:40:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT PRINTER</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL161T02.WAV</td>
+ <td>SL161</td>
+ <td>02</td>
+ <td>00:01:54</td>
+ <td>20:28:18:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT PRINTER</td>
+ <td>PLANT SCREEN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL162T01.WAV</td>
+ <td>SL162</td>
+ <td>01</td>
+ <td>00:01:54</td>
+ <td>20:38:31:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT PRINTER</td>
+ <td>PLANT SCREEN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL163T01.WAV</td>
+ <td>SL163</td>
+ <td>01</td>
+ <td>00:02:13</td>
+ <td>20:44:45:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT PRINTER</td>
+ <td>PLANT SCREEN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL163T02.WAV</td>
+ <td>SL163</td>
+ <td>02</td>
+ <td>00:02:02</td>
+ <td>20:48:55:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT PRINTER</td>
+ <td>PLANT SCREEN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL164T01.WAV</td>
+ <td>SL164</td>
+ <td>01</td>
+ <td>00:02:24</td>
+ <td>20:54:38:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT PRINTER</td>
+ <td>PLANT SCREEN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL165T01.WAV</td>
+ <td>SL165</td>
+ <td>01</td>
+ <td>00:01:45</td>
+ <td>21:14:07:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT PRINTER</td>
+ <td>PLANT SCREEN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL165T02.WAV</td>
+ <td>SL165</td>
+ <td>02</td>
+ <td>00:01:54</td>
+ <td>21:19:25:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT PRINTER</td>
+ <td>PLANT SCREEN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL168T01.WAV</td>
+ <td>SL168</td>
+ <td>01</td>
+ <td>00:02:29</td>
+ <td>21:54:29:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td></td>
+ <td>ELLA</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL166T01.WAV</td>
+ <td>SL166</td>
+ <td>01</td>
+ <td>00:03:43</td>
+ <td>21:26:16:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT PRINTER</td>
+ <td>PLANT SCREEN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>BEATBOX LEGEND</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL167T01.WAV</td>
+ <td>SL167</td>
+ <td>01</td>
+ <td>00:00:53</td>
+ <td>21:37:23:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT PRINTER</td>
+ <td>PLANT SCREEN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>WILD OF ERIK SAYING ANNI</td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL166T02.WAV</td>
+ <td>SL166</td>
+ <td>02</td>
+ <td>00:02:51</td>
+ <td>21:31:50:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td>ERIK</td>
+ <td></td>
+ <td></td>
+ <td>PLANT PRINTER</td>
+ <td>PLANT SCREEN</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL168T02.WAV</td>
+ <td>SL168</td>
+ <td>02</td>
+ <td>00:03:07</td>
+ <td>22:01:12:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td></td>
+ <td>ELLA</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL170T01.WAV</td>
+ <td>SL170</td>
+ <td>01</td>
+ <td>00:01:39</td>
+ <td>22:23:20:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td></td>
+ <td>ELLA</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL169T02.WAV</td>
+ <td>SL169</td>
+ <td>02</td>
+ <td>00:00:38</td>
+ <td>22:13:49:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td></td>
+ <td>ELLA</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL169T01.WAV</td>
+ <td>SL169</td>
+ <td>01</td>
+ <td>00:03:47</td>
+ <td>22:10:02:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td></td>
+ <td>ELLA</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL171T01.WAV</td>
+ <td>SL171</td>
+ <td>01</td>
+ <td>00:01:16</td>
+ <td>22:44:02:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td></td>
+ <td>ELLA</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL171T02.WAV</td>
+ <td>SL171</td>
+ <td>02</td>
+ <td>00:01:04</td>
+ <td>22:46:57:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td></td>
+ <td>ELLA</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL171T03.WAV</td>
+ <td>SL171</td>
+ <td>03</td>
+ <td>00:00:59</td>
+ <td>22:49:45:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td></td>
+ <td>ELLA</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL171T04.WAV</td>
+ <td>SL171</td>
+ <td>04</td>
+ <td>00:01:14</td>
+ <td>22:50:49:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td></td>
+ <td>ELLA</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ <tr>
+ <td>SL172T01.WAV</td>
+ <td>SL172</td>
+ <td>01</td>
+ <td>00:00:48</td>
+ <td>22:53:19:00</td>
+ <td>MixL</td>
+ <td>MixR</td>
+ <td>BOOM</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td>ANNI</td>
+ <td></td>
+ <td>ELLA</td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+</body>
+
+<script type="text/javascript">
+ const getCellValue = (tr, idx) => tr.children[idx].innerText || tr.children[idx].textContent;
+
+ const comparer = (idx, asc) => (a, b) => ((v1, v2) =>
+ v1 !== '' && v2 !== '' && !isNaN(v1) && !isNaN(v2) ? v1 - v2 : v1.toString().localeCompare(v2)
+ )(getCellValue(asc ? a : b, idx), getCellValue(asc ? b : a, idx));
+
+ function doSort(th) {
+ console.log("Doing sort to: ", th.textContent, th)
+ const table = th.closest('table');
+ Array.from(table.querySelector('tbody').querySelectorAll('tr:nth-child(n)'))
+ .sort(comparer(Array.from(th.parentNode.children).indexOf(th), this.asc = !this.asc))
+ .forEach(tr => table.querySelector('tbody').appendChild(tr) );
+ }
+ // do the work...
+ document.querySelectorAll('th').forEach(th => th.addEventListener('click', (() => {
+ document.getElementsByClassName("current-sort")[0].classList.remove("current-sort");
+ th.classList.add("current-sort");
+ doSort(th);
+ })));
+
+ doSort(document.getElementsByClassName("current-sort")[0]);
+
+</script>
+
+</html> \ No newline at end of file