From 92c952bbd6a63d634349fcefb20ead75e19d9474 Mon Sep 17 00:00:00 2001
From: Lucas Lampe <lucaslampe@gmail.com>
Date: Mon, 6 Feb 2017 14:52:42 +0100
Subject: [PATCH] Added button to go back up at the bottom of the work section

---
 _includes/work.html              |  3 +++
 assets/css/3-sections/_work.sass | 12 ++++++++++++
 assets/js/functions.js           |  8 ++++++++
 3 files changed, 23 insertions(+)

diff --git a/_includes/work.html b/_includes/work.html
index 49026114..f12476df 100644
--- a/_includes/work.html
+++ b/_includes/work.html
@@ -31,6 +31,9 @@ <h3 id="work">Work</h3>
       </label>
       <h4 class="project-title"></h4>
       <div class="project-load"></div>
+      <label for="return">
+        <div class="work-return-bottom">{% include icons/icon-back.html %}</div>
+      </label>
 
       <noscript>
         {% for project in site.data.settings.projects %}
diff --git a/assets/css/3-sections/_work.sass b/assets/css/3-sections/_work.sass
index df28de46..a4f3f163 100644
--- a/assets/css/3-sections/_work.sass
+++ b/assets/css/3-sections/_work.sass
@@ -118,6 +118,18 @@
     &:hover
       opacity: 1
 
+  .work-return-bottom
+    +size(40px)
+    cursor: pointer
+    opacity: 0.5
+    +position(relative, 0px null null 45%)
+
+    path
+      fill: rgba(0,0,0,0.4)
+
+    &:hover
+      opacity: 1
+
 
 
 @media (max-width: 740px)
diff --git a/assets/js/functions.js b/assets/js/functions.js
index 2f6e9c2d..16173e2c 100644
--- a/assets/js/functions.js
+++ b/assets/js/functions.js
@@ -41,6 +41,14 @@ function workBelt() {
     $('.work-container').hide(800);
   });
 
+	$('.work-return-bottom').click(function() {
+    $('.work-belt').removeClass("slided");
+    $('.work-container').hide(800);
+		document.querySelector('#work').scrollIntoView({
+		  behavior: 'smooth'
+		});
+  });
+
 }