From cd0b45627f0d8da8c8dc4edde223f3c36e9bcfbf Mon Sep 17 00:00:00 2001 From: Fabian Mastenbroek Date: Sun, 25 Apr 2021 16:01:14 +0200 Subject: build: Migrate to flat project structure This change updates the project structure to become flattened. Previously, the simulator, frontend and API each lived into their own directory. With this change, all modules of the project live in the top-level directory of the repository. This should improve discoverability of modules of the project. --- .../src/components/not-found/BlinkingCursor.js | 6 ++ .../src/components/not-found/BlinkingCursor.sass | 35 +++++++++++ .../src/components/not-found/CodeBlock.js | 28 +++++++++ .../src/components/not-found/CodeBlock.sass | 3 + .../src/components/not-found/TerminalWindow.js | 33 ++++++++++ .../src/components/not-found/TerminalWindow.sass | 70 ++++++++++++++++++++++ 6 files changed, 175 insertions(+) create mode 100644 opendc-web/opendc-web-ui/src/components/not-found/BlinkingCursor.js create mode 100644 opendc-web/opendc-web-ui/src/components/not-found/BlinkingCursor.sass create mode 100644 opendc-web/opendc-web-ui/src/components/not-found/CodeBlock.js create mode 100644 opendc-web/opendc-web-ui/src/components/not-found/CodeBlock.sass create mode 100644 opendc-web/opendc-web-ui/src/components/not-found/TerminalWindow.js create mode 100644 opendc-web/opendc-web-ui/src/components/not-found/TerminalWindow.sass (limited to 'opendc-web/opendc-web-ui/src/components/not-found') diff --git a/opendc-web/opendc-web-ui/src/components/not-found/BlinkingCursor.js b/opendc-web/opendc-web-ui/src/components/not-found/BlinkingCursor.js new file mode 100644 index 00000000..dbdba212 --- /dev/null +++ b/opendc-web/opendc-web-ui/src/components/not-found/BlinkingCursor.js @@ -0,0 +1,6 @@ +import React from 'react' +import './BlinkingCursor.sass' + +const BlinkingCursor = () => _ + +export default BlinkingCursor diff --git a/opendc-web/opendc-web-ui/src/components/not-found/BlinkingCursor.sass b/opendc-web/opendc-web-ui/src/components/not-found/BlinkingCursor.sass new file mode 100644 index 00000000..ad91df85 --- /dev/null +++ b/opendc-web/opendc-web-ui/src/components/not-found/BlinkingCursor.sass @@ -0,0 +1,35 @@ +.blinking-cursor + -webkit-animation: 1s blink step-end infinite + -moz-animation: 1s blink step-end infinite + -o-animation: 1s blink step-end infinite + animation: 1s blink step-end infinite + +@keyframes blink + from, to + color: #eeeeee + 50% + color: #333333 + +@-moz-keyframes blink + from, to + color: #eeeeee + 50% + color: #333333 + +@-webkit-keyframes blink + from, to + color: #eeeeee + 50% + color: #333333 + +@-ms-keyframes blink + from, to + color: #eeeeee + 50% + color: #333333 + +@-o-keyframes blink + from, to + color: #eeeeee + 50% + color: #333333 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
' + + ' oo oo oo oo
' + + ' oo oo oo oo
' + + ' oooooo oo oo oooooo
' + + ' oo oo oo oo
' + + ' oo oooo oo
' + 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
+} + +export default CodeBlock diff --git a/opendc-web/opendc-web-ui/src/components/not-found/CodeBlock.sass b/opendc-web/opendc-web-ui/src/components/not-found/CodeBlock.sass new file mode 100644 index 00000000..e452f917 --- /dev/null +++ b/opendc-web/opendc-web-ui/src/components/not-found/CodeBlock.sass @@ -0,0 +1,3 @@ +.code-block + white-space: pre-wrap + margin-top: 60px diff --git a/opendc-web/opendc-web-ui/src/components/not-found/TerminalWindow.js b/opendc-web/opendc-web-ui/src/components/not-found/TerminalWindow.js new file mode 100644 index 00000000..a25e558a --- /dev/null +++ b/opendc-web/opendc-web-ui/src/components/not-found/TerminalWindow.js @@ -0,0 +1,33 @@ +import React from 'react' +import { Link } from 'react-router-dom' +import BlinkingCursor from './BlinkingCursor' +import CodeBlock from './CodeBlock' +import './TerminalWindow.sass' + +const TerminalWindow = () => ( +
+
Terminal -- bash
+
+
+ $ status +
+ opendc[4264]: segfault at 0000051497be459d1 err 12 in libopendc.9.0.4 +
+ opendc[4269]: segfault at 000004234855fc2db err 3 in libopendc.9.0.4 +
+ opendc[4270]: STDERR Page does not exist +
+
+ +
+ Got lost? + +
+ + GET ME BACK TO OPENDC + +
+
+) + +export default TerminalWindow diff --git a/opendc-web/opendc-web-ui/src/components/not-found/TerminalWindow.sass b/opendc-web/opendc-web-ui/src/components/not-found/TerminalWindow.sass new file mode 100644 index 00000000..7f05335a --- /dev/null +++ b/opendc-web/opendc-web-ui/src/components/not-found/TerminalWindow.sass @@ -0,0 +1,70 @@ +.terminal-window + width: 600px + height: 400px + display: block + + position: absolute + top: 0 + bottom: 0 + left: 0 + right: 0 + + margin: auto + + -webkit-user-select: none + -moz-user-select: none + -ms-user-select: none + user-select: none + cursor: default + + overflow: hidden + + box-shadow: 5px 5px 20px #444444 + +.terminal-header + font-family: monospace + background: #cccccc + color: #444444 + height: 30px + line-height: 30px + padding-left: 10px + + border-top-left-radius: 7px + border-top-right-radius: 7px + +.terminal-body + font-family: monospace + text-align: center + background-color: #333333 + color: #eeeeee + padding: 10px + + height: 100% + +.segfault + text-align: left + +.sub-title + margin-top: 20px + +.home-btn + margin-top: 10px + padding: 5px + display: inline-block + border: 1px solid #eeeeee + color: #eeeeee + text-decoration: none + cursor: pointer + + -webkit-transition: all 200ms + -moz-transition: all 200ms + -o-transition: all 200ms + transition: all 200ms + +.home-btn:hover + background: #eeeeee + color: #333333 + +.home-btn:active + background: #333333 + color: #eeeeee -- cgit v1.2.3