manpgs
diff --git a/‎1/index.html‎
Lines changed: 178 additions & 171 deletions b/‎1/index.html‎
Lines changed: 178 additions & 171 deletions
diff --git a/‎3/index.html‎
Lines changed: 798 additions & 791 deletions b/‎3/index.html‎
Lines changed: 798 additions & 791 deletions
diff --git a/‎Makefile‎
Lines changed: 19 additions & 12 deletions b/‎Makefile‎
Lines changed: 19 additions & 12 deletions
diff --git a/‎index.html‎
Lines changed: 13 additions & 4 deletions b/‎index.html‎
Lines changed: 13 additions & 4 deletions
@@ -29,12 +29,16 @@ convert = $(man2html) > "$@"
 template = <!doctype html>\n<html lang="en">\n\
 \40<head>\n\
 \40\40\40<meta charset="utf-8">\n\
+\40\40\40<meta name="viewport" content="width=device-width, initial-scale=1.0">\n\
 \40\40\40<title>%s</title>\n\
 \40\40\40<link rel="stylesheet" href="%s">\n\
 \40</head>\n\
 \40<body>\n\
-\40\40\40<main>\n\
-\40\40\40\40\40<h1>%s</h1>\n%s\n\
+\40\40\40<header>\n\
+\40\40\40\40\40%s\n\
+\40\40\40\40\40<h1>%s</h1>\n\
+\40\40\40</header>\n\
+\40\40\40<main>\n%s\n\
 \40\40\40</main>\n\
 \40</body>\n</html>\n
 
@@ -73,11 +77,13 @@ clean:
 
 index.html: $(addsuffix /index.html,$(dirs))
 	$(desc) \
-	printf '$(template)' "POSIX Manpages" "style.css" "POSIX Manpages" "$$(\
+	printf '$(template)' "POSIX man pages" "style.css" "POSIX" "Manual Pages" "$$(\
+		printf '      <table class="sections">\n        <thead><tr><th>Section</th><th>Title</th></tr></thead>\n        <tbody>\n'; \
 		for s in $(dirs); do \
-			printf '      <h2><a href="%s">%s &mdash; %s</a></h2>\n' \
-				"$$s" "$$s" "$$(desc "$$s")"; \
+			printf '          <tr><td><a href="%s">%s</a></td><td><a href="%s">%s</a></td><tr>\n' \
+				"$$s" "$$s" "$$s" "$$(desc "$$s")"; \
 		done; \
+		printf '        </tbody>\n      </table>\n' \
 	)" > "$@"
 
 sitemap.xml:
@@ -96,9 +102,10 @@ sitemap.xml:
 %/index.html: whatis
 	$(desc) \
 	sect=$$(dirname "$@"); \
-	printf '$(template)' "man$$sect &mdash; POSIX Manpages" "../style.css" \
-		"<a href=\"../\">POSIX</a> &mdash; $$(desc "$$sect")" "$$(\
-		printf '      <ul class="whatis">\n'; \
+	printf '$(template)' "man$$sect &middot; POSIX" "../style.css" \
+		"$$(printf '<nav><a href="../" class="os">POSIX</a><span class="section">man%s</span></nav>' "$$sect")" \
+		"$$(desc "$$sect")" "$$(\
+		printf '      <table class="whatis">\n        <thead><tr><th>Name</th><th>Summary</th></tr></thead>\n        <tbody>\n'; \
 		$(SED) -n -e ' \
 			h; \
 			s/ - /\n/; \
@@ -108,12 +115,12 @@ sitemap.xml:
 		' -e "/($$sect)/!b" -e ' \
 			s|\([^, ][^(]*\)([0-9n][^)]*)|<a href="./\1">&</a>|g; \
 			s|\(<a href="\./[^"]*\)/|\1_|g; \
-			s/^/        <li>/; \
+			s|^|          <tr><td class="names">|; \
 			G; \
-			s/\n/ \&mdash; /; \
-			s|$$|</li>|p; \
+			s|\n|</td><td class="summary">|; \
+			s|$$|</td></tr>|p; \
 		' whatis; \
-		printf '      </ul>\n' \
+		printf '        </tbody>\n      </table>\n' \
 	)" > "$@"
 
 1/%.html: man-posix/man1p/%.1p
 
@@ -2,14 +2,23 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>POSIX Manpages</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>POSIX man pages</title>
     <link rel="stylesheet" href="style.css">
   </head>
   <body>
+    <header>
+      POSIX
+      <h1>Manual Pages</h1>
+    </header>
     <main>
-      <h1>POSIX Manpages</h1>
-      <h2><a href="1">1 &mdash; Utilities</a></h2>
-      <h2><a href="3">3 &mdash; Headers & Functions</a></h2>
+      <table class="sections">
+        <thead><tr><th>Section</th><th>Title</th></tr></thead>
+        <tbody>
+          <tr><td><a href="1">1</a></td><td><a href="1">Utilities</a></td><tr>
+          <tr><td><a href="3">3</a></td><td><a href="3">Headers & Functions</a></td><tr>
+        </tbody>
+      </table>
     </main>
   </body>
 </html>