Use <nav> for indexes

fn/common.php

@@ -62,17 +62,18 @@ function query($action, $table, $conditions = [], $column = NULL) {
 }
 
 function displayIndex() { ?>
-<dl>
+<nav>
+	<dl>
 <?php foreach (DESCRIPTIONS[SERVICE] as $pageId => $pageDesc) {
 	if ($pageId === 'index') continue;
 ?>
-	<dt><a href="<?= $pageId ?>"><?= TITLES[SERVICE][$pageId] ?></a></dt>
-	<dd>
-	<?= $pageDesc ?>
-
-	</dd>
-	<?php } ?>
-</dl>
+		<dt><a href="<?= $pageId ?>"><?= TITLES[SERVICE][$pageId] ?></a></dt>
+		<dd>
+			<?= $pageDesc ?>
+		</dd>
+<?php } ?>
+	</dl>
+</nav>
 <?php
 }
 

public/css/main.css

@@ -37,20 +37,15 @@ header, main > *:not(table, pre), footer {
 	max-width: 40rem;
 }
 
+main > nav {
+	max-width: 30rem;
+}
+
 header, main > *, footer {
 	margin-left: auto;
 	margin-right: auto;
 }
 
-code {
-	line-height: var(--font-size) + 6%;
-	font-size: var(--font-size);
-}
-
-nav {
-	display: inline-block;
-}
-
 header {
 	text-align: center;
 	margin-top: 0.8rem;
@@ -73,6 +68,10 @@ abbr {
 	text-decoration: underline 0.2em dotted;
 }
 
+pre {
+	margin: 0;
+}
+
 a {
 	text-decoration: underline var(--svc-color) 0.2em;
 	color: var(--foreground-color);

public/index.php

@@ -1,28 +1,30 @@
 <?php require "../common/html.php"; ?>
 
-<dl>
-	<dt><a class="auth" href="auth/"><?= TITLES['auth']['index'] ?></a></dt>
-	<dd>
-		<?= DESCRIPTIONS['auth']['index'] ?>
-	</dd>
-<?php if(CONF['reg']['enabled'] === true) { ?>
-	<dt><a class="reg" href="reg/"><?= TITLES['reg']['index'] ?></code></a></dt>
-	<dd>
-		<?= DESCRIPTIONS['reg']['index'] ?>
-	</dd>
-<?php } ?>
-<?php if(CONF['ns']['enabled'] === true) { ?>
-	<dt><a class="ns" href="ns/"><?= TITLES['ns']['index'] ?></a></dt>
-	<dd>
-		<?= DESCRIPTIONS['ns']['index'] ?>
-	</dd>
-<?php } ?>
-<?php if(CONF['ht']['enabled'] === true) { ?>
-	<dt><a class="ht" href="ht/"><?= TITLES['ht']['index'] ?></a></dt>
-	<dd>
-		<?= DESCRIPTIONS['ht']['index'] ?>
-	</dd>
-<?php } ?>
-</dl>
+<nav>
+	<dl>
+		<dt><a class="auth" href="auth/"><?= TITLES['auth']['index'] ?></a></dt>
+		<dd>
+			<?= DESCRIPTIONS['auth']['index'] ?>
+		</dd>
+	<?php if(CONF['reg']['enabled'] === true) { ?>
+		<dt><a class="reg" href="reg/"><?= TITLES['reg']['index'] ?></code></a></dt>
+		<dd>
+			<?= DESCRIPTIONS['reg']['index'] ?>
+		</dd>
+	<?php } ?>
+	<?php if(CONF['ns']['enabled'] === true) { ?>
+		<dt><a class="ns" href="ns/"><?= TITLES['ns']['index'] ?></a></dt>
+		<dd>
+			<?= DESCRIPTIONS['ns']['index'] ?>
+		</dd>
+	<?php } ?>
+	<?php if(CONF['ht']['enabled'] === true) { ?>
+		<dt><a class="ht" href="ht/"><?= TITLES['ht']['index'] ?></a></dt>
+		<dd>
+			<?= DESCRIPTIONS['ht']['index'] ?>
+		</dd>
+	<?php } ?>
+	</dl>
+</nav>
 
 <?php closeHTML(); ?>