Create basic projects page with add-button

1 files changed, 30 insertions, 0 deletions

diff --git a/src/components/not-found/CodeBlock.js b/src/components/not-found/CodeBlock.js
new file mode 100644
index 00000000..24d100cc
--- /dev/null
+++ b/src/components/not-found/CodeBlock.js
@@ -0,0 +1,30 @@
+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;