adding document mode

I've been thinking a lot about the treehouse and I feel like it's time to say goodbye to the tree format.

template/components/_tree.hbs

@@ -1,18 +1,13 @@
 <main class="tree">
-    {{!-- Append page styles and scripts into the main content, such that they can be inlined
-    into linked branches when those are loaded in. Putting them in the page's head would make
-    extracting them way more painful than it needs to be. --}}
+    <article>
+        {{#if (ne page.tree_path 'index')}}
+        <header>
+            <h1 class="page-title"><a href="{{ config.site }}/{{ page.tree_path }}">{{ page.title }}</a></h1>
+        </header>
+        {{/if}}
 
-    {{#each page.styles}}
-    <link rel="stylesheet" href="{{ asset (cat 'css/' this) }}">
-    {{/each}}
+        {{{~ page.tree }}}
+    </article>
 
-    <script type="module">
-        {{!-- Go through the import map for each script. --}}
-        {{#each page.scripts}}
-        import "{{ this }}";
-        {{/each}}
-    </script>
-
-    {{{ page.tree }}}
+    {{> components/_footer.hbs }}
 </main>