1 files changed, 28 insertions, 0 deletions
diff --git a/opendc-web/opendc-web-ui/src/components/not-found/CodeBlock.js b/opendc-web/opendc-web-ui/src/components/not-found/CodeBlock.js
new file mode 100644
index 00000000..bcc522c9
--- /dev/null
+++ b/opendc-web/opendc-web-ui/src/components/not-found/CodeBlock.js
@@ -0,0 +1,28 @@
+import React from 'react'
+import './CodeBlock.sass'
+
+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