When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:
main {
max-width: 38rem;
padding: 2rem;
margin: auto;
}| ing | |
| er | |
| a | |
| ly | |
| ed | |
| i | |
| es | |
| re | |
| tion | |
| in |
| import * as React from "react"; | |
| /** | |
| A hook to simply use state between components | |
| Warning: this only works with function components (like any hook) | |
| Usage: | |
| // You can put this in an central file and import it too | |
| const useStore = createStore({ count: 0 }) |
| * { | |
| font-size: 12pt; | |
| font-family: monospace; | |
| font-weight: normal; | |
| font-style: normal; | |
| text-decoration: none; | |
| color: black; | |
| cursor: default; | |
| } |
| // ==UserScript== | |
| // @name Overcast.fm Keyboard Shortcuts | |
| // @namespace http://your.homepage/ | |
| // @version 0.2 | |
| // @description Space bar to play/pause, left/right arrow to seek forward/backward. | |
| // @author @thatmarvin | |
| // @match https://overcast.fm/+* | |
| // @grant none | |
| // ==/UserScript== |
| <!DOCTYPE html> | |
| <meta charset=utf-8> | |
| <meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1"> | |
| <meta name=apple-mobile-web-app-capable content=yes> | |
| <meta name=apple-mobile-web-app-status-bar-style content=black> | |
| <title>Test fullscreen</title> | |
| <style> | |
| html, body { | |
| margin: 0; | |
| padding: 0; |