Fix scrollbar

Author: andrewyuan

EDAV-project.html

@@ -69,18 +69,20 @@
         <li><a href="index.html#getintouch" accesskey="4" title="getintouchBtn">Get in Touch</a></li>
       </ul>
     </div>
+  </div>
 </div>
 <br>
-<div id="contact">
+<div id="wrapper-FWC">
   <div class="title">
 
-  <center><H3><font color="white" size="6px">2014 Fifa World Cup Brazil outcome probability</font></H3></center>
-<br>
-<script src="http://d3js.org/d3.v3.min.js"></script>
-<script src="http://d3js.org/topojson.v0.min.js"></script>
-<center><svg></svg></center>
-<center><br><p><font color="gray" size="2px">Visualization and numbers by <font color="white">Andrew Yuan</font> - check the estimation <a href="methodology.html" target="_blank"><font color="white">methodology</font></a></font></center>
-
+    <center><H3><font color="white" size="6px">2014 Fifa World Cup Brazil outcome probability</font></H3></center>
+  </div>
+  <br>
+  <script src="http://d3js.org/d3.v3.min.js"></script>
+  <script src="http://d3js.org/topojson.v0.min.js"></script>
+  <center><svg></svg></center>
+  <div class="footer">
+    <center><br><p><font color="gray" size="2px">Visualization and numbers by <font color="white">Andrew Yuan</font> - check the estimation <a href="methodology.html" target="_blank"><font color="white">methodology</font></a></font></center>
   </div>
 </div>
 

style/default.css

@@ -460,6 +460,24 @@
 		min-width: 1200px;
 	}
 
+	#wrapper-FWC
+	{
+		overflow: auto;
+		padding: 5em 0em;
+		background: #8DCB89 url(images/header.jpg) no-repeat center;
+		background-size: cover;
+		min-width: 1800px;
+	}
+
+	#wrapper-FWC .footer
+	{
+		letter-spacing: 0.20em;
+		text-align: center;
+		text-transform: uppercase;
+		font-size: 0.80em;
+		color: rgba(255,255,255,0.3);
+	}
+
 /*********************************************************************************/
 /* About Me                                                                       */
 /*********************************************************************************/