Add sources links and adjust link hover feedback

Author: przemyslawzalewski

docs/css/docs.css

@@ -190,7 +190,8 @@ aside .module-name:hover,
 }
 
 .breadcrumbs > a:hover {
-  color: black;
+  color: #0275d8;
+  text-decoration: underline;
 }
 
 .breadcrumbs > span {
@@ -255,9 +256,20 @@ footer {
 
 footer a,
 footer a:visited {
-  color: #3377c0;
+  color: #0275d8;
 }
 
 footer a:hover {
-  color: #2f6cb6;
+  color: #0275d8;
+  text-decoration: underline;
+}
+
+.meta a,
+.meta a:visited {
+  color: #0275d8;
+}
+
+.meta a:hover {
+  color: #0275d8;
+  text-decoration: underline;
 }

docs/templates/function.js

@@ -37,6 +37,26 @@ const nameFragment = (name, pathParts) =>
       )}<span>/</span><a href="${getPath(pathParts, name)}">${name}</a></h3>`
     : "";
 
+const blobUrl = "https://github.com/sandstreamdev/std/blob/master";
+
+const sourcePath = (name, partPaths, extension) =>
+  `${[blobUrl, partPaths, name].join("/")}${extension}`;
+
+const metaFragment = (name, pathParts) =>
+  name
+    ? `<p class="meta">
+      <a href="${sourcePath(
+        name,
+        pathParts,
+        ".ts"
+      )}">TypeScript source</a> • <a href="${sourcePath(
+        name,
+        pathParts,
+        ".js"
+      )}">JavaScript source</a>
+    </p>`
+    : "";
+
 const descriptionFragment = description => {
   if (!description || description.startsWith("TODO")) {
     return "";
@@ -115,6 +135,7 @@ const funcTemplate = (
     ${signatureFragment(signature)}
     ${examplesFragment(examples, pathParts, name)}
     ${questionsFragment(questions)}
+    ${metaFragment(name, pathParts)}
   </article>`.trimLeft();
 
   return content;