From f242356338c46129f8cfd2e789cc3f6dd3c64936 Mon Sep 17 00:00:00 2001
From: Cesar Faber <cesarolvr@Cesars-MacBook-Air.local>
Date: Fri, 9 Feb 2024 10:50:06 -0300
Subject: [PATCH] some improvement based on some feedbacks

---
 src/components/Cursor/index.scss | 6 ++++--
 src/components/Footer/index.scss | 1 +
 src/components/Header/index.js   | 6 ++++--
 src/components/Header/index.scss | 8 ++++++++
 src/components/Note/index.js     | 2 +-
 src/components/Note/index.scss   | 5 +++++
 src/pages/about.js               | 4 ++--
 src/pages/actions.js             | 2 +-
 8 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/components/Cursor/index.scss b/src/components/Cursor/index.scss
index 428cafd..7910532 100644
--- a/src/components/Cursor/index.scss
+++ b/src/components/Cursor/index.scss
@@ -5,7 +5,7 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  border-radius: 0%;
+  border-radius: 50%;
   opacity: 0;
   transform: translate(-50%, -50%);
   transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
@@ -13,7 +13,9 @@
 .ppk-dot-outline {
   width: 40px;
   height: 40px;
-  border: 1px solid #3a3a3a;
+  // border: 1px solid #3a3a3a;
+  background-color: #3a3a3a;
+  mix-blend-mode:plus-lighter;
 }
 
 
diff --git a/src/components/Footer/index.scss b/src/components/Footer/index.scss
index 61d60c8..a9d27d9 100644
--- a/src/components/Footer/index.scss
+++ b/src/components/Footer/index.scss
@@ -12,6 +12,7 @@
     flex-direction: row;
     overflow-x: scroll;
     margin: 0;
+    padding-bottom: 5svh;
 
     li {
       padding: 30px 15px;
diff --git a/src/components/Header/index.js b/src/components/Header/index.js
index e48c546..d4b3375 100644
--- a/src/components/Header/index.js
+++ b/src/components/Header/index.js
@@ -5,7 +5,7 @@ import { Link } from "gatsby";
 import "./index.scss";
 import Shortcut from "../Shortcut";
 
-const Header = ({ hideShortcut }) => {
+const Header = ({ goBackToHome }) => {
   const pathname =
     typeof window !== "undefined" ? window?.location?.pathname : "";
   return (
@@ -13,7 +13,9 @@ const Header = ({ hideShortcut }) => {
       <div className="header-logo">
         <Link to="/">cesarolvr.com</Link>
       </div>
-      {!hideShortcut && <Shortcut text="👀" />}
+      {goBackToHome && <Link className="goback" to="/">{"<-"} go back to home</Link>}
+
+      {/* {!hideShortcut && <Shortcut text="👀" />} */}
       <ul className="header-list only-desktop">
         <li>
           <Link
diff --git a/src/components/Header/index.scss b/src/components/Header/index.scss
index 8a422b7..ec38a04 100644
--- a/src/components/Header/index.scss
+++ b/src/components/Header/index.scss
@@ -6,8 +6,16 @@
   display: flex;
   justify-content: space-between;
 
+  .goback {
+    display: block;
+  }
+
   @media (min-width: 730px) {
     padding: 30px;
+
+    .goback {
+      display: none;
+    }
   }
   
 
diff --git a/src/components/Note/index.js b/src/components/Note/index.js
index cfc5a13..6108867 100644
--- a/src/components/Note/index.js
+++ b/src/components/Note/index.js
@@ -9,7 +9,7 @@ import "./index.scss";
 const Footer = () => {
   return (
     <div className="note">
-      <p>if you want one website like it or similar, let me know 👍🏾</p>
+      <p>if you want a website like this one, let me know here 👉🏾 <a href="mailto:contact@cesarolvr.com">contact@cesarolvr.com</a></p>
     </div>
   );
 };
diff --git a/src/components/Note/index.scss b/src/components/Note/index.scss
index 6365cee..f6bbbb0 100644
--- a/src/components/Note/index.scss
+++ b/src/components/Note/index.scss
@@ -1,4 +1,9 @@
 .note {
   width: 100%;
   padding: 20px;
+  line-height: 22px;
+
+  a {
+    text-decoration: underline;
+  }
 }
\ No newline at end of file
diff --git a/src/pages/about.js b/src/pages/about.js
index 6fe0e9e..950a806 100644
--- a/src/pages/about.js
+++ b/src/pages/about.js
@@ -51,7 +51,7 @@ const About = () => {
 
       <div className="about">
         <Loader isOpened={isOpened} />
-        <Header />
+        <Header goBackToHome={true} />
         <main>
           <div className="headshot column">
             <img src={headshot} alt="headshot" />
@@ -142,4 +142,4 @@ const About = () => {
 
 export default About;
 
-export const Head = () => <title>about | cesarolvr</title>;
+export const Head = () => <title>me | cesarolvr</title>;
diff --git a/src/pages/actions.js b/src/pages/actions.js
index c7e1620..dc140c9 100644
--- a/src/pages/actions.js
+++ b/src/pages/actions.js
@@ -28,7 +28,7 @@ const Actions = () => {
 
       <div className="actions">
         <Loader isOpened={isOpened} duration={0.8} />
-        <Header hideShortcut={true} />
+        <Header hideShortcut={true} goBackToHome={true} />
         <main>
           <Container>
             <ul className="actions-list">