small asthetic changes

src/App.css

@@ -4,3 +4,7 @@ body,
     height: 100%;
     background-color: #fafbff;
 }
+
+.task-list-item {
+    list-style-type: none;
+}

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}
                         </Tab>
                     ))}
-                    <Link href="https://github.com/florinpop17/app-ideas/">
+                    <Link
+                        marginY="auto"
+                        marginRight="0.5rem"
+                        style={{ color: '#000000' }}
+                        title="New Idea Guidelines"
+                        href="https://github.com/florinpop17/app-ideas/blob/master/CONTRIBUTING.md"
+                    >
+                        <AddIcon
+                            style={{ width: '1.3rem', height: '1.3rem' }}
+                        />
+                    </Link>
+                    <Link
+                        marginLeft="0.5rem"
+                        title="GitHub"
+                        href="https://github.com/florinpop17/app-ideas/"
+                    >
                         <svg
                             xmlns="http://www.w3.org/2000/svg"
                             width="1.75rem"

src/Projects.js

@@ -23,6 +23,23 @@ const unescapeHTML = (str) =>
             }[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(
                                             <div
                                                 dangerouslySetInnerHTML={{
-                                                    __html: marked(
+                                                    __html: task_list(
-                                                        await res.text()
+                                                        marked(await res.text())
                                                     ),
                                                 }}
                                             ></div>