Add custom style to site map

css/style-sitemap.css

@@ -0,0 +1,31 @@
+main ul {
+    display: grid;
+    gap: 0.5rem;
+}
+
+.link-list {
+    margin: 0 0 0 1em;
+    padding: 0;
+    list-style: none;
+}
+
+.link-list li {
+    padding-left: 0.5em;
+    align-items: start;
+}
+
+.link-list li::marker {
+    content: "▶";
+}
+
+.link-list ul li::marker {
+    content: "★";
+}
+
+.link-list ul ul li::marker {
+    content: "♥";
+}
+
+.link-list ul ul ul li::marker {
+    content: "❣";
+}

sitemap.html

@@ -12,6 +12,7 @@
         <meta property="og:description" content="Site map of Leilukin's Hub">
 
         <link rel="stylesheet" href="/css/style-main.css" type="text/css" media="all">
+        <link rel="stylesheet" href="/css/style-sitemap.css" type="text/css" media="all">
         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
 
         <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
@@ -40,7 +41,7 @@
                 <h1>Site Map</h1>
                 <p>This page lists the links to the pages on my website for easier navigation.</p>
 
-                <ul>
+                <ul role="list" class="link-list">
                     <li><a href="/">Index</a></li>
                     <li><a href="/home.html">Home</a></li>
                     <li><a href="/about/">About</a></li>