diff options
| author | NerdyPepper <[email protected]> | 2019-07-30 15:45:23 +0100 |
|---|---|---|
| committer | NerdyPepper <[email protected]> | 2019-07-30 15:45:23 +0100 |
| commit | 376fddb25407937cec5fb4208a9c19b9cdf6b8c7 (patch) | |
| tree | 5f5597e45c53c830d239eba532589462cddae3b5 | |
| parent | 487b33f0748fdf0c1b4a8300c6d40e46ecfb5fa4 (diff) | |
fonts load fine now!
| -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 { |