From 463e70cbde47ef69d4eaa4fe68be3833e7c6dba4 Mon Sep 17 00:00:00 2001
From: lvuch <laurenvuchetich@gmail.com>
Date: Mon, 9 Jul 2018 08:45:45 -0700
Subject: [PATCH 1/3] wip accordion

---
 content/rancher/v2.x/en/_index.md | 36 ++++++++++++++++++
 layouts/shortcodes/accordion.html |  7 ++++
 src/sass/app.scss                 | 63 +++++++++++++++++++++++++++++++
 3 files changed, 106 insertions(+)
 create mode 100644 layouts/shortcodes/accordion.html

diff --git a/content/rancher/v2.x/en/_index.md b/content/rancher/v2.x/en/_index.md
index e35e6d789a9..f9247b467c7 100644
--- a/content/rancher/v2.x/en/_index.md
+++ b/content/rancher/v2.x/en/_index.md
@@ -15,3 +15,39 @@ However, for version 2.0, most of Rancher is redesigned to work on Kubernetes. R
 - Multi-cluster management
 - Rancher Kubernetes Engine (RKE)
 - Integration with cloud Kubernetes services, such as GKE, EKS, and AKS.
+
+{{% accordion id="accid" label="label" %}}
+  ## Asopida paratur mulces mentis
+
+  Neque nati paucis, aut virgo iuppiter in solet iussaque refert ne osse, accepta
+  variari infracto? Relevare *altis*: cum forumque melior: cum viae questus
+  pabula? Dextera retro nisi nomen dominum vobis, Sminthea coniuge **avidus**:
+  utar. Iam Cephenum recentes nec in quid hoc, infamia *et illum quae* neque et
+  gutture venter. Et formosior inque in et sitimque ante eo Priamus stagna sum
+  horrida fama naidas templis tacitaque
+  [mensae](http://www.in-ore.org/dixitherba).
+
+  1. Pererrant proxima sonum
+  2. Sed et plenaque dextera luctus sisti Argolis
+  3. Enim praecipue tu neve
+  4. Timor miraris vitam inconcessaeque profers porrigis
+  5. Patietur post
+{{% /accordion %}}
+{{% accordion id="accid2" label="label2" %}}
+  ## Asopida paratur mulces mentis
+
+  Neque nati paucis, aut virgo iuppiter in solet iussaque refert ne osse, accepta
+  variari infracto? Relevare *altis*: cum forumque melior: cum viae questus
+  pabula? Dextera retro nisi nomen dominum vobis, Sminthea coniuge **avidus**:
+  utar. Iam Cephenum recentes nec in quid hoc, infamia *et illum quae* neque et
+  gutture venter. Et formosior inque in et sitimque ante eo Priamus stagna sum
+  horrida fama naidas templis tacitaque
+  [mensae](http://www.in-ore.org/dixitherba).
+
+  1. Pererrant proxima sonum
+  2. Sed et plenaque dextera luctus sisti Argolis
+  3. Enim praecipue tu neve
+  4. Timor miraris vitam inconcessaeque profers porrigis
+  5. Patietur post
+{{% /accordion %}}
+
diff --git a/layouts/shortcodes/accordion.html b/layouts/shortcodes/accordion.html
new file mode 100644
index 00000000000..600dbc68d4b
--- /dev/null
+++ b/layouts/shortcodes/accordion.html
@@ -0,0 +1,7 @@
+<div class="tab">
+  <input id="{{ .Get "id" }}" type="checkbox" name="tabs">
+  <label for="{{ .Get "id" }}">{{ .Get "label" }}</label>
+  <div class="tab-content">
+    {{ .Inner }}
+  </div>
+</div>
diff --git a/src/sass/app.scss b/src/sass/app.scss
index a75f2eff1a6..f55845b9e5e 100644
--- a/src/sass/app.scss
+++ b/src/sass/app.scss
@@ -62,3 +62,66 @@
   display: none;
   visibility: hidden;
 }
+
+
+//accordion
+.tab {
+  position: relative;
+  margin-bottom: 1px;
+  width: 100%;
+  overflow: hidden;
+  border: solid $border thin;
+
+  input {
+    position: absolute;
+    opacity: 0;
+    z-index: -1;
+  }
+  label {
+    position: relative;
+    display: block;
+    padding: $spacer-xs;
+    background: lighten($bg-default,4%);
+    border: solid 1px $border;
+    font-size: 2rem;
+    cursor: pointer;
+  }
+
+  .tab-content {
+    display: none;
+    overflow: hidden;
+    background: #fff;
+    -webkit-transition: max-height .35s;
+    -o-transition: max-height .35s;
+    transition: max-height .35s;
+    padding: $spacer-sm;
+  }
+
+  /* :checked */
+  input:checked~.tab-content {
+    display: block;
+  }
+  /* Icon */
+  label::after {
+    position: absolute;
+    right: $spacer-xs;
+    top: $spacer-xs;
+    display: block;
+    text-align: center;
+    -webkit-transition: all .35s;
+    -o-transition: all .35s;
+    transition: all .35s;
+  }
+  input[type=checkbox]+label::after {
+    content: "+";
+  }
+  input[type=radio]+label::after {
+    content: "\25BC";
+  }
+  input[type=checkbox]:checked+label::after {
+    transform: rotate(90deg);
+  }
+  input[type=radio]:checked+label::after {
+    transform: rotateX(180deg);
+  }
+}

From 4541d1052e92dfea5c60ad8193e9448430ee115b Mon Sep 17 00:00:00 2001
From: lvuch <laurenvuchetich@gmail.com>
Date: Wed, 11 Jul 2018 15:42:34 -0700
Subject: [PATCH 2/3] accordion

---
 content/rancher/v2.x/en/_index.md |  8 ++++----
 layouts/_default/list.html        |  6 +++++-
 layouts/partials/page-nav.html    | 20 ++++++++++++++++++++
 3 files changed, 29 insertions(+), 5 deletions(-)
 create mode 100644 layouts/partials/page-nav.html

diff --git a/content/rancher/v2.x/en/_index.md b/content/rancher/v2.x/en/_index.md
index f9247b467c7..4cd79299258 100644
--- a/content/rancher/v2.x/en/_index.md
+++ b/content/rancher/v2.x/en/_index.md
@@ -16,8 +16,8 @@ However, for version 2.0, most of Rancher is redesigned to work on Kubernetes. R
 - Rancher Kubernetes Engine (RKE)
 - Integration with cloud Kubernetes services, such as GKE, EKS, and AKS.
 
-{{% accordion id="accid" label="label" %}}
-  ## Asopida paratur mulces mentis
+<!-- {{% accordion id="accid" label="label" %}}
+## Asopida paratur mulces mentis
 
   Neque nati paucis, aut virgo iuppiter in solet iussaque refert ne osse, accepta
   variari infracto? Relevare *altis*: cum forumque melior: cum viae questus
@@ -34,7 +34,7 @@ However, for version 2.0, most of Rancher is redesigned to work on Kubernetes. R
   5. Patietur post
 {{% /accordion %}}
 {{% accordion id="accid2" label="label2" %}}
-  ## Asopida paratur mulces mentis
+## Asopida paratur mulces mentis
 
   Neque nati paucis, aut virgo iuppiter in solet iussaque refert ne osse, accepta
   variari infracto? Relevare *altis*: cum forumque melior: cum viae questus
@@ -50,4 +50,4 @@ However, for version 2.0, most of Rancher is redesigned to work on Kubernetes. R
   4. Timor miraris vitam inconcessaeque profers porrigis
   5. Patietur post
 {{% /accordion %}}
-
+ -->
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 8dee86ffb57..817bfdccd56 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -6,8 +6,8 @@
 {{ end }}
 
 {{ define "main" }}
-
   <div class="wrapper">
+
     <div class="row m-t-sm">
 
       <aside class="col-sm-3 col-xs-12 p-l-0">
@@ -22,6 +22,10 @@
       {{end}}
 
       <div class="main-content">
+        <!-- this is a test -->
+        <!-- {{ partial "page-nav.html" . }} -->
+        <!-- end test -->
+
         {{ .Content }}
 
         {{ range (.Paginator 5).Pages }}
diff --git a/layouts/partials/page-nav.html b/layouts/partials/page-nav.html
new file mode 100644
index 00000000000..566e9c70ba3
--- /dev/null
+++ b/layouts/partials/page-nav.html
@@ -0,0 +1,20 @@
+<div class="page-nav">
+  <ul>
+    {{ template "page-nav" . }}
+  </ul>
+</div>
+{{ define "page-nav" }}
+  {{ range .Sections}}
+    <li class=""><a href="{{ .RelPermalink}}">{{ .Title }}</a>
+      {{if gt (len .Sections) 0}}
+        <!-- <i class="material-icons expand-toggle">add_box</i> -->
+        <ul class="hide">
+          {{ range .Pages }}
+            <li class=""><a href="{{ .RelPermalink}}">{{ .Title }}</a></li>
+          {{ end }}
+          {{ template "page-nav" . }}
+        </ul>
+      {{end}}
+    </li>
+  {{ end }}
+{{ end }}

From b232e2127e18818403aca57d3b3fd0d84dc0b3b4 Mon Sep 17 00:00:00 2001
From: Vincent Fiduccia <vincent@rancher.com>
Date: Wed, 11 Jul 2018 15:50:15 -0700
Subject: [PATCH 3/3] Update _index.md

---
 content/rancher/v2.x/en/_index.md | 36 -------------------------------
 1 file changed, 36 deletions(-)

diff --git a/content/rancher/v2.x/en/_index.md b/content/rancher/v2.x/en/_index.md
index 4cd79299258..e35e6d789a9 100644
--- a/content/rancher/v2.x/en/_index.md
+++ b/content/rancher/v2.x/en/_index.md
@@ -15,39 +15,3 @@ However, for version 2.0, most of Rancher is redesigned to work on Kubernetes. R
 - Multi-cluster management
 - Rancher Kubernetes Engine (RKE)
 - Integration with cloud Kubernetes services, such as GKE, EKS, and AKS.
-
-<!-- {{% accordion id="accid" label="label" %}}
-## Asopida paratur mulces mentis
-
-  Neque nati paucis, aut virgo iuppiter in solet iussaque refert ne osse, accepta
-  variari infracto? Relevare *altis*: cum forumque melior: cum viae questus
-  pabula? Dextera retro nisi nomen dominum vobis, Sminthea coniuge **avidus**:
-  utar. Iam Cephenum recentes nec in quid hoc, infamia *et illum quae* neque et
-  gutture venter. Et formosior inque in et sitimque ante eo Priamus stagna sum
-  horrida fama naidas templis tacitaque
-  [mensae](http://www.in-ore.org/dixitherba).
-
-  1. Pererrant proxima sonum
-  2. Sed et plenaque dextera luctus sisti Argolis
-  3. Enim praecipue tu neve
-  4. Timor miraris vitam inconcessaeque profers porrigis
-  5. Patietur post
-{{% /accordion %}}
-{{% accordion id="accid2" label="label2" %}}
-## Asopida paratur mulces mentis
-
-  Neque nati paucis, aut virgo iuppiter in solet iussaque refert ne osse, accepta
-  variari infracto? Relevare *altis*: cum forumque melior: cum viae questus
-  pabula? Dextera retro nisi nomen dominum vobis, Sminthea coniuge **avidus**:
-  utar. Iam Cephenum recentes nec in quid hoc, infamia *et illum quae* neque et
-  gutture venter. Et formosior inque in et sitimque ante eo Priamus stagna sum
-  horrida fama naidas templis tacitaque
-  [mensae](http://www.in-ore.org/dixitherba).
-
-  1. Pererrant proxima sonum
-  2. Sed et plenaque dextera luctus sisti Argolis
-  3. Enim praecipue tu neve
-  4. Timor miraris vitam inconcessaeque profers porrigis
-  5. Patietur post
-{{% /accordion %}}
- -->