From ea74dfa3376cb2edf52dce1f37e9a456613c955c Mon Sep 17 00:00:00 2001
From: Hugo <HugoDF@users.noreply.github.com>
Date: Mon, 20 Jan 2020 12:31:19 +0000
Subject: [PATCH] feat: make visited name purple & link pink (#436)

* make visited name purple & link pink

* move styles into PersonDeets

Co-authored-by: Andrew Luca <thendrluca@gmail.com>
---
 src/components/Person.js | 11 ++++++++---
 src/components/layout.js |  3 +--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/Person.js b/src/components/Person.js
index 864c36b0..baddbbdb 100644
--- a/src/components/Person.js
+++ b/src/components/Person.js
@@ -15,8 +15,9 @@ export default function Person({ person, currentTag }) {
           <img width="50" height="50" src={img} alt={person.name} />
           <h3>
             <a href={person.url} target="_blank" rel="noopener noreferrer">
-              {person.name} 
-            </a> {person.emoji}
+              {person.name}
+            </a>{' '}
+            {person.emoji}
           </h3>
           <a
             target="_blank"
@@ -109,6 +110,9 @@ const PersonInner = styled.div`
   padding: 2rem;
   h3 {
     margin: 0;
+    a:visited {
+      color: var(--purple);
+    }
   }
   header {
     display: grid;
@@ -134,7 +138,8 @@ const PersonInner = styled.div`
       text-overflow: ellipsis;
       max-width: 100%;
       overflow: hidden;
-      :hover {
+      :hover,
+      :visited {
         color: var(--pink);
       }
     }
diff --git a/src/components/layout.js b/src/components/layout.js
index 2f4a808a..bef6c484 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -73,7 +73,7 @@ export default Layout;
 // Global Styles
 const GlobalStyle = createGlobalStyle`
   html {
-    --purple: #1e1f5c;
+    --purple: #b066ff;
     --blue: #203447;
     --lightblue: #1f4662;
     --blue2: #1C2F40;
@@ -89,7 +89,6 @@ const GlobalStyle = createGlobalStyle`
   body {
     font-size: 2rem;
     overflow-y: scroll;
-    /* overflow-x: hidden; */
   }
   h1,h2,h3,h4,h5,h6 {
     font-weight: 500;