diff options
| author | Feuerfuchs <git@feuerfuchs.dev> | 2019-06-05 08:44:19 +0200 |
|---|---|---|
| committer | Feuerfuchs <git@feuerfuchs.dev> | 2019-06-05 08:44:19 +0200 |
| commit | f2fd4ccb9bc662ff1b20ddf60fadc9892c662634 (patch) | |
| tree | 93b8458940f18c83c9a45fccf209f89c29bd9d5d | |
| parent | Fix broken JS due to class name change (diff) | |
| download | gopherproxy-f2fd4ccb9bc662ff1b20ddf60fadc9892c662634.tar.gz gopherproxy-f2fd4ccb9bc662ff1b20ddf60fadc9892c662634.tar.bz2 gopherproxy-f2fd4ccb9bc662ff1b20ddf60fadc9892c662634.zip | |
Add interlacing background effect
| -rw-r--r-- | css/main.scss | 7 | ||||
| -rw-r--r-- | style.go | 2 |
2 files changed, 8 insertions, 1 deletions
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 { | |||
| 13 | margin: 0; | 13 | margin: 0; |
| 14 | padding: 0; | 14 | padding: 0; |
| 15 | background-color: $background; | 15 | background-color: $background; |
| 16 | background-image: repeating-linear-gradient( | ||
| 17 | rgba(0, 0, 0, .25), | ||
| 18 | rgba(0, 0, 0, .25) 1px, | ||
| 19 | hsla(210, 100%, 95%, .025) 1px, | ||
| 20 | hsla(210, 100%, 95%, .025) 2px | ||
| 21 | ); | ||
| 16 | color: $text; | 22 | color: $text; |
| 17 | } | 23 | } |
| 18 | 24 | ||
| @@ -23,6 +29,7 @@ body { | |||
| 23 | .content { | 29 | .content { |
| 24 | display: inline-block; | 30 | display: inline-block; |
| 25 | min-width: 50em; | 31 | min-width: 50em; |
| 32 | min-width: 5ch + 80; | ||
| 26 | margin: 0; | 33 | margin: 0; |
| 27 | padding: 2em 1em; | 34 | padding: 2em 1em; |
| 28 | text-align: left; | 35 | text-align: left; |
| @@ -1,3 +1,3 @@ | |||
| 1 | package gopherproxy | 1 | package gopherproxy |
| 2 | 2 | ||
| 3 | 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}` | 3 | 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}` |