save commit with all testsgh-pages-tests

3 files changed, 47 insertions, 0 deletions

diff --git a/_includes/head.html b/_includes/head.html
index 9a85610..73e41b8 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -12,4 +12,6 @@
 
   <link rel="shortcut icon" type="image/x-icon" href="/{{ site.favicon }}" />
   <link rel="stylesheet" href="{{ site.url }}/assets/css/main.css" />
+  <link href="{{ site.url }}/assets/css/syntax.css" rel="stylesheet">
+
 </head>
\ No newline at end of file
diff --git a/_includes/navfunc.html b/_includes/navfunc.html
new file mode 100644
index 0000000..b737233
--- /dev/null
+++ b/_includes/navfunc.html
@@ -0,0 +1,11 @@
+<li><span class="caret">{{include.file.slug}}</span>
+    <ul class="nested">
+        {% directory path: {{include.file.url}} %}
+            {% if file.isdir %}                
+                {%- include navfunc.html file=file -%}
+            {% else %}                
+                <li><a href="{{ file.url | replace:'.md','.html'}}" target="docframe">{{file.slug}}</a></li>
+            {% endif %}
+        {% enddirectory %}
+    </ul>
+</li>
diff --git a/_includes/sidenav.html b/_includes/sidenav.html
new file mode 100644
index 0000000..c5ac1c2
--- /dev/null
+++ b/_includes/sidenav.html
@@ -0,0 +1,34 @@
+<nav>
+    <div class="sidenav">
+        <a href="/about.html">About</a>
+        <a href="/documentation.html">Documentation</a>
+        <a href="/testxml.html">xml data test</a>
+        <a href="#contact">Contact</a>
+        <ul id="myUL">
+            <li><span class="caret">documentation</span>
+                <ul class="nested">
+                    {% directory path: /documentation %}                    
+                        {% if file.isdir %}
+                            {%- include navfunc.html file=file -%}
+                        {% else %}
+                            <li>{{file.slug}}</li>
+                        {% endif %}
+                    {% enddirectory %}
+                </ul>
+            </li>      
+        </ul>
+        <script>
+            var toggler = document.getElementsByClassName("caret");
+            var i;
+            
+            for (i = 0; i < toggler.length; i++) {
+                toggler[i].addEventListener("click",
+                    function() {
+                        this.parentElement.querySelector(".nested").classList.toggle("active");
+                        this.classList.toggle("caret-down");
+                    }
+                );
+            }
+        </script>
+    </div>
+</nav>
\ No newline at end of file