kisscommunity

commit aed7d36676af9a7658a003e29ee4a89c6163e91e
parent 235c6b33b5202e786252fcfc439672d4e2bef38b
Author: phoebos <ben@bvnf.space>
Date:   Wed, 29 Apr 2026 20:51:18 +0100

use html landmarks rather than divs

Diffstat:
M
build-page.c
 | 
16
+++++++---------
M
wiki/style.css
 | 
31
+++++++++++++------------------

2 files changed, 20 insertions(+), 27 deletions(-)
diff --git a/build-page.c b/build-page.c
@@ -110,11 +110,11 @@ void print_name(const char *name) {
 }
 
 void print_nav_bar(void) {
-  puts("<div id=\"menu\">");
-  puts("\t<a href=\"/\"><b>KISS Community Wiki</b></a>\n");
+  puts("<header>");
+  puts("\t<a href=\"/\"><b>KISS Community Wiki</b></a>");
 
   fputs(html_nav_bar, stdout);
-  puts("</div>");
+  puts("</header>");
 }
 
 int qsort_strcmp(const void *a, const void *b) {
@@ -203,14 +203,14 @@ void menu_panel(char *page, char *this, int depth) {
 }
 
 void print_menu_panel(char *page) {
-  fputs("<div id=\"nav\">\n\t<ul>\n\t<li>", stdout);
+  fputs("<nav>\n\t<ul>\n\t<li>", stdout);
   if (!page)
     puts("<a href=\"/\"><b>Home</b></a></li>");
   else
     puts("<a href=\"/\">Home</a></li>");
   menu_panel(page, NULL, 0);
   puts("\t</ul>");
-  puts("</div>");
+  puts("</nav>");
 }
 
 void print_content(char *page) {
@@ -223,7 +223,7 @@ void print_content(char *page) {
   snprintf(indextxt, sizeof(indextxt), page ? "%2$s/%1$s" : "%s", "index.txt",
            page);
 
-  puts("<div id=\"main\">\n");
+  puts("<main>");
   if (stat_isfile(indexmd)) {
     fflush(stdout);
     if (spawn_wait(argv) == -1)
@@ -241,7 +241,7 @@ void print_content(char *page) {
     puts("</pre>");
   }
 
-  puts("</div>\n");
+  puts("</main>");
 }
 
 void print_footer(void) { fputs(html_footer, stdout); }
@@ -288,10 +288,8 @@ int main(int argc, char *argv[]) {
 
   printf(html_header, page ? page : "Home");
   print_nav_bar();
-  puts("<div id=\"content\">");
   print_menu_panel(page);
   print_content(page);
-  puts("</div>\n");
   print_footer();
 
   return 0;
diff --git a/wiki/style.css b/wiki/style.css
@@ -13,10 +13,10 @@ pre {
 	overflow-x: auto;
 	border: 1px solid;
 }
-#nav a, #menu a {
+nav a, header a {
 	text-decoration: none;
 }
-#nav a:hover, blockquote {
+nav a:hover, blockquote {
 	background-color: light-dark(#eee, #222);
 }
 blockquote::before {
@@ -25,17 +25,17 @@ blockquote::before {
 	margin-right: 1ch;
 	content: ">";
 }
-#menu {
+header {
 	clear: both;
 	overflow: hidden;
 	background-color: #17a;
 	padding: 0.7ex;
 }
-#menu a {
+header a {
 	padding: 0.5ex 1ex;
 	color: white;
 }
-#menu a:hover {
+header a:hover {
 	background-color: #069;
 }
 h1, h2, h3, h4 {
@@ -44,36 +44,31 @@ h1, h2, h3, h4 {
 h2 ~ *:not(h2) {
     margin-left: 1ch;
 }
-#content {
-	clear: both;
-	margin: 0;
-	padding: 0;
-}
-#nav {
+nav {
 	float: left;
 	margin: 0 1px 0 0;
 	padding: 1em 0;
 	border-right: 1px dotted #ccc;
 	width: 200px;
 }
-#nav ul {
+nav ul {
 	margin: 0;
 	padding: 0;
 }
-#nav li {
+nav li {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }
-#nav li ul {
+nav li ul {
 	padding-left: 0.6em !important;
 }
-#nav li a {
+nav li a {
 	display: block;
 	margin: 0;
 	padding: 0.8ex 2em 0.8ex 1em;
 }
-#main {
+main {
 	margin: 0 0 0 200px;
 	max-width: 50em;
 	padding: 1.5em;
@@ -92,13 +87,13 @@ img {
     max-width: 100%;
 }
 @media (max-width: 999px) {
-	#nav {
+	nav {
 		float: none;
 		margin: 0;
 		width: 100%;
 		border: none;
 	}
-	#main {
+	main {
 		margin: 0;
 	}
 }