diff options
-rw-r--r-- | docs/index.html | 7 | ||||
-rw-r--r-- | docs/style.css | 15 |
2 files changed, 12 insertions, 10 deletions
diff --git a/docs/index.html b/docs/index.html index d5f2be0..8e4f8b7 100644 --- a/docs/index.html +++ b/docs/index.html | |||
@@ -3,7 +3,6 @@ | |||
3 | <html lang="en"> | 3 | <html lang="en"> |
4 | <head> | 4 | <head> |
5 | <link rel="stylesheet" href="./style.css"> | 5 | <link rel="stylesheet" href="./style.css"> |
6 | <link rel="stylesheet" href="https://files.nerdypepper.me/rW.woff"> | ||
7 | <meta charset="UTF-8"> | 6 | <meta charset="UTF-8"> |
8 | <title>n</title> | 7 | <title>n</title> |
9 | 8 | ||
@@ -20,9 +19,7 @@ function showPost(id) { | |||
20 | </script> </head> | 19 | </script> </head> |
21 | 20 | ||
22 | <body> | 21 | <body> |
23 | <div class="black-circle"> | 22 | <h1 class="heading">n</h1> |
24 | <h1 class="heading">n</h1> | ||
25 | </div> | ||
26 | <div class="posts"> | 23 | <div class="posts"> |
27 | 24 | ||
28 | 25 | ||
@@ -44,7 +41,7 @@ none of which concern us.</p> | |||
44 | our view, and restore it once its done, with <code>winrestview</code>.</p> | 41 | our view, and restore it once its done, with <code>winrestview</code>.</p> |
45 | 42 | ||
46 | <pre><code>let view = winsaveview() | 43 | <pre><code>let view = winsaveview() |
47 | s/\s\+$//gc " find and confirm replace trailing blanks | 44 | s/\s\+$//gc " find and (confirm) replace trailing blanks |
48 | winrestview(view) " restore our original view! | 45 | winrestview(view) " restore our original view! |
49 | </code></pre> | 46 | </code></pre> |
50 | 47 | ||
diff --git a/docs/style.css b/docs/style.css index 7610c30..3baf889 100644 --- a/docs/style.css +++ b/docs/style.css | |||
@@ -1,8 +1,14 @@ | |||
1 | @import url('https://rsms.me/inter/inter.css'); | 1 | @import url('https://rsms.me/inter/inter.css'); |
2 | 2 | ||
3 | @font-face { | ||
4 | font-family: "Iosevka"; | ||
5 | src: url('https://cdn.rawgit.com/kaushalmodi/iosevka-mirror/v1.14.1/woff/iosevka-ss08-bolditalic.woff') format('woff'); | ||
6 | font-style: bold-italic; | ||
7 | } | ||
8 | |||
3 | :root { | 9 | :root { |
4 | --cyan: #59d8a6; | 10 | --cyan: #00ffff; |
5 | --pink: #e61d91; | 11 | --pink: #ff00ff; |
6 | --black: #212121; | 12 | --black: #212121; |
7 | --light-black: #535353; | 13 | --light-black: #535353; |
8 | --white: #ffffff; | 14 | --white: #ffffff; |
@@ -73,13 +79,12 @@ hr { | |||
73 | 79 | ||
74 | .heading { | 80 | .heading { |
75 | margin:0 auto; | 81 | margin:0 auto; |
76 | color: var(--white); | 82 | color: var(--black); |
77 | text-align: center; | 83 | text-align: center; |
78 | font-size: 6rem; | 84 | font-size: 6rem; |
79 | font-family: 'Iosevka', monospace; | 85 | font-family: 'Iosevka', monospace; |
80 | text-shadow: 0.25rem 0rem var(--cyan), -0.25rem 0rem var(--pink); | 86 | text-shadow: 0.25rem 0rem var(--cyan), -0.25rem 0rem var(--pink); |
81 | line-height: 8.5rem; | 87 | line-height: 8.5rem; |
82 | font-style: italic; | ||
83 | } | 88 | } |
84 | 89 | ||
85 | a, a:hover, a:visited, a:active { | 90 | a, a:hover, a:visited, a:active { |
@@ -114,7 +119,7 @@ a:hover, a:active { | |||
114 | pre, code { | 119 | pre, code { |
115 | background-color: var(--dark-white); | 120 | background-color: var(--dark-white); |
116 | color: var(--black); | 121 | color: var(--black); |
117 | font-family: 'Iosevka', monospace; | 122 | font-family: monospace; |
118 | } | 123 | } |
119 | 124 | ||
120 | pre { | 125 | pre { |