From 5b86c29a881111093835eecf93166ef0fafc1b65 Mon Sep 17 00:00:00 2001 From: sz Date: Wed, 3 Mar 2021 22:22:52 -0600 Subject: [PATCH] WIP: having more light (white) helps the camera = cleaner frames = better transfer rates. Checking in a cool gradient, because I can't resist --- web/index.html | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/web/index.html b/web/index.html index 599d93b8..e8596887 100644 --- a/web/index.html +++ b/web/index.html @@ -14,7 +14,8 @@ } body { - background-color: black; + background-color: white; + background-image: linear-gradient(187deg, rgba(16,16,16, 0.07) 0%, rgba(16,16,16, 0.07) 50%,rgba(246,239,239, 0.07) 50%, rgba(246,239,239, 0.07) 100%),linear-gradient(255deg, rgba(255,255,255, 0.09) 0%, rgba(255,255,255, 0.09) 50%,rgba(209,186,186, 0.09) 50%, rgba(209,186,186, 0.09) 100%),linear-gradient(191deg, rgba(170,156,156, 0.08) 0%, rgba(170,156,156, 0.08) 50%,rgba(255,255,255, 0.08) 50%, rgba(255,255,255, 0.08) 100%),linear-gradient(339deg, rgba(255,255,255, 0.04) 0%, rgba(255,255,255, 0.04) 50%,rgba(76,189,219, 0.04) 50%, rgba(76,189,219, 0.04) 100%),linear-gradient(173deg, rgba(125,119,119, 0.09) 0%, rgba(125,119,119, 0.09) 50%,rgba(250,246,246, 0.09) 50%, rgba(250,246,246, 0.09) 100%),linear-gradient(317deg, rgba(255,255,255, 0.01) 0%, rgba(255,255,255, 0.01) 50%,rgba(249,249,249, 0.01) 50%, rgba(249,249,249, 0.01) 100%),linear-gradient(173deg, rgba(138,123,123, 0.07) 0%, rgba(138,123,123, 0.07) 50%,rgba(251,251,251, 0.07) 50%, rgba(251,251,251, 0.07) 100%),linear-gradient(222deg, rgba(243,243,243, 0.05) 0%, rgba(243,243,243, 0.05) 50%,rgba(35,31,31, 0.05) 50%, rgba(35,31,31, 0.05) 100%),linear-gradient(232deg, rgba(251,246,246, 0.01) 0%, rgba(251,246,246, 0.01) 50%,rgba(249,249,249, 0.01) 50%, rgba(249,249,249, 0.01) 100%),linear-gradient(90deg, rgb(0,0,0),rgb(255,255,255),rgb(255,255,255)); color: gray; height: 100vh; display: grid; @@ -39,6 +40,7 @@ margin: 0 auto; z-index: -1; color: #F0F0F0; + outline: 10px solid black; } #dragdrop::before { @@ -113,6 +115,7 @@ pointer-events: auto; touch-action: manipulation; outline: 0; + background-image: linear-gradient(180deg, rgb(0,0,0,0) 20%, rgb(0,0,0) 40%, rgb(0,0,0) 60%, rgb(0,0,0,0) 80%); } .icon-bar { display: block; @@ -276,7 +279,7 @@ - +