diff options
| author | Akshay <[email protected]> | 2021-06-13 07:50:55 +0100 |
|---|---|---|
| committer | Akshay <[email protected]> | 2021-06-13 07:50:55 +0100 |
| commit | 5a9b071e2684eb2f4a538c2cda1809fa47129adf (patch) | |
| tree | 0d528d2a168467b420446b838e7aa8cfa392dcad /www/index.html | |
| parent | 9128be2afc86b81486a429a37e5c0107eedab68f (diff) | |
more styles, link to src
Diffstat (limited to 'www/index.html')
| -rw-r--r-- | www/index.html | 42 |
1 files changed, 37 insertions, 5 deletions
diff --git a/www/index.html b/www/index.html index 81da9d9..03f5d11 100644 --- a/www/index.html +++ b/www/index.html | |||
| @@ -3,37 +3,66 @@ | |||
| 3 | <head> | 3 | <head> |
| 4 | <meta charset="utf-8"> | 4 | <meta charset="utf-8"> |
| 5 | <title>CSTea</title> | 5 | <title>CSTea</title> |
| 6 | <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
| 7 | <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap" rel="stylesheet"> | ||
| 6 | </head> | 8 | </head> |
| 7 | <style> | 9 | <style> |
| 10 | |||
| 8 | html, body { | 11 | html, body { |
| 9 | margin: 0; | 12 | margin: 0; |
| 13 | font-family: 'IBM Plex Mono', monospace !important; | ||
| 14 | font-size: 14px; | ||
| 10 | } | 15 | } |
| 16 | |||
| 11 | .grid-container { | 17 | .grid-container { |
| 12 | width: 100%; | 18 | width: 100%; |
| 13 | display: grid; | 19 | display: grid; |
| 14 | grid-template-columns: 1fr 1fr; | 20 | grid-template-columns: 1fr 1fr; |
| 15 | } | 21 | } |
| 22 | |||
| 16 | .syntax-node { | 23 | .syntax-node { |
| 17 | padding-left: 5px; | 24 | padding-left: 5px; |
| 18 | margin-left: 20px; | 25 | margin-left: 20px; |
| 19 | border-left: 2px solid #2c313a; | 26 | background-color: #2c313a; |
| 20 | } | 27 | } |
| 28 | |||
| 21 | .syntax-node:hover { | 29 | .syntax-node:hover { |
| 22 | border-left: 2px solid #545c69; | 30 | background-color: #545c6933; |
| 23 | } | 31 | } |
| 32 | |||
| 24 | .syntax-err { | 33 | .syntax-err { |
| 25 | color: #e06c75; | 34 | color: #e06c75; |
| 26 | } | 35 | } |
| 27 | #cst, #source-code { | 36 | |
| 28 | background-color: #2c313a; | 37 | .header { |
| 38 | text-align: center; | ||
| 39 | position: absolute; | ||
| 40 | padding: 12px 0; | ||
| 41 | bottom: 0; | ||
| 42 | width: 100%; | ||
| 43 | } | ||
| 44 | |||
| 45 | #cst, #source-code, .header, | ||
| 46 | a, a:hover, a:visited { | ||
| 47 | background-color: #282c34; | ||
| 29 | color: #a3aab6; | 48 | color: #a3aab6; |
| 49 | } | ||
| 50 | |||
| 51 | #cst, #source-code { | ||
| 30 | height: 100vh; | 52 | height: 100vh; |
| 31 | overflow: scroll; | 53 | overflow: scroll; |
| 32 | } | 54 | } |
| 55 | |||
| 56 | .cm-editor * { | ||
| 57 | font-family: 'IBM Plex Mono', monospace; | ||
| 58 | } | ||
| 59 | |||
| 33 | pre { | 60 | pre { |
| 34 | padding: 0px; | 61 | padding: 0px; |
| 35 | margin: 0px | 62 | margin: 0px; |
| 63 | font-family: 'IBM Plex Mono', monospace; | ||
| 36 | } | 64 | } |
| 65 | |||
| 37 | </style> | 66 | </style> |
| 38 | <body> | 67 | <body> |
| 39 | <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript> | 68 | <noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript> |
| @@ -43,5 +72,8 @@ pre { | |||
| 43 | <div id="cst"> | 72 | <div id="cst"> |
| 44 | </div> | 73 | </div> |
| 45 | </div> | 74 | </div> |
| 75 | <div class="header"> | ||
| 76 | explore rust csts ยท <a href="https://git.peppe.rs/web/cstea">src</a> | ||
| 77 | </div> | ||
| 46 | </body> | 78 | </body> |
| 47 | </html> | 79 | </html> |