Add parallax

src/page/background/background.html.ts

@@ -0,0 +1,23 @@
+import { html } from "../../model/misc";
+import "./background.scss";
+import { fixedSeedRandom } from "../../framework/helper";
+
+export const generate = (
+  count: number,
+  probability: number,
+  width: number,
+  color: string
+): html => `
+    <section class="background">
+        ${new Array(count)
+          .fill(0, 0, count)
+          .map(_ =>
+            fixedSeedRandom() < probability
+              ? `<div style="width: ${width}px; height: ${width *
+                  (fixedSeedRandom() + 0.1) *
+                  10}px; background-color: ${color}"></div>`
+              : `<div class="gap"></div>`
+          )
+          .join("")}
+    </section>
+`;