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;