diff options
| -rw-r--r-- | README.md | 14 | ||||
| -rw-r--r-- | assets/icons.svg | 0 | ||||
| -rw-r--r-- | css/main.scss | 33 | 
3 files changed, 13 insertions, 34 deletions
| @@ -44,7 +44,7 @@ to the previously listed ones: | |||
| 44 | 44 | ||
| 45 | Folder structure: | 45 | Folder structure: | 
| 46 | 46 | ||
| 47 | - **assets:** Compiled assets that will be embedded into the executable using packr | 47 | - **assets:** Assets that will be embedded into the executable using packr | 
| 48 | - **css:** SCSS source files | 48 | - **css:** SCSS source files | 
| 49 | - **fonts:** Fonts that will be minified | 49 | - **fonts:** Fonts that will be minified | 
| 50 | - **js:** TypeScript source files | 50 | - **js:** TypeScript source files | 
| @@ -60,18 +60,6 @@ exit 0 | |||
| 60 | ``` | 60 | ``` | 
| 61 | 61 | ||
| 62 | 62 | ||
| 63 | ## Related | ||
| 64 | |||
| 65 | Related projects: | ||
| 66 | |||
| 67 | - [go-gopher](https://github.com/prologic/go-gopher) | ||
| 68 | go-gopher is the Gopher client and server library used by gopherproxy | ||
| 69 | |||
| 70 | - [gopherclient](https://github.com/prologic/gopherclient) | ||
| 71 | gopherclient is a cross-platform QT/QML GUI Gopher Client | ||
| 72 | using the gopherproxy library as its backend. | ||
| 73 | |||
| 74 | |||
| 75 | ## License | 63 | ## License | 
| 76 | 64 | ||
| 77 | MIT | 65 | MIT | 
| diff --git a/assets/icons.svg b/assets/icons.svg deleted file mode 100644 index e69de29..0000000 --- a/assets/icons.svg +++ /dev/null | |||
| diff --git a/css/main.scss b/css/main.scss index a33573e..be44d5f 100644 --- a/css/main.scss +++ b/css/main.scss | |||
| @@ -20,6 +20,9 @@ $font-monospace: 'Iosevka Term SS03', 'IBM Plex Mono', 'Fira Code', 'Fira Mono', | |||
| 20 | url('/iosevka-term-ss03-regular.woff') format('woff'); | 20 | url('/iosevka-term-ss03-regular.woff') format('woff'); | 
| 21 | } | 21 | } | 
| 22 | 22 | ||
| 23 | // | ||
| 24 | // Basic element styles | ||
| 25 | |||
| 23 | body { | 26 | body { | 
| 24 | margin: 0; | 27 | margin: 0; | 
| 25 | padding: 0; | 28 | padding: 0; | 
| @@ -100,15 +103,8 @@ strong { | |||
| 100 | } | 103 | } | 
| 101 | } | 104 | } | 
| 102 | 105 | ||
| 103 | .novisit { | 106 | // | 
| 104 | color: $link-idle; | 107 | // Template classes | 
| 105 | } | ||
| 106 | |||
| 107 | // :link, :visited { | ||
| 108 | // &:hover { | ||
| 109 | // color: $text-plus; | ||
| 110 | // } | ||
| 111 | // } | ||
| 112 | 108 | ||
| 113 | .header-base { | 109 | .header-base { | 
| 114 | display: flex; | 110 | display: flex; | 
| @@ -119,6 +115,7 @@ strong { | |||
| 119 | } | 115 | } | 
| 120 | 116 | ||
| 121 | // | 117 | // | 
| 118 | // Header | ||
| 122 | 119 | ||
| 123 | .header { | 120 | .header { | 
| 124 | padding: .9em 1em; | 121 | padding: .9em 1em; | 
| @@ -126,6 +123,7 @@ strong { | |||
| 126 | } | 123 | } | 
| 127 | 124 | ||
| 128 | // | 125 | // | 
| 126 | // Location component | ||
| 129 | 127 | ||
| 130 | .location { | 128 | .location { | 
| 131 | flex: 0 1 auto; | 129 | flex: 0 1 auto; | 
| @@ -172,6 +170,7 @@ strong { | |||
| 172 | } | 170 | } | 
| 173 | 171 | ||
| 174 | // | 172 | // | 
| 173 | // Actions component | ||
| 175 | 174 | ||
| 176 | .actions { | 175 | .actions { | 
| 177 | flex: 0 0 auto; | 176 | flex: 0 0 auto; | 
| @@ -192,6 +191,7 @@ strong { | |||
| 192 | } | 191 | } | 
| 193 | 192 | ||
| 194 | // | 193 | // | 
| 194 | // Site content classes | ||
| 195 | 195 | ||
| 196 | .wrap { | 196 | .wrap { | 
| 197 | padding: 2em 1em; | 197 | padding: 2em 1em; | 
| @@ -219,8 +219,6 @@ strong { | |||
| 219 | } | 219 | } | 
| 220 | } | 220 | } | 
| 221 | 221 | ||
| 222 | // | ||
| 223 | |||
| 224 | .type-annotation { | 222 | .type-annotation { | 
| 225 | margin-left: -3em; | 223 | margin-left: -3em; | 
| 226 | margin-left: -5ch; | 224 | margin-left: -5ch; | 
| @@ -229,6 +227,7 @@ strong { | |||
| 229 | } | 227 | } | 
| 230 | 228 | ||
| 231 | // | 229 | // | 
| 230 | // Modal component | ||
| 232 | 231 | ||
| 233 | .modal { | 232 | .modal { | 
| 234 | position: fixed; | 233 | position: fixed; | 
| @@ -270,6 +269,7 @@ strong { | |||
| 270 | } | 269 | } | 
| 271 | 270 | ||
| 272 | // | 271 | // | 
| 272 | // Setting component | ||
| 273 | 273 | ||
| 274 | .setting { | 274 | .setting { | 
| 275 | display: flex; | 275 | display: flex; | 
| @@ -297,16 +297,7 @@ strong { | |||
| 297 | } | 297 | } | 
| 298 | 298 | ||
| 299 | // | 299 | // | 
| 300 | 300 | // Viewport adaptation | |
| 301 | #none { | ||
| 302 | position: fixed; | ||
| 303 | top: 0; | ||
| 304 | left: 0; | ||
| 305 | width: 0; | ||
| 306 | height: 0; | ||
| 307 | } | ||
| 308 | |||
| 309 | // | ||
| 310 | 301 | ||
| 311 | @media screen and (max-width: 800px) { | 302 | @media screen and (max-width: 800px) { | 
| 312 | body { | 303 | body { | 
