Merge commit '798cae51d4971a74fa5a7de4815b32d9871caad5'

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" />