From f62521c584f32a30be677657cb8a305f08a00bc0 Mon Sep 17 00:00:00 2001
From: Josh Rutherford <joshua.rutherford1@gmail.com>
Date: Fri, 23 Jul 2021 16:35:10 -0500
Subject: [PATCH] green. fix header layout on tablet.

---
 src/hero/hero.scss       |  8 +++++---
 src/history/history.scss |  7 ++++++-
 src/stats/stats.scss     | 10 +++++-----
 todo.md                  |  7 +++----
 4 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/hero/hero.scss b/src/hero/hero.scss
index 71d475b..6a68443 100644
--- a/src/hero/hero.scss
+++ b/src/hero/hero.scss
@@ -1,5 +1,7 @@
 @import "../variables.scss";
 
+$horizontal_breakpoint: 800px;
+
 .hero {
   h1 {
     font-size: 3.5rem;
@@ -24,7 +26,7 @@
     transform: translateY(20px);
     z-index: -1;
 
-    @media all and (min-width: 724px) {
+    @media all and (min-width: $horizontal_breakpoint) {
       transform: translateY(0px);
     }
 
@@ -48,7 +50,7 @@
   header {
     max-width: 30rem;
 
-    @media all and (min-width: 724px) {
+    @media all and (min-width: $horizontal_breakpoint) {
       max-width: unset;
     }
   }
@@ -59,7 +61,7 @@
     }
   }
 
-  @media all and (min-width: 724px) {
+  @media all and (min-width: $horizontal_breakpoint) {
     display: flex;
     justify-content: center;
     padding-top: 4rem;
diff --git a/src/history/history.scss b/src/history/history.scss
index d9bfb36..8c47668 100644
--- a/src/history/history.scss
+++ b/src/history/history.scss
@@ -48,7 +48,12 @@ $horizontal_breakpoint: 724px;
       right: 0;
       bottom: 0;
       left: 0;
-      background: $primary;
+      background-color: $primary;
+      background-image: linear-gradient(
+        to top left,
+        darken($primary, 8),
+        $primary
+      );
       border-radius: $card_radius;
       top: -1rem;
       right: -1rem;
diff --git a/src/stats/stats.scss b/src/stats/stats.scss
index 7a68687..9791dc8 100644
--- a/src/stats/stats.scss
+++ b/src/stats/stats.scss
@@ -44,11 +44,11 @@
     &:before {
       content: "";
       background-color: $primary;
-      // background-image: linear-gradient(
-      //   to top right,
-      //   darken($secondary, 10),
-      //   $secondary
-      // );
+      background-image: linear-gradient(
+        to right,
+        darken($primary, 8),
+        $primary
+      );
       border-radius: $card_radius;
       position: absolute;
       top: -1rem;
diff --git a/todo.md b/todo.md
index 1985391..a6c88ff 100644
--- a/todo.md
+++ b/todo.md
@@ -1,15 +1,14 @@
 # TODO:
 
+- clean up copy
+- css vars + shifting $primary color animation? slowly hue rotate?
+
 ## General
 
 - print version => resume
 - downloadable pdf for resume
 - clean up repetitive styling for sections
 
-## Hero
-
-- add more bio, way to show/hide extended version?
-
 ## Contributions
 
 - overflow indicator