@t8/docsgen 0.2.14 → 0.2.16

package/dist/bin.js

@@ -405,21 +405,26 @@ async function getNav(ctx, navItems) {
     }
   }
   if ((!s || navItemCount < 2) && !navContent) return "";
-  s = s.trim() ? `<section><ul>${s}
-</ul></section>` : "";
+  s = s.trim();
+  s = s ? `<p class="title">Contents</p>
+<ul>${s}
+</ul>
+` : "";
   let repoLink = getRepoLink(ctx);
-  let refContent = "";
   if (repoLink || backstory)
-    refContent = `
-<section class="ref">
-  <ul>
-    ${repoLink ? `<li>${repoLink}</li>` : ""}
-    ${backstory ? `<li><a href="${backstory}">Backstory</a></li>` : ""}
-  </ul>
-</section>
+    s += `
+<p class="title">Resources</p>
+<ul>
+  ${repoLink ? `<li>${repoLink}</li>` : ""}
+  ${backstory ? `<li><a href="${backstory}">Backstory</a></li>` : ""}
+</ul>
 `;
+  s = s.trim();
+  s = s ? `<section>
+${s}
+</section>` : "";
   return `<nav class="b1">
-${s}${refContent}
+${s}
 ${navContent}
 </nav>`;
 }

package/dist/css/section.css

@@ -47,9 +47,6 @@ footer {
 .body > nav section + section {
   border-top: 0.05rem solid;
 }
-.body > nav section.related {
-  border-top: 0.15rem double;
-}
 .body > nav h2,
 .body > nav p.title {
   font-size: 0.7rem;
@@ -93,6 +90,9 @@ footer {
 .body > nav li + li {
   margin-top: 0.65em;
 }
+.body > nav li > strong {
+  color: color(from var(--c1) srgb r g b / 0.75);
+}
 @media (max-width: 840px) {
   .body > nav {
     width: 100%;
@@ -203,7 +203,7 @@ main h2:first-child {
   display: flex;
   justify-content: space-between;
   gap: 1em;
-  border-top: 0.15rem solid;
+  border-top: 0.05rem solid;
   padding: 0.6em 0.75em 0.75em;
   margin: 1.5em 0 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t8/docsgen",
-  "version": "0.2.14",
+  "version": "0.2.16",
   "description": "",
   "main": "dist/bin.js",
   "bin": {

package/src/bin/getNav.ts

@@ -64,20 +64,22 @@ export async function getNav(ctx: Context, navItems: NavItem[]) {
 
   if ((!s || navItemCount < 2) && !navContent) return "";
 
-  s = s.trim() ? `<section><ul>${s}\n</ul></section>` : "";
+  s = s.trim();
+  s = s ? `<p class="title">Contents</p>\n<ul>${s}\n</ul>\n` : "";
 
   let repoLink = getRepoLink(ctx);
-  let refContent = "";
 
   if (repoLink || backstory)
-    refContent = `
-<section class="ref">
-  <ul>
-    ${repoLink ? `<li>${repoLink}</li>` : ""}
-    ${backstory ? `<li><a href="${backstory}">Backstory</a></li>` : ""}
-  </ul>
-</section>
+    s += `
+<p class="title">Resources</p>
+<ul>
+  ${repoLink ? `<li>${repoLink}</li>` : ""}
+  ${backstory ? `<li><a href="${backstory}">Backstory</a></li>` : ""}
+</ul>
 `;
 
-  return `<nav class="b1">\n${s}${refContent}\n${navContent}\n</nav>`;
+  s = s.trim();
+  s = s ? `<section>\n${s}\n</section>` : "";
+
+  return `<nav class="b1">\n${s}\n${navContent}\n</nav>`;
 }

package/src/css/section.css

@@ -47,9 +47,6 @@ footer {
 .body > nav section + section {
   border-top: 0.05rem solid;
 }
-.body > nav section.related {
-  border-top: 0.15rem double;
-}
 .body > nav h2,
 .body > nav p.title {
   font-size: 0.7rem;
@@ -93,6 +90,9 @@ footer {
 .body > nav li + li {
   margin-top: 0.65em;
 }
+.body > nav li > strong {
+  color: color(from var(--c1) srgb r g b / 0.75);
+}
 @media (max-width: 840px) {
   .body > nav {
     width: 100%;
@@ -203,7 +203,7 @@ main h2:first-child {
   display: flex;
   justify-content: space-between;
   gap: 1em;
-  border-top: 0.15rem solid;
+  border-top: 0.05rem solid;
   padding: 0.6em 0.75em 0.75em;
   margin: 1.5em 0 0;
 }