adding header image

dropletchain · Jun 2, 2017 · a2ca615 · a2ca615
1 parent b131e51
commit a2ca615
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 1 deletion.
diff --git a/css/site.css b/css/site.css
@@ -25,4 +25,32 @@
     padding:4px 4px;
     margin:0px;
     border-bottom:1px solid #eee;
-}
+}
+
+
+
+
+
+body {
+    font-family: 'Source Sans Pro', sans-serif;
+}
+
+header {
+    background:
+    linear-gradient(
+    rgba(0, 0, 0, 0.2),
+    rgba(0, 0, 0, 0.2)
+    ),
+    url(../images/blue-splitter.jpg);
+    background-size: cover;
+    height: 100vh;
+}
+
+.slogan {
+    position: absolute;
+    top: 60%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    color: white;
+    text-align: center;
+}
diff --git a/images/blue-splitter.jpg b/images/blue-splitter.jpg
diff --git a/index.html b/index.html
@@ -91,6 +91,14 @@
         </div>
         <!-- /.container -->
     </nav>
+
+    <header>
+        <div class="slogan">
+            <h1>Droplet</h1>
+            <h1>Decentralized Access Control Management for the Internet of Things Streamdata</h1>
+        </div>
+    </header>
+
 
     <!-- Intro Section -->
     <section id="intro" class="intro-section">