1 files changed, 40 insertions, 26 deletions
diff --git a/aux/ci/report.sh b/aux/ci/report.sh
index 1aa41a0..e900e26 100755
--- a/aux/ci/report.sh
+++ b/aux/ci/report.sh
@@ -41,30 +41,45 @@ for c in $(git notes list | cut -d\  -f2); do
 	DATA="$(git notes --ref=refs/notes/ci-data show "$c")"
 	FILENAME="$(echo "$DATA" | cut -d\  -f2)"
 	echo "$DATA" > "$OUTDIR/ci-data/$FILENAME"
-	git notes --ref=refs/notes/ci-logs show "$c" > "$OUTDIR/ci-logs/$FILENAME"
+	git notes --ref=refs/notes/ci-logs show "$c" \
+		> "$OUTDIR/ci-logs/$FILENAME"
 done
 
-cat <<EOF >> "$OUT"
+{
+	cat <<EOF
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		<link rel="icon" type="image/svg+xml" href="favicon.svg" />
-		<title>CI logs for $PROJECT</title>
-
-		<style>
-			pre {
-				display: inline;
-			}
-		</style>
-	</head>
-	<body>
-		<h1>
-			CI logs for <a href="https://$TLD/$PROJECT/en/">$PROJECT</a>
-		</h1>
-		<ul>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport"    content="width=device-width, initial-scale=1" />
+    <meta name="description" content="CI logs for $PROJECT" />
+    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
+    <title>$PROJECT - CI logs</title>
+
+EOF
+
+	cat aux/workflow/style.css
+
+	cat <<EOF
+
+    <style>
+      pre {
+        display: inline;
+      }
+      ol {
+        list-style-type: disc;
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>
+        CI logs for
+        <a href="https://$TLD/$PROJECT/en/">$PROJECT</a>
+      </h1>
+      <ol>
 EOF
+} > "$OUT"
 
 for f in $(find "$OUTDIR/ci-data/" -type f | LANG=C.UTF-8 sort -r); do
 	DATA="$(cat "$f")"
@@ -78,17 +93,16 @@ for f in $(find "$OUTDIR/ci-data/" -type f | LANG=C.UTF-8 sort -r); do
 	fi
 
 	cat <<EOF >> "$OUT"
-			<li>
-				<a href="ci-logs/$FILENAME">
-					$STATUS_MARKER <pre>$FILENAME</pre>
-				</a>
-			</li>
+        <li>
+          <a href="ci-logs/$FILENAME">$STATUS_MARKER <pre>$FILENAME</pre></a>
+        </li>
 EOF
 done
 
 cat <<EOF >> "$OUT"
-		</ul>
-	</body>
+      </ol>
+    </main>
+  </body>
 </html>
 EOF