From f2fd4ccb9bc662ff1b20ddf60fadc9892c662634 Mon Sep 17 00:00:00 2001 From: Feuerfuchs Date: Wed, 5 Jun 2019 08:44:19 +0200 Subject: Add interlacing background effect --- css/main.scss | 7 +++++++ style.go | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/css/main.scss b/css/main.scss index 8ae988e..5c2b4b3 100644 --- a/css/main.scss +++ b/css/main.scss @@ -13,6 +13,12 @@ body { margin: 0; padding: 0; background-color: $background; + background-image: repeating-linear-gradient( + rgba(0, 0, 0, .25), + rgba(0, 0, 0, .25) 1px, + hsla(210, 100%, 95%, .025) 1px, + hsla(210, 100%, 95%, .025) 2px + ); color: $text; } @@ -23,6 +29,7 @@ body { .content { display: inline-block; min-width: 50em; + min-width: 5ch + 80; margin: 0; padding: 2em 1em; text-align: left; diff --git a/style.go b/style.go index e6e301a..9ec743d 100644 --- a/style.go +++ b/style.go @@ -1,3 +1,3 @@ package gopherproxy -var styletext = `body{margin:0;padding:0;background-color:#14171a;color:#cad1d8}.wrap{text-align:center}.content{display:inline-block;min-width:50em;margin:0;padding:2em 1em;text-align:left;font-family:'IBM Plex Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', 'Droid Sans Mono', Monaco, Consolas, Courier, monospace;font-size:1em;line-height:1.5}::selection{color:#000;background-color:#efc68a}:link{color:#fff}:visited{color:#cad1d8}.link-type{color:#929ba3}` +var styletext = `body{margin:0;padding:0;background-color:#14171a;background-image:repeating-linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25) 1px, rgba(230,242,255,0.025) 1px, rgba(230,242,255,0.025) 2px);color:#cad1d8}.wrap{text-align:center}.content{display:inline-block;min-width:50em;min-width:85ch;margin:0;padding:2em 1em;text-align:left;font-family:'IBM Plex Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', 'Droid Sans Mono', Monaco, Consolas, Courier, monospace;font-size:1em;line-height:1.5}::selection{color:#000;background-color:#efc68a}:link{color:#fff}:visited{color:#cad1d8}.link-type{color:#929ba3}` -- cgit v1.2.3-70-g09d2