From bacb41ec287388e0f39bdf8e7e312b4f1a1a4fef Mon Sep 17 00:00:00 2001 From: Julien Dessaux Date: Fri, 29 Oct 2021 17:40:46 +0200 Subject: Added svg favicon and reworked the max-width handling of many elements --- static/all.css | 26 ++++++++------------------ static/favicon.ico | Bin 1150 -> 1150 bytes static/favicon.svg | 2 ++ 3 files changed, 10 insertions(+), 18 deletions(-) create mode 100644 static/favicon.svg (limited to 'static') diff --git a/static/all.css b/static/all.css index e5e49f3..4ccb7c2 100644 --- a/static/all.css +++ b/static/all.css @@ -11,7 +11,7 @@ --color-link: #b58900; --color-secondary: #eee8d5; --color-secondary-accent: #fdf6e3; - --color-shadow: #eee8d5; + --color-shadow: #93a1a1; --color-table: #859900; --color-text: #839496; --color-text-secondary: #93a1a1; @@ -20,10 +20,6 @@ --justify-important: center; --justify-normal: left; --line-height: 1.5; - --width-card: 285px; - --width-card-medium: 460px; - --width-card-wide: 800px; - --width-content: 1080px; } * { @@ -42,7 +38,8 @@ body { color: var(--color-text); font-family: var(--font-family); line-height: var(--line-height); - margin: 0; + margin: 0 auto; + max-width: 60rem; overflow-x: hidden; padding: 0; font-feature-settings: "kern" 1; @@ -64,7 +61,7 @@ header { } hr { - background-color: var(--color-bg-secondary); + background-color: var(--color-accent); border: none; height: 1px; margin: 1rem 0; @@ -92,7 +89,6 @@ section aside { box-shadow: var(--box-shadow) var(--color-shadow); margin: 1rem; padding: 1.25rem; - width: var(--width-card); } section aside:hover { @@ -122,10 +118,6 @@ header a strong { margin-right: 0.5rem; } -header nav img { - margin: 1rem 0; -} - section header { padding-top: 0; width: 100%; @@ -227,21 +219,23 @@ ul li { } p { + hyphens: auto; margin: 0.75rem 0; + overflow-wrap: anywhere; padding: 0; + text-align: justify; + text-justify: inter-character; width: 100%; } pre { margin: 1rem 0; - max-width: var(--width-card-wide); padding: 1rem 0; } pre code, pre samp { display: block; - max-width: var(--width-card-wide); padding: 0.5rem 2rem; white-space: pre-wrap; } @@ -361,8 +355,6 @@ form { border-radius: var(--border-radius); box-shadow: var(--box-shadow) var(--color-shadow); display: block; - max-width: var(--width-card-wide); - min-width: var(--width-card-wide); padding: 1.5rem; text-align: var(--justify-normal); } @@ -381,7 +373,6 @@ select, textarea { display: block; font-size: inherit; - max-width: var(--width-card-wide); } input[type="checkbox"], @@ -467,7 +458,6 @@ blockquote { font-size: x-large; line-height: var(--line-height); margin: 1rem auto; - max-width: var(--width-card-medium); padding: 1.5rem 1rem; text-align: var(--justify-important); } diff --git a/static/favicon.ico b/static/favicon.ico index 216330f..21d3f00 100755 Binary files a/static/favicon.ico and b/static/favicon.ico differ diff --git a/static/favicon.svg b/static/favicon.svg new file mode 100644 index 0000000..185129b --- /dev/null +++ b/static/favicon.svg @@ -0,0 +1,2 @@ + +Copy, Link, Web Page, Href, interface -- cgit v1.2.3