Merge pull request #64 from atlarge-research/sc18-mention

Add SC18 banner to site

4 files changed, 24 insertions, 1 deletions

diff --git a/src/components/home/ContentSection.sass b/src/components/home/ContentSection.sass
index 31062aa7..67541179 100644
--- a/src/components/home/ContentSection.sass
+++ b/src/components/home/ContentSection.sass
@@ -2,7 +2,7 @@
 
 .content-section
   padding-top: 50px
-  padding-bottom: 150px
+  padding-bottom: 100px
   text-align: center
 
   h1
diff --git a/src/components/home/SC18Section.js b/src/components/home/SC18Section.js
new file mode 100644
index 00000000..b0d53b95
--- /dev/null
+++ b/src/components/home/SC18Section.js
@@ -0,0 +1,19 @@
+import React from "react";
+import ContentSection from "./ContentSection";
+import "./SC18Section.css";
+
+const SC18Section = () => (
+  <ContentSection name="sc18" title="OpenDC @ SC18">
+    <div className="text-center lead mt-3">
+      Our research on a reference architecture for datacenter scheduling will be presented at SC18 (Dallas, TX)! Join our presentation on
+      Wednesday, November 14, at 1:30pm, in the Cloud and Distributed Computing track.
+    </div>
+    <div className="text-center">
+      <a href="http://bit.ly/sc18-scheduling" className="btn btn-primary mt-4">
+        Read our Technical Report here
+      </a>
+    </div>
+  </ContentSection>
+);
+
+export default SC18Section;
diff --git a/src/components/home/SC18Section.sass b/src/components/home/SC18Section.sass
new file mode 100644
index 00000000..04a13800
--- /dev/null
+++ b/src/components/home/SC18Section.sass
@@ -0,0 +1,2 @@
+.sc18-section
+  background-color: #fff34c
diff --git a/src/pages/Home.js b/src/pages/Home.js
index f6479722..de6ff988 100644
--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -11,6 +11,7 @@ import TechnologiesSection from "../components/home/TechnologiesSection";
 import HomeNavbar from "../components/navigation/HomeNavbar";
 import jQuery from "../util/jquery";
 import "./Home.css";
+import SC18Section from "../components/home/SC18Section";
 
 class Home extends React.Component {
   state = {
@@ -45,6 +46,7 @@ class Home extends React.Component {
         <HomeNavbar />
         <div className="body-wrapper page-container">
           <JumbotronHeader />
+          <SC18Section/>
           <IntroSection />
           <StakeholderSection />
           <ModelingSection />