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