diff --git a/src/App.css b/src/App.css index 5e244de8..71c0a26f 100644 --- a/src/App.css +++ b/src/App.css @@ -4,3 +4,7 @@ body, height: 100%; background-color: #fafbff; } + +.task-list-item { + list-style-type: none; +} diff --git a/src/App.js b/src/App.js index 00bf9380..8f9950a8 100644 --- a/src/App.js +++ b/src/App.js @@ -2,7 +2,7 @@ // evergreen-ui docs: https://evergreen.segment.com/ import './App.css'; -import { Tablist, Tab, Pane, Link } from 'evergreen-ui'; +import { Tablist, Tab, Pane, Link, AddIcon } from 'evergreen-ui'; import React from 'react'; import Home from './Home'; import Projects from './Projects'; @@ -39,7 +39,22 @@ export default function App() { {tab} ))} - + + + + }[tag] || tag) ); +const task_list = (str) => { + var a = document.createElement('div'); + a.innerHTML = str; + var b = new XPathEvaluator(); + var c = b.evaluate('.//input[@type="checkbox"]/parent::li', a); + var d = c.iterateNext(); + var ds = []; + while (d) { + ds.push(d); + d = c.iterateNext(); + } + for (var e of ds) { + e.classList.add('task-list-item'); + } + return a.innerHTML; +}; + export default function Projects({ tier }) { const [isShown, setIsShown] = useState(false); const [content, setContent] = useState(undefined); @@ -79,13 +96,13 @@ export default function Projects({ tier }) { setContent(undefined); setIsShown(true); fetch( - `./Projects/${row[3].trim()}/${row[1].trim()}.md` + `/app-ideas/Projects/${row[3].trim()}/${row[1].trim()}.md` ).then(async (res) => { setContent(