Move About to bottom, add roadmap section with project boards and obs…

…idian canvas

_data/sections.yml

@@ -59,11 +59,6 @@
   icon: bi bi-filetype-html
   color: purple
 
-- id: about
-  title: About
-  icon: bi bi-globe
-  color: indigo
-
 - id: gfx
   title: GFX
   icon: bi bi-fire
@@ -83,3 +78,9 @@
   title: Modules
   icon: bi bi-collection
   color: purple
+
+- id: about
+  title: About
+  icon: bi bi-globe
+  color: indigo
+

about/roadmap.md

@@ -0,0 +1,34 @@
+---
+permalink: /roadmap/
+group: about
+layout: default
+hide_comments: true
+title: "Roadmap"
+fa-icon: fas fa-trophy 
+entryclass: entry-starred
+priority: 99
+disabled: true
+---
+
+## Current Sprint
+
+<iframe src="https://screenshots.korge.org/sprint.html" style="width:100%;height:40vh;"></iframe>
+
+## Roadmap
+
+<iframe src="https://screenshots.korge.org/roadmap.html" style="width:100%;height:40vh;"></iframe>
+
+## Targets
+
+<div data-obsidian-canvas="/roadmap/targets.canvas"></div>
+
+## Ideas
+
+<div data-obsidian-canvas="/roadmap/ideas.canvas"></div>
+
+## Store
+
+<div data-obsidian-canvas="/roadmap/store.canvas"></div>
+
+<script src="/assets/showdown.min.js"></script>
+<script src="/assets/render_canvas.js"></script>

assets/render_canvas.js

@@ -3,6 +3,7 @@ Object.prototype.also = function(block) {
     return this
 }
 
+/*
 const canvasData = {
 	"nodes":[
 		{"id":"b615b540f83c4859","type":"text","text":"## KorGE Targets","x":-280,"y":-215,"width":160,"height":75,"color":"4"},
@@ -41,6 +42,7 @@ const canvasData = {
 		{"id":"05da6c1b3b1eebe4","fromNode":"2ff9c3353553d2d7","fromSide":"right","toNode":"237ca2db2388ed2a","toSide":"left"}
 	]
 }
+*/
 
 /**
  * 
@@ -185,4 +187,18 @@ async function renderObsidianCanvasFromURL(url) {
     return renderObsidianCanvas(json)
 }
 
-//(async () => { document.querySelector("#test_container").appendChild(await renderObsidianCanvasFromURL("/roadmap/targets.canvas")) })()
+async function renderObsidianCanvasSelector(selector, url) {
+    document.querySelector(selector)
+        .appendChild(await renderObsidianCanvasFromURL(url))
+}
+
+// renderObsidianCanvasSelector("#test_container", "/roadmap/targets.canvas")
+    //(async () => { document.querySelector("#test_container").appendChild(await renderObsidianCanvasFromURL("/roadmap/targets.canvas")) })()
+
+
+document.addEventListener("DOMContentLoaded", async (event) => {
+    for (const node of document.querySelectorAll('[data-obsidian-canvas]')) {
+        const url = node.getAttribute('data-obsidian-canvas')
+        node.appendChild(await renderObsidianCanvasFromURL(url))
+    }
+});