diff options
author | Franck Cuny <franck@fcuny.net> | 2021-08-05 12:53:13 -0700 |
---|---|---|
committer | Franck Cuny <franck@fcuny.net> | 2021-08-05 12:53:13 -0700 |
commit | 9d0b3a718545c035ac359ddb8a2f2668c477e59d (patch) | |
tree | 61d09b91e846a214b97d257c00de091383c82600 /users/fcuny | |
parent | blog: update description (diff) | |
download | world-9d0b3a718545c035ac359ddb8a2f2668c477e59d.tar.gz |
css: bigger font and highlight colors
Increase the font size and change some of the colors used for highlighting code.
Diffstat (limited to 'users/fcuny')
-rw-r--r-- | users/fcuny/notes/layouts/partials/head.html | 2 | ||||
-rw-r--r-- | users/fcuny/notes/static/css/custom.css | 22 |
2 files changed, 18 insertions, 6 deletions
diff --git a/users/fcuny/notes/layouts/partials/head.html b/users/fcuny/notes/layouts/partials/head.html index 39ef8aa..7de4fd4 100644 --- a/users/fcuny/notes/layouts/partials/head.html +++ b/users/fcuny/notes/layouts/partials/head.html @@ -9,6 +9,8 @@ <link rel="alternate" href="{{ "/feed.xml" | relURL }}" type="application/atom+xml" title="ATOM feed"> <link rel="author" href="humans.txt" /> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🖥️</text></svg>"> + <meta name="description" content="Franck Cuny's website, with articles about computers stuff."> <meta name="author" content="Franck Cuny"> diff --git a/users/fcuny/notes/static/css/custom.css b/users/fcuny/notes/static/css/custom.css index 18c9c41..4173138 100644 --- a/users/fcuny/notes/static/css/custom.css +++ b/users/fcuny/notes/static/css/custom.css @@ -4,9 +4,9 @@ *, *:before, *:after { box-sizing: border-box; } body { - background-color: #ffffff; - line-height: 1.5rem; - font-size: 16px; + background-color: #fffff8; + line-height: 1.8rem; + font-size: 1.3em; font-family: "Roboto Slab", sans-serif; color: #000; padding: 2rem; @@ -43,11 +43,21 @@ span.published, span.updated { } code.verbatim { - background-color: #eeeeee; + background-color: #fffff8; +} + +.highlight pre { + background-color: #fffff8 !important; +} + +.highlight { + padding: 5px; + border-radius: 5px; + border: 1px solid #eee; } pre { - padding: 1rem 2rem; + padding: 0.3rem 0.3rem; margin: 0; font-size: 16px; font-family: 'Source Code Pro', monospace; @@ -55,7 +65,7 @@ pre { } .tags { - background-color: #eeeeee; + /* background-color: #eeeeee; */ border-radius:8px; padding:0 .5rem; font-size: 90%; |