From 6d0cb29dada25b80eedbfa933a61731721f83712 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Mon, 12 Nov 2018 11:31:21 -0600
Subject: Add SC18 banner to site

---
 src/components/home/ContentSection.sass |  2 +-
 src/components/home/SC18Section.js      | 19 +++++++++++++++++++
 src/components/home/SC18Section.sass    |  2 ++
 src/pages/Home.js                       |  2 ++
 4 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 src/components/home/SC18Section.js
 create mode 100644 src/components/home/SC18Section.sass

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 />
-- 
cgit v1.2.3