merge: Add PatternFly 4 web interface (#161)

This pull requests adds the new web interface based on the PatternFly 4 design framework.
This framework enables us to develop more quickly the interfaces necessary in OpenDC. 

* Remove the OpenDC landing page from the web interface module
* Add support for the PatternFly 4 framework in Next.js
* Relax topology schema requirements
* Migrate UI components to PatternFly 4

1 files changed, 0 insertions, 47 deletions

diff --git a/opendc-web/opendc-web-ui/src/components/home/TechnologiesSection.js b/opendc-web/opendc-web-ui/src/components/home/TechnologiesSection.js
deleted file mode 100644
index e5131c2a..00000000
--- a/opendc-web/opendc-web-ui/src/components/home/TechnologiesSection.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import PropTypes from 'prop-types'
-import React from 'react'
-import { ListGroup, ListGroupItem } from 'reactstrap'
-import ContentSection from './ContentSection'
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faWindowMaximize, faTv, faDatabase, faCogs } from '@fortawesome/free-solid-svg-icons'
-
-const TechnologiesSection = ({ className }) => (
-    <ContentSection name="technologies" title="Technologies" className={className}>
-        <ListGroup className="list-group text-left">
-            <ListGroupItem color="primary" className="d-flex justify-content-between align-items-center">
-                <span style={{ minWidth: 100 }}>
-                    <FontAwesomeIcon icon={faWindowMaximize} className="mr-2" />
-                    <strong className="">Browser</strong>
-                </span>
-                <span className="text-right">JavaScript, React, Redux, Konva</span>
-            </ListGroupItem>
-            <ListGroupItem color="warning" className="d-flex justify-content-between align-items-center">
-                <span style={{ minWidth: 100 }}>
-                    <FontAwesomeIcon icon={faTv} className="mr-2" />
-                    <strong>Server</strong>
-                </span>
-                <span className="text-right">Python, Flask, FlaskSocketIO, OpenAPI</span>
-            </ListGroupItem>
-            <ListGroupItem color="success" className="d-flex justify-content-between align-items-center">
-                <span style={{ minWidth: 100 }}>
-                    <FontAwesomeIcon icon={faDatabase} className="mr-2" />
-                    <strong>Database</strong>
-                </span>
-                <span className="text-right">MongoDB</span>
-            </ListGroupItem>
-            <ListGroupItem color="danger" className="d-flex justify-content-between align-items-center">
-                <span style={{ minWidth: 100 }}>
-                    <FontAwesomeIcon icon={faCogs} className="mr-2" />
-                    <strong>Simulator</strong>
-                </span>
-                <span className="text-right">Kotlin</span>
-            </ListGroupItem>
-        </ListGroup>
-    </ContentSection>
-)
-
-TechnologiesSection.propTypes = {
-    className: PropTypes.string,
-}
-
-export default TechnologiesSection