Added a footer; Added ability to export P5JS result to SVG; Replaced P5JS background by static SVG

css/main.css

@@ -9,7 +9,6 @@
 
 
 html {
-  background-color: var(--bg-color);
   color: var(--text-color);
   font-size: 1em;
   line-height: 1.4;
@@ -62,11 +61,23 @@ html {
 }
 
 #bg {
-  z-index: -1;
+  z-index: -2;
   overflow: hidden;
   position: fixed;
+  min-width: 100%;
+  min-height: 100%;
+  background: rgb(34,34,51);
+  background: linear-gradient(180deg, rgba(34,34,51,1) 0%, rgba(34,34,51,1) 70%, rgba(171, 92, 102,1) 120%);
 }
 
+#bg img {
+  z-index: -1;
+  position: fixed;
+  /* max-width: 100%;
+  max-height: 100%; */
+}
+
+
 #desk {
   /* display: none; */
   display: flex;
@@ -285,6 +296,15 @@ input[type=range]#crossfader::-ms-thumb {
   /*Needed to keep the Edge thumb centred*/
 }
 
+
+.footer a, .footer a:visited {
+  color: var(--text-color);
+  text-decoration: none;
+}
+
+.footer span {
+  cursor: pointer;
+}
 /* ==========================================================================
    Helper classes
    ========================================================================== */