diff options
author | Thomas Letan <contact@thomasletan.fr> | 2020-02-02 21:56:07 +0100 |
---|---|---|
committer | Thomas Letan <contact@thomasletan.fr> | 2020-02-02 21:56:07 +0100 |
commit | 0fcfaa9c614fabfc0ea4a3db4b04a959d1817096 (patch) | |
tree | 5de090863ab58e21231ceb66b2d536061052f0b2 | |
parent | feature: Add a command to generate a static website (diff) |
feature: Make the generated static website more responsive
-rw-r--r-- | templates/static/chapter.html | 2 | ||||
-rw-r--r-- | templates/static/index.html | 2 | ||||
-rw-r--r-- | templates/static/style.css | 17 |
3 files changed, 18 insertions, 3 deletions
diff --git a/templates/static/chapter.html b/templates/static/chapter.html index a988c76..60d452c 100644 --- a/templates/static/chapter.html +++ b/templates/static/chapter.html @@ -1,6 +1,8 @@ <!DOCTYPE html> <html lang="{{ language | lower }}"> <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <title>{{ chapter.title }}</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous"> <link rel="stylesheet" href="style.css"> diff --git a/templates/static/index.html b/templates/static/index.html index 6240ffa..0542291 100644 --- a/templates/static/index.html +++ b/templates/static/index.html @@ -1,6 +1,8 @@ <!DOCTYPE html> <html lang="{{ language | lower }}"> <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> <title>{{ title }}</title> <link rel="stylesheet" href="style.css"> </head> diff --git a/templates/static/style.css b/templates/static/style.css index c767a5f..5b3c548 100644 --- a/templates/static/style.css +++ b/templates/static/style.css @@ -1,13 +1,14 @@ html, body { - font-size: 120%; + font-size: 125%; font-family: serif; color: #222; hyphens: auto; } body { - max-width: 600px; + max-width: 650px; margin: auto; + padding: 1rem; } h1 { @@ -30,6 +31,16 @@ p { padding-bottom: .1em; } +.ogmarkup .story + .story::before { + content: "⁂"; + margin-top: 1em; + margin-bottom: 1em; + text-align: center; + display: block; + font-size: 120%; + color: #444; +} + .ogmarkup { text-align: justify; } @@ -57,7 +68,7 @@ p { font-style: normal; } -.story { +.aside { padding-bottom: 1.5em; } |