From 2a8993641b85d12d74b096b6e9c5de46c8d0b04c Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jake@jarv.is>
Date: Tue, 26 May 2020 21:57:10 -0400
Subject: [PATCH] lazy CSS trick to make :octocat: more visible on different
 tiles

---
 public/style.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/public/style.css b/public/style.css
index f61ae26..0d27cd4 100644
--- a/public/style.css
+++ b/public/style.css
@@ -3,7 +3,11 @@ body {
   padding: 0;
   width: 100%;
   height: 100%;
-  background-repeat: repeat;  /* image is set by JS onload */
+
+  /* specific retro wallpaper tile is set randomly by JS onload */
+  background-repeat: repeat;
+  background-attachment: fixed;
+  background-position: center; 
 }
 canvas {
   display: block;
@@ -27,11 +31,11 @@ a.github {
   position: fixed;
   right: 16px;
   bottom: 16px;
-  text-decoration: none;
-}
-a.github, a.github svg {
   width: 32px;
   height: 32px;
-  fill: #101010;
-  fill-opacity: 0.9;
+  text-decoration: none;
+
+  /* lazy CSS trick to make octocat visible on different tiles */
+  fill: #fff;
+  mix-blend-mode: exclusion;
 }