style: sitemap

main.go

@@ -136,12 +136,6 @@ func main() {
 				Page: pager("imgs.md"),
 				Tag:  "Services",
 			},
-			{
-				Text: "pico+",
-				Href: "/plus",
-				Page: pager("plus.md"),
-				Tag:  "pico+",
-			},
 			{
 				Text: "Images",
 				Href: "/images",
@@ -164,15 +158,17 @@ func main() {
 				Tag: "Community",
 			},
 			{
-				Text: "API Tokens",
-				Href: "/api-token",
-				Page: pager("api-token.md"),
-				Children: []*pdocs.Sitemap{
-					pdocs.AnchorTagSitemap("Web"),
-					pdocs.AnchorTagSitemap("Senpai"),
-					pdocs.AnchorTagSitemap("Connect to Libera"),
-				},
-				Tag: "Help",
+				Text:     "API Tokens",
+				Href:     "/api-token",
+				Page:     pager("api-token.md"),
+				Children: []*pdocs.Sitemap{},
+				Tag:      "Help",
+			},
+			{
+				Text: "pico+",
+				Href: "/plus",
+				Page: pager("plus.md"),
+				Tag:  "About",
 			},
 			{
 				Text: "FAQ",
@@ -198,19 +194,19 @@ func main() {
 				Text: "Web Tunnels",
 				Href: "/tunnels",
 				Page: pager("tunnels.md"),
-				Tag:  "Lab",
+				Tag:  "X",
 			},
 			{
 				Text: "Lab",
 				Href: "/lab",
 				Page: pager("lab.md"),
-				Tag:  "Lab",
+				Tag:  "X",
 			},
 			{
 				Text: "Plain text lists",
 				Href: "/plain-text-lists",
 				Page: pager("plain-text-lists.md"),
-				Tag:  "Spec",
+				Tag:  "X",
 			},
 			{
 				Text: "About us",

static/main.css

@@ -67,6 +67,12 @@
   min-width: 150px;
 }
 
+.sitemap-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1rem;
+}
+
 @media only screen and (max-width: 800px) {
   body {
     padding: 0 0.75rem;
@@ -87,6 +93,10 @@
     width: 100%;
   }
 
+  .sitemap-grid {
+    grid-template-columns: repeat(1, 1fr);
+  }
+
   .mk-nav {
     padding: 1rem 0;
   }

tmpl/sitemap.page.tmpl

@@ -6,7 +6,7 @@
 <meta name="description" content="{{.Data.Description}}" />
 {{end}}
 
-{{define "attrs"}}class="container-sm"{{end}}
+{{define "attrs"}}class="container"{{end}}
 
 {{define "body"}}
 {{template "nav" .}}
@@ -18,6 +18,8 @@
   <hr />
 
   {{template "toc" .}}
+
+  <hr />
 </main>
 
 {{template "footer" .}}

tmpl/toc.partial.tmpl

@@ -1,5 +1,5 @@
 {{define "toc"}}
-<div>
+<div class="sitemap-grid">
   {{range $key, $value := .SitemapByTag}}
     <div class="box my">
       <h2 class="text-xl">{{$key}}</h2>