ui: Link to OpenDC 2.0 paper

1 files changed, 15 insertions, 4 deletions

diff --git a/opendc-web/opendc-web-ui/src/components/home/JumbotronHeader.js b/opendc-web/opendc-web-ui/src/components/home/JumbotronHeader.js
index 7b410679..6a9ea00c 100644
--- a/opendc-web/opendc-web-ui/src/components/home/JumbotronHeader.js
+++ b/opendc-web/opendc-web-ui/src/components/home/JumbotronHeader.js
@@ -1,17 +1,28 @@
 import React from 'react'
+import { Container, Jumbotron, Button } from 'reactstrap'
 import './JumbotronHeader.sass'
 
 const JumbotronHeader = () => (
     <section className="jumbotron-header">
-        <div className="container">
-            <div className="jumbotron text-center">
+        <Container>
+            <Jumbotron className="text-center">
                 <h1>
                     Open<span className="dc">DC</span>
                 </h1>
                 <p className="lead">Collaborative Datacenter Simulation and Exploration for Everybody</p>
                 <img src="img/logo.png" className="img-responsive mt-3" alt="OpenDC" />
-            </div>
-        </div>
+                <p className="lead mt-5">
+                    <Button
+                        tag="a"
+                        target="_blank"
+                        href="https://atlarge-research.com/pdfs/ccgrid21-opendc-paper.pdf"
+                        color="warning"
+                    >
+                        Read about <strong>OpenDC 2.0</strong> <i className="fa fa-external-link" />
+                    </Button>
+                </p>
+            </Jumbotron>
+        </Container>
     </section>
 )