Prepare frontend repository for monorepo

This change prepares the frontend Git repository for the monorepo
residing at https://github.com/atlarge-research.com/opendc. To
accomodate for this, we move all files into a frontend subdirectory.

1 files changed, 34 insertions, 0 deletions

diff --git a/frontend/src/components/not-found/CodeBlock.js b/frontend/src/components/not-found/CodeBlock.js
new file mode 100644
index 00000000..46dc4402
--- /dev/null
+++ b/frontend/src/components/not-found/CodeBlock.js
@@ -0,0 +1,34 @@
+import React from "react";
+import "./CodeBlock.css";
+
+const CodeBlock = () => {
+  const textBlock =
+    "    oo      oooo       oo   <br/>" +
+    "   oo      oo  oo     oo    <br/>" +
+    "  oo       oo  oo    oo     <br/>" +
+    " oooooo    oo  oo   oooooo  <br/>" +
+    "     oo    oo  oo       oo  <br/>" +
+    "     oo     oooo        oo  <br/>";
+  const charList = textBlock.split("");
+
+  // Binary representation of the string "OpenDC!" ;)
+  const binaryString =
+    "01001111011100000110010101101110010001000100001100100001";
+
+  let binaryIndex = 0;
+  for (let i = 0; i < charList.length; i++) {
+    if (charList[i] === "o") {
+      charList[i] = binaryString[binaryIndex];
+      binaryIndex++;
+    }
+  }
+
+  return (
+    <div
+      className="code-block"
+      dangerouslySetInnerHTML={{ __html: textBlock }}
+    />
+  );
+};
+
+export default CodeBlock;