Footer on index page with copyright.

Create a svg file for github corners and import it to all pages.
Define hover area to the triangle only. (now is getting all square from svg dimension)

Apply to past experiments (001-006)

then

<table>
  <tr>...</tr>
  <tr>...</tr>
  ...
</table>

now

<table>
  <tbody>
    <tr>...</tr>
    <tr>...</tr>
    ...
  </tbody>
</table>

Include interactive control to the experiments 001-005, similarly to the 006.

Return and GitHub buttons should stop propagation when it is clicked

Reformulate the index page design to something more modern and interactive.

Transpose all the experiments to full screen, based on screen size.
Include button for turn on/off full screen on browses.

Verify why the drop-shadow is not working on mobile devices.
Try to improve the performance due the drop-shadow.
Even if the performance has improved and it doesn't work on mobile, do something to detect it and turn the drop-shadow off.

Experiment description and sample image

Adpt the experiment for mobile so the parralax effect works with gyroscope or other sensors.

Include in all experimentes a full screen switch.

Include dropshadow under all squares.

Custom right click menu with save options.

Include an showable/closable description box.

• Text description;
• Close button (maybe hide button);
• Icons for mobile/touch support.

Insted of using string concatenation, use string format method.
old: "rgb(" + r + ", " + g + ", " + b + ")"
new: rgb(${r}, ${g}, ${b})

obs.: Do the same for iterative objects by using join functions. ", ".join(iterobj)

Backdrop filter (blur) on navigation buttons so it's easy to get noticed

Improve the experience.
For example, change focus by clicking over the object, insted of hovering.
Click and drag can change the defocus intensity.

Deal with the experiment thumb for mobile.