From a0345ef9aac2138b6b78cdf72a168862e47a45da Mon Sep 17 00:00:00 2001
From: Fabian Mastenbroek <mail.fabianm@gmail.com>
Date: Sun, 9 May 2021 11:21:51 +0200
Subject: ui: Link to OpenDC 2.0 paper

---
 .../src/components/home/JumbotronHeader.js            | 19 +++++++++++++++----
 1 file 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>
 )
 
-- 
cgit v1.2.3