diff options
| -rw-r--r-- | INSTALL.asciidoc | 2 | ||||
| -rwxr-xr-x | scripts/asciidoc2html.py | 3 | ||||
| -rw-r--r-- | www/header.asciidoc | 2 | ||||
| -rw-r--r-- | www/qute.css | 34 |
4 files changed, 38 insertions, 3 deletions
diff --git a/INSTALL.asciidoc b/INSTALL.asciidoc index 651082bee..aaff04162 100644 --- a/INSTALL.asciidoc +++ b/INSTALL.asciidoc @@ -1,6 +1,8 @@ Installing qutebrowser ====================== +toc::[] + On Debian / Ubuntu ------------------ diff --git a/scripts/asciidoc2html.py b/scripts/asciidoc2html.py index cfdc1b8d5..39695bd23 100755 --- a/scripts/asciidoc2html.py +++ b/scripts/asciidoc2html.py @@ -184,7 +184,8 @@ class AsciiDoc: with open(modified_src, 'w+', encoding='utf-8') as final_version: final_version.write(title + "\n\n" + header + current_lines) - self.call(modified_src, dst, '--theme=qute') + asciidoc_args = ['--theme=qute', '-a toc', '-a toc-placement=manual'] + self.call(modified_src, dst, *asciidoc_args) def _build_website(self): """Prepare and build the website.""" diff --git a/www/header.asciidoc b/www/header.asciidoc index dc80a5d00..b463de7d2 100644 --- a/www/header.asciidoc +++ b/www/header.asciidoc @@ -2,7 +2,7 @@ <div id="headline"> <img class="qutebrowser-logo" src="/icons/qutebrowser.svg" alt="qutebrowser" /> <div class="text"> - <h1>qutebrowser</h1> + <span class="heading-text">qutebrowser</span> A keyboard-driven browser. </div> </div> diff --git a/www/qute.css b/www/qute.css index 7c3d90135..5c11a72fd 100644 --- a/www/qute.css +++ b/www/qute.css @@ -44,9 +44,13 @@ p { text-align: right; } -#headline .text h1 { +#headline .text .heading-text { color: #1e89c6; + font-weight: bold; + font-size: 2em; border: none; + display: block; + white-space: pre-line; } #headline .text { @@ -220,6 +224,34 @@ table td { } } +#toc { + margin-bottom: 2.5em; +} + +#toctitle { + color: #0A396E; + font-size: 1.1em; + font-weight: bold; + margin-top: 1.0em; + margin-bottom: 0.1em; +} + +div.toclevel0, div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 { + margin-top: 0; + margin-bottom: 0; +} +div.toclevel2 { + margin-left: 2em; + font-size: 0.9em; +} +div.toclevel3 { + margin-left: 4em; + font-size: 0.9em; +} +div.toclevel4 { + margin-left: 6em; + font-size: 0.9em; +} </style> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <link href="/media/font.css" rel="stylesheet" type="text/css" /> |