From 9fd8baad7a495ad485bd5c4971ac1c520059ece5 Mon Sep 17 00:00:00 2001
From: Georg Hopp <georg@steffers.org>
Date: Sat, 11 Nov 2017 02:23:26 +0100
Subject: [PATCH] Also use scroll effect for link in skills.

---
 react/src/Page.js    | 4 +++-
 react/src/Skills.css | 4 ++++
 react/src/Skills.js  | 6 +++---
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/react/src/Page.js b/react/src/Page.js
index 626e3dd..32a96b9 100644
--- a/react/src/Page.js
+++ b/react/src/Page.js
@@ -70,7 +70,9 @@ class Page extends Component {
           <About />
         </div>
         <div id="section2" ref="2" className="section">
-          <Skills />
+          <Skills
+            onClick={(section) => this.handleShow.bind(this, section)}
+          />
         </div>
         <div id="section3" ref="3" className="section">
           <Vitae />
diff --git a/react/src/Skills.css b/react/src/Skills.css
index da98eed..a4eef3b 100644
--- a/react/src/Skills.css
+++ b/react/src/Skills.css
@@ -8,3 +8,7 @@
   transform: translate(-50%, 0);
   position: relative;
 }
+
+#skills a {
+  cursor: pointer;
+}
diff --git a/react/src/Skills.js b/react/src/Skills.js
index 04b390a..f145c10 100644
--- a/react/src/Skills.js
+++ b/react/src/Skills.js
@@ -35,9 +35,9 @@ class Skills extends Component {
             </p>
             <p>
               If you are really interested in a skill profile look on one of
-              my&nbsp;<a href="#section4">social profiles</a>. They might be
-              not bleeding edge, but they are a good starting point. If you
-              need to know more just send me a mail.
+              my&nbsp;<a onClick={this.props.onClick(4)}>social profiles</a>.
+              They might be not bleeding edge, but they are a good starting
+              point. If you need to know more just send me a mail.
             </p>
             <p>
               In summary, I have done much and I know a little of something