| | |
|---|
| | | content, |
|---|
| | | })) |
|---|
| | | </script> |
|---|
| | | {{if $.Site.Data.config.enableSPA}} |
|---|
| | | <script type="module"> |
|---|
| | | import { router, navigate } from "https://unpkg.com/million/dist/router.mjs"; |
|---|
| | | // SPA navigation for access later |
|---|
| | |
|---|
| | | // We only mutate document.title and content within .singlePage element |
|---|
| | | router(".singlePage"); |
|---|
| | | const callback = () => { |
|---|
| | | // requestAnimationFrame() |
|---|
| | | // requestAnimationFrame() delays graph draw until SPA routing is finished |
|---|
| | | const draw = () => { |
|---|
| | | const container = document.getElementById("graph-container"); |
|---|
| | | // retry if the graph is not ready |
|---|
| | |
|---|
| | | container.textContent = ""; |
|---|
| | | |
|---|
| | | drawGraph( |
|---|
| | | {{strings.TrimRight "/" .Page.Permalink}}, |
|---|
| | | {{strings.TrimRight "/" .Site.BaseURL}}, |
|---|
| | | {{$.Site.Data.graphConfig.paths}}, |
|---|
| | | {{$.Site.Data.graphConfig.depth}}, |
|---|
| | |
|---|
| | | window.addEventListener("million:navigate", callback); |
|---|
| | | window.addEventListener("DOMContentLoaded", callback); |
|---|
| | | </script> |
|---|
| | | {{else}} |
|---|
| | | <script>window.navigate = (url) => window.location.href = url</script> |
|---|
| | | {{end}} |
|---|
| | | </head> |
|---|
| | | {{ template "_internal/google_analytics.html" . }} |
|---|
