diff --git a/layouts/partials/graph.html b/layouts/partials/graph.html index ae934c0..10243bb 100644 --- a/layouts/partials/graph.html +++ b/layouts/partials/graph.html @@ -11,7 +11,7 @@ } </style> <script> - const curPage = {{ strings.TrimRight "/" .Page.RelPermalink }}.replace({{strings.TrimRight "/" .Site.BaseURL }}, "") + const curPage = {{ strings.TrimRight "/" .Page.Permalink }}.replace({{strings.TrimRight "/" .Site.BaseURL }}, "") const pathColors = {{$.Site.Data.graphConfig.paths}} let depth = {{$.Site.Data.graphConfig.depth}} @@ -143,7 +143,7 @@ .attr("fill", color) .style("cursor", "pointer") .on("click", (_, d) => { - window.location.href = {{.Site.BaseURL}} + decodeURI(d.id).replace(/[\s_]+/g, '-') + window.location.href = {{.Site.BaseURL}} + decodeURI(d.id).replace(/\s+/g, '-') }) .on("mouseover", function (_, d) { d3.selectAll(".node") @@ -201,7 +201,7 @@ const labels = graphNode.append("text") .attr("dx", 12) .attr("dy", ".35em") - .text((d) => content[decodeURI(d.id).replace(/[\s_]+/g, '-')]?.title || "Untitled") + .text((d) => content[decodeURI(d.id).replace(/\s+/g, '-')]?.title || "Untitled") .style("opacity", 0) .style("pointer-events", "none") .call(drag(simulation));