Made of less and html strictly. Creates a letter of your choice. Simply modifying the container <div class="cube-A">
s class from cube-A to Cube-B would result in the coordinates on table 1 disappearing then revealing the results in table 2.
The lettering is always built out using 5x5 squares, showing only what the parent div allows.
-
| Column 1 | Column 2 | Column 3 | Column 4 | Column 5 --- | --- | --- | --- | --- | --- Row 1 | A | A | A | A | A Row 2 | A | X | X | X | A Row 3 | A | A | A | A | A Row 4 | A | X | X | X | A Row 5 | A | X | X | X | A
-
| Column 1 | Column 2 | Column 3 | Column 4 | Column 5 --- | --- | --- | --- | --- | --- Row 1 | B | B | B | B | X Row 2 | B | X | X | B | X Row 3 | B | B | B | B | B Row 4 | B | X | X | X | B Row 5 | B | B | B | B | B
etc.
#To Do List
Build out the LESS parent divs hiding particular plot points. cube-A, cube-B, etc.