From f2de68252a5af08ba73213ae4ea545912ef04690 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Mon, 28 Aug 2017 09:02:38 +0200
Subject: Complete homepage transfer

---
 src/pages/Home.js | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/Home.js b/src/pages/Home.js
index c315b73e..4f3e2cc0 100644
--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import ContactSection from "../components/home/ContactSection";
+import IntroSection from "../components/home/IntroSection";
 import JumbotronHeader from "../components/home/JumbotronHeader";
 import ModelingSection from "../components/home/ModelingSection";
 import SimulationSection from "../components/home/SimulationSection";
@@ -12,15 +13,28 @@ import "./Home.css";
 
 class Home extends React.Component {
     componentDidMount() {
-        jQuery("body-wrapper").scrollspy({target: "#navbar"});
+        const scrollOffset = 60;
+        jQuery("#navbar").find("li a").click(function (e) {
+            if (jQuery(e.target).parent(".auth-links")) {
+                return;
+            }
+            e.preventDefault();
+            jQuery(jQuery(this).attr('href'))[0].scrollIntoView();
+            window.scrollBy(0, -scrollOffset);
+        });
+        jQuery("body").scrollspy({
+            target: "#navbar",
+            offset: scrollOffset
+        });
     }
 
     render() {
         return (
             <div>
                 <HomeNavbar/>
-                <div className="body-wrapper page-container" data-spy="scroll" data-target="#navbar">
+                <div className="body-wrapper page-container">
                     <JumbotronHeader/>
+                    <IntroSection/>
                     <StakeholderSection/>
                     <ModelingSection/>
                     <SimulationSection/>
-- 
cgit v1.2.3