From 10a99cebe678fbb27962c8b906b2b576b213767c Mon Sep 17 00:00:00 2001 From: Kishan Takoordyal Date: Fri, 5 Mar 2021 11:19:44 +0400 Subject: [PATCH] implement transition sidebar + smooth scroll + mini improvements --- src/App.js | 12 ++++++++++++ src/assets/images/pencil.gif | Bin 0 -> 17722 bytes src/assets/images/pencil.png | Bin 3915 -> 0 bytes src/components/Footer.js | 6 +++--- src/components/HeaderD.js | 4 +++- src/components/HeaderM.js | 14 +++++++++++--- src/components/PartTwo.js | 8 ++------ src/styles/sidebar.css | 13 +++++++++++++ 8 files changed, 44 insertions(+), 13 deletions(-) create mode 100644 src/assets/images/pencil.gif delete mode 100644 src/assets/images/pencil.png create mode 100644 src/styles/sidebar.css diff --git a/src/App.js b/src/App.js index 7917ae8..1593036 100644 --- a/src/App.js +++ b/src/App.js @@ -15,6 +15,16 @@ export default function App() { const { width } = useWindowSize(); // console.log(width); + const scrollToElement = (e, id) => { + e.preventDefault(); + + window.scroll({ + top: document.getElementById(id).getBoundingClientRect().top, + left: 0, + behavior: 'smooth', + }); + }; + return (
{width > 1000 ? ( @@ -23,6 +33,7 @@ export default function App() { setCurrentLanguage={setCurrentLanguage} showCookies={showCookies} setShowCookies={setShowCookies} + scrollToElement={scrollToElement} /> ) : ( )} diff --git a/src/assets/images/pencil.gif b/src/assets/images/pencil.gif new file mode 100644 index 0000000000000000000000000000000000000000..9376b676ac6ac8b44ce0239db790aec7841dd571 GIT binary patch literal 17722 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 literal 0 HcmV?d00001 diff --git a/src/assets/images/pencil.png b/src/assets/images/pencil.png deleted file mode 100644 index ad9c5061b8c60402d0ece07192b35113f8bd7e9d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3915 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 Z@PG1-4CjBh#iIZK002ovPDHLkV1f<{r6K?T diff --git a/src/components/Footer.js b/src/components/Footer.js index 70c853c..6088c83 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -17,13 +17,13 @@ export default function Footer() {
-
+
scrollToElement(e, 'part-one')} + className="animate-bounce w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent mb-22" > {' '} diff --git a/src/components/HeaderM.js b/src/components/HeaderM.js index 9254c30..b6c9c62 100644 --- a/src/components/HeaderM.js +++ b/src/components/HeaderM.js @@ -3,11 +3,14 @@ import React, { useState } from 'react'; import proximity_logo from '../assets/images/proximity_logo.svg'; import backgroundVideo from '../assets/videos/video.mp4'; +import '../styles/sidebar.css'; + export default function HeaderD({ currentLanguage, setCurrentLanguage, showCookies, setShowCookies, + scrollToElement, }) { const [showSidebar, setShowSidebar] = useState(false); @@ -15,7 +18,11 @@ export default function HeaderD({ 'text-gray-900 font-avenirbook font-normal hover:underline focus:underline text-xl w-full my-1 py-2 text-center'; const sidebar = ( -
+
About @@ -126,14 +133,15 @@ export default function HeaderD({ {showCookies && cookies} - {showSidebar && sidebar} + {sidebar}