From 6b3513eaaee9f67cdd2e2b4c9bd77645b09038ea Mon Sep 17 00:00:00 2001
From: Sanjay Guruprasad <sanjay.guruprasad@gmail.com>
Date: Mon, 2 May 2016 16:22:33 +0530
Subject: [PATCH] Add a vignette effect and remove link backgrounds
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Links now fade in smoother (opacity jump fixed)
- Links don’t have a background, instead, the main image now has a
vignette using box-shadow
---
 app/background.js  | 1 +
 app/background.jsx | 1 +
 app/link.js        | 4 +---
 app/link.jsx       | 4 +---
 4 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/background.js b/app/background.js
index c85f568..abb292b 100644
--- a/app/background.js
+++ b/app/background.js
@@ -86,6 +86,7 @@ var Background = React.createClass({
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
+        boxShadow: "inset 0px 0px 85px rgba(0,0,0,.5)"
       }
     };
     return (
diff --git a/app/background.jsx b/app/background.jsx
index 129f08b..6b4ef54 100644
--- a/app/background.jsx
+++ b/app/background.jsx
@@ -86,6 +86,7 @@ var Background = React.createClass({
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
+        boxShadow: "inset 0px 0px 85px rgba(0,0,0,.5)"
       }
     };
     return (
diff --git a/app/link.js b/app/link.js
index eccd9f1..40b88ae 100644
--- a/app/link.js
+++ b/app/link.js
@@ -11,10 +11,8 @@ var Link = React.createClass({
   render: function() {
     var style = {
       textDecoration: "none",
-      color: "#ccc",
-      opacity: "0.8",
+      color: "rgba(200,200,200,0.8)",
       padding: "5px",
-      backgroundImage: "radial-gradient(closest-side at 50% 50% , rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%)",
       WebkitAnimation: "fadein 1s"
     }
     return (
diff --git a/app/link.jsx b/app/link.jsx
index 065523d..c3ecf74 100644
--- a/app/link.jsx
+++ b/app/link.jsx
@@ -11,10 +11,8 @@ var Link = React.createClass({
   render: function() {
     var style = {
       textDecoration: "none",
-      color: "#ccc",
-      opacity: "0.8",
+      color: "rgba(200,200,200,0.8)",
       padding: "5px",
-      backgroundImage: "radial-gradient(closest-side at 50% 50% , rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%)",
       WebkitAnimation: "fadein 1s"
     }
     return (