diff options
| -rw-r--r-- | README.md | 2 | ||||
| -rw-r--r-- | src/components/home/ContactSection.js | 11 | ||||
| -rw-r--r-- | src/components/home/ContactSection.sass | 4 |
3 files changed, 15 insertions, 2 deletions
@@ -35,6 +35,8 @@ To compile everything for camera-ready deployment, use the following command: yarn build ``` +**Note:** Perhaps this goes without saying, but for any functionality beyond visiting the entry page, a server backend running in the background is necessary. The easiest way to do this is to have an OpenDC docker container running, see [the main repo](https://github.com/atlarge-research/opendc) for more information on how to do this. + ## Architecture The codebase follows a standard React.js structure, with static assets being contained in the `public` folder, while dynamic components and their styles are contained in `src`. The app uses client-side routing (with `react-router`), meaning that the only HTML file needed to be served is a `index.html` file. diff --git a/src/components/home/ContactSection.js b/src/components/home/ContactSection.js index 1ec5e9c7..fd65b31c 100644 --- a/src/components/home/ContactSection.js +++ b/src/components/home/ContactSection.js @@ -35,6 +35,17 @@ const ContactSection = () => ( </a>. </div> </div> + <div className="row"> + <div className="col text-center disclaimer mt-5 small"> + <FontAwesome name="exclamation-triangle" size="2x" className="mr-2"/> + <br/> + OpenDC is an experimental tool. Your data may get lost, overwritten, or otherwise become unavailable. + <br/> + The OpenDC authors should in no way be liable in the event this happens (see our <strong><a + href="https://github.com/atlarge-research/opendc/blob/master/LICENSE.md">license</a></strong>). Sorry + for the inconvenience. + </div> + </div> </ContentSection> ); diff --git a/src/components/home/ContactSection.sass b/src/components/home/ContactSection.sass index c292526c..2cde7391 100644 --- a/src/components/home/ContactSection.sass +++ b/src/components/home/ContactSection.sass @@ -11,5 +11,5 @@ .tudelft-icon height: 100px - .fa - margin-right: 10px + .disclaimer + color: #cccccc |