diff options
| author | Charles Cabergs <me@cacharle.xyz> | 2020-12-07 05:31:40 +0100 |
|---|---|---|
| committer | Charles Cabergs <me@cacharle.xyz> | 2020-12-07 05:31:40 +0100 |
| commit | a99bb277d0af755215bb6fc2c0c6eebdafd15285 (patch) | |
| tree | 07c0cb8bbf2c9a7906957c861294f33491e40c4d | |
| parent | 15c7a862bcf83aad0a369c84a0cb9cc323b64c47 (diff) | |
| download | cacharle.xyz-a99bb277d0af755215bb6fc2c0c6eebdafd15285.tar.gz cacharle.xyz-a99bb277d0af755215bb6fc2c0c6eebdafd15285.tar.bz2 cacharle.xyz-a99bb277d0af755215bb6fc2c0c6eebdafd15285.zip | |
Added better article spacing
| -rw-r--r-- | about.template.html | 1 | ||||
| -rw-r--r-- | static/css/blog.css | 10 | ||||
| -rw-r--r-- | static/css/style.css | 18 |
3 files changed, 26 insertions, 3 deletions
diff --git a/about.template.html b/about.template.html index f66c344..6c16bec 100644 --- a/about.template.html +++ b/about.template.html @@ -1,4 +1,3 @@ - <h2>About me</h2> <p>I'm a computer science student currently at <a href="https://www.s19.be/">s19</a>, a summary of my progress can be found <a href="school.html">here</a></p> <p>This site is an experiment to host some of the services I use every day like a mail server and a <a href="https://git.cacharle.xyz">git server</a> and becoming more independant in general.</p> diff --git a/static/css/blog.css b/static/css/blog.css index 772bd5b..27a63d9 100644 --- a/static/css/blog.css +++ b/static/css/blog.css @@ -1,3 +1,13 @@ .article { margin-top: 4rem; } + +.article h1, +.article h2, +.article h3, +.article h4, +.article h5, +.article h6 { + margin-top: 2.5rem; + margin-bottom: 1rem; +} diff --git a/static/css/style.css b/static/css/style.css index e9ca6b3..35abb1b 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -150,6 +150,13 @@ pre, code { font-family: FiraMono, "Courier New", monospace; } +@media screen and (max-width: 500px) { + pre, code { + white-space: pre-wrap; + + } +} + code { background-color: var(--color-grey); padding: 0.2rem 0.3rem; @@ -180,13 +187,20 @@ pre { p { font-size: 1rem; margin: 1.3rem 0; + letter-spacing: 0.03rem; } blockquote { margin-left: 1rem; - border-left: 3px solid var(--color-light-grey); - padding-left: 0.5rem; + border-left: 5px solid var(--color-light-grey); + padding: 0.4rem; + padding-left: 1.0rem; + background-color: var(--color-darker); +} + +blockquote p { + margin: 0.3rem 0; } img, canvas, iframe, video, svg, select, textarea { |