From 56d2382c282431115b2964d440b790ce11f19e72 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Thu, 23 Dec 2021 22:05:27 +0000
Subject: [PATCH] fix relative link styling, change graph and backlinks to refer to name rather than path

---
 layouts/partials/graph.html |   13 +++++++------
 1 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/layouts/partials/graph.html b/layouts/partials/graph.html
index dbd33d1..a963743 100644
--- a/layouts/partials/graph.html
+++ b/layouts/partials/graph.html
@@ -13,6 +13,7 @@
 <script>
   const index = {{$.Site.Data.linkIndex.index}}
   const links = {{$.Site.Data.linkIndex.links}}
+  const content = {{$.Site.Data.contentIndex}}
   const curPage = {{ strings.TrimRight "/" .Page.RelPermalink }}
   const pathColors = {{$.Site.Data.graphConfig.paths}}
 
@@ -137,7 +138,7 @@
       const neighbours = parseIdsFromLinks([...(index.links[d.id] || []), ...(index.backlinks[d.id] || [])])
       const neighbourNodes = d3.selectAll(".node").filter(d => neighbours.includes(d.id))
       const currentId = d.id
-      const links = d3.selectAll(".link").filter(d => d.source.id === currentId || d.target.id === currentId)
+      const linkNodes = d3.selectAll(".link").filter(d => d.source.id === currentId || d.target.id === currentId)
 
       // highlight neighbour nodes
       neighbourNodes
@@ -146,7 +147,7 @@
         .attr("fill", color)
 
       // highlight links
-      links
+      linkNodes
         .transition()
         .duration(200)
         .attr("stroke", "var(--g-link-active)")
@@ -165,9 +166,9 @@
         .attr("fill", color)
 
       const currentId = d.id
-      const links = d3.selectAll(".link").filter(d => d.source.id === currentId || d.target.id === currentId)
+      const linkNodes = d3.selectAll(".link").filter(d => d.source.id === currentId || d.target.id === currentId)
 
-      links
+      linkNodes
         .transition()
         .duration(200)
         .attr("stroke", "var(--g-link)")
@@ -184,7 +185,7 @@
   const labels = graphNode.append("text")
     .attr("dx", 12)
     .attr("dy", ".35em")
-    .text((d) => d.id.replace("%20", "-"))
+    .text((d) => content[d.id.replace("%20", "-")].title)
     .style("opacity", 0)
     .style("pointer-events", "none")
     .call(drag(simulation));
@@ -216,4 +217,4 @@
       .attr("x", d => d.x)
       .attr("y", d => d.y);
   });
-</script>
\ No newline at end of file
+</script>

--
Gitblit v1.10.0