src/components/not-found/CodeBlock.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
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;