diff options
Diffstat (limited to 'src/components/not-found')
| -rw-r--r-- | src/components/not-found/BlinkingCursor.js | 4 | ||||
| -rw-r--r-- | src/components/not-found/CodeBlock.js | 42 | ||||
| -rw-r--r-- | src/components/not-found/TerminalWindow.js | 35 |
3 files changed, 43 insertions, 38 deletions
diff --git a/src/components/not-found/BlinkingCursor.js b/src/components/not-found/BlinkingCursor.js index f6c9768c..eea89e7b 100644 --- a/src/components/not-found/BlinkingCursor.js +++ b/src/components/not-found/BlinkingCursor.js @@ -1,8 +1,6 @@ import React from "react"; import "./BlinkingCursor.css"; -const BlinkingCursor = () => ( - <span className="blinking-cursor">_</span> -); +const BlinkingCursor = () => <span className="blinking-cursor">_</span>; export default BlinkingCursor; diff --git a/src/components/not-found/CodeBlock.js b/src/components/not-found/CodeBlock.js index 24d100cc..46dc4402 100644 --- a/src/components/not-found/CodeBlock.js +++ b/src/components/not-found/CodeBlock.js @@ -2,29 +2,33 @@ 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(''); + 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"; + // 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++; - } + 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}}/> - ); + return ( + <div + className="code-block" + dangerouslySetInnerHTML={{ __html: textBlock }} + /> + ); }; export default CodeBlock; diff --git a/src/components/not-found/TerminalWindow.js b/src/components/not-found/TerminalWindow.js index 52d3c062..c6b8b78b 100644 --- a/src/components/not-found/TerminalWindow.js +++ b/src/components/not-found/TerminalWindow.js @@ -1,26 +1,29 @@ import React from "react"; -import {Link} from "react-router-dom"; +import { Link } from "react-router-dom"; import BlinkingCursor from "./BlinkingCursor"; import CodeBlock from "./CodeBlock"; import "./TerminalWindow.css"; const TerminalWindow = () => ( - <div className="terminal-window"> - <div className="terminal-header">Terminal -- bash</div> - <div className="terminal-body"> - <div className="segfault">$ status<br/> - opendc[4264]: segfault at 0000051497be459d1 err 12 in libopendc.9.0.4<br/> - opendc[4269]: segfault at 000004234855fc2db err 3 in libopendc.9.0.4<br/> - opendc[4270]: STDERR Page does not exist<br/> - </div> - <CodeBlock/> - <div className="sub-title">Got lost?<BlinkingCursor/></div> - <Link to="/" className="home-btn"> - <span className="fa fa-home"/> GET ME BACK TO OPENDC - </Link> - </div> + <div className="terminal-window"> + <div className="terminal-header">Terminal -- bash</div> + <div className="terminal-body"> + <div className="segfault"> + $ status<br /> + opendc[4264]: segfault at 0000051497be459d1 err 12 in libopendc.9.0.4<br + /> + opendc[4269]: segfault at 000004234855fc2db err 3 in libopendc.9.0.4<br /> + opendc[4270]: STDERR Page does not exist<br /> + </div> + <CodeBlock /> + <div className="sub-title"> + Got lost?<BlinkingCursor /> + </div> + <Link to="/" className="home-btn"> + <span className="fa fa-home" /> GET ME BACK TO OPENDC + </Link> </div> + </div> ); - export default TerminalWindow; |