change docs home

docs/content/docs/_index.md

@@ -3,8 +3,3 @@ title: Docs
 menu: main
 weight: -240
 ---
-
-* [Components](/docs/components)
-* [Content](/docs/content)
-* [Layout](/docs/layout)
-* [Utilities](/docs/utilities)

docs/content/docs/components/_index.md

@@ -1,3 +1,4 @@
 ---
 title: Components
+description: PaperCSS Components
 ---

docs/content/docs/content/_index.md

@@ -1,3 +1,4 @@
 ---
 title: Content
+description: PaperCSS Content
 ---

docs/content/docs/layout/_index.md

@@ -1,3 +1,4 @@
 ---
 title: Layout
+description: PaperCSS Layout
 ---

docs/content/docs/utilities/_index.md

@@ -1,3 +1,4 @@
 ---
 title: Utilities
+description: PaperCSS Utilities
 ---

docs/layouts/_default/list.html

@@ -6,9 +6,25 @@
   {{ .Content }}
 
   <div class='row flex-spaces'>
+
+  {{ range .Sections }}
+    <div class='collapsible full-width'>
+      <input id='collapsible-section-{{ .Title | urlize }}' type='checkbox' name='collapsible-section' checked>
+      <label for="collapsible-section-{{ .Title | urlize }}">{{ .Title }}</label>
+      <div class='collapsible-body'>
+        <div class='row'>
+        {{ range .Pages }}
+          {{ .Render "li" }}
+        {{ end }}
+        </div>
+      </div>
+    </div>
+  {{ end }}
+
   {{ range .Pages }}
     {{ .Render "li" }}
   {{ end }}
+
   </div>
 </div>
 

docs/layouts/partials/nav/sidebar.html

@@ -1,9 +1,12 @@
 <div class='sm-12 md-4 col sidebar'>
     {{ range .Site.Sections }}
     <div class='paper'>
+      <h3 class='sidebar-title' style='text-align:center'>
+        <a href='/docs'>PaperCSS Documentation</a>
+      </h3>
       <div class='row'>
         {{ range .Sections }}
-        <div class='collapsible'>
+        <div class='collapsible full-width'>
           <input id='collapsible-{{ .Title | urlize }}' type='radio' name='collapsible'>
           <label for="collapsible-{{ .Title | urlize }}">{{ .Title }}</label>
           <div class="collapsible-body">

docs/static/assets/demo.css

@@ -37,6 +37,10 @@ img.no-responsive {
 .demo-title:hover + .to-top {
     opacity: 0
 }
-.sidebar .collapsible {
+.sidebar-title a {
+  color: inherit;
+  background: none;
+}
+.collapsible.full-width {
   width: 100%;
 }