1 files changed, 90 insertions, 0 deletions
diff --git a/docs/shell/shell.rhtml b/docs/shell/shell.rhtml
new file mode 100644
index 0000000..3cbf740
--- /dev/null
+++ b/docs/shell/shell.rhtml
@@ -0,0 +1,90 @@
+<ul class="nav justify-content-end">
+  <li class="nav-item">
+    <a class="btn btn-primary"
+       data-bs-toggle="offcanvas"
+       href="#contents"
+       role="button"
+       aria-controls="offcanvasContents">Contenuti</a>
+  </li>
+</ul>
+
+<div class="offcanvas offcanvas-start"
+     tabindex="-1" id="contents"
+     aria-labelledby="contentsLabel">
+  <div class="offcanvas-header">
+    <h5 class="offcanvas-title" id="contentsLabel">Shell</h5>
+    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+  </div>
+  <div class="offcanvas-body">
+    <div>
+      Qui di seguito puoi trovare una lista di tutti i comandi trattati nella guida.
+    </div>
+    <div class="mt-3">
+
+      <!-- Sidebar -->
+      <ul class="list-unstyled ps-0">
+        <li class="mb-1">
+          <button class="btn btn-toggle align-items-center rounded collapsed"
+                  data-bs-toggle="collapse"
+                  data-bs-target="#commands-collapse"
+                  aria-expanded="true">Comandi
+          </button>
+          <div class="collapse show" id="commands-collapse">
+            <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
+              <li><a href="docs/shell/grep.html" class="link-dark rounded"><b>grep</b></a></li>
+              <li><a href="docs/shell/jq.html" class="link-dark rounded"><b>jq</b> - Command-line JSON processor</a></li>
+            <li><a href="#" class="link-dark rounded">Updates</a></li>
+            <li><a href="#" class="link-dark rounded">Reports</a></li>
+          </ul>
+        </div>
+      </li>
+      <li class="mb-1">
+        <button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#dashboard-collapse" aria-expanded="false">
+          Dashboard
+        </button>
+        <div class="collapse" id="dashboard-collapse">
+          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
+            <li><a href="#" class="link-dark rounded">Overview</a></li>
+            <li><a href="#" class="link-dark rounded">Weekly</a></li>
+            <li><a href="#" class="link-dark rounded">Monthly</a></li>
+            <li><a href="#" class="link-dark rounded">Annually</a></li>
+          </ul>
+        </div>
+      </li>
+      <li class="mb-1">
+        <button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#orders-collapse" aria-expanded="false">
+          Orders
+        </button>
+        <div class="collapse" id="orders-collapse">
+          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
+            <li><a href="#" class="link-dark rounded">New</a></li>
+            <li><a href="#" class="link-dark rounded">Processed</a></li>
+            <li><a href="#" class="link-dark rounded">Shipped</a></li>
+            <li><a href="#" class="link-dark rounded">Returned</a></li>
+          </ul>
+        </div>
+      </li>
+      <li class="border-top my-3"></li>
+      <li class="mb-1">
+        <button class="btn btn-toggle align-items-center rounded collapsed" data-bs-toggle="collapse" data-bs-target="#account-collapse" aria-expanded="false">
+          Account
+        </button>
+        <div class="collapse" id="account-collapse">
+          <ul class="btn-toggle-nav list-unstyled fw-normal pb-1 small">
+            <li><a href="#" class="link-dark rounded">New...</a></li>
+            <li><a href="#" class="link-dark rounded">Profile</a></li>
+            <li><a href="#" class="link-dark rounded">Settings</a></li>
+            <li><a href="#" class="link-dark rounded">Sign out</a></li>
+          </ul>
+        </div>
+      </li>
+    </ul>
+
+
+
+    </div>
+  </div>
+</div>
+
+
+<%= renderContent %>