anotha one

docs/_layouts/default.html

@@ -7,6 +7,8 @@
 
     {% seo %}
     <link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
+    <!-- <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style.css"> -->
+
     {% include head-custom.html %}
 
     <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
@@ -17,6 +19,9 @@
     {% if site.title and site.title != page.title %}
     <h1><a href="{{ "/" | absolute_url }}">{{ site.title }}</a></h1>
     {% endif %}
+    <div class="sidebar">
+        {% include toc.html %}
+    </div>
 
     {{ content }}
 

docs/_layouts/toc.html

@@ -0,0 +1,28 @@
+<!-- _includes/toc.html -->
+<nav class="toc">
+	<h2>Table of Contents</h2>
+	<ul>
+	  <li><a href="{{ site.baseurl }}/">Home</a></li>
+	  <li><a href="{{ site.baseurl }}/program-overview">Program Overview</a></li>
+	  <li><a href="{{ site.baseurl }}/terminology">Terminology</a></li>
+	  <li><a href="{{ site.baseurl }}/parameters">Parameters</a></li>
+	  <li><a href="{{ site.baseurl }}/ui">StakeNet UI</a> (work in progress)</li>
+	  <li>
+		<strong>Developers</strong>
+		<ul>
+		  <li><a href="{{ site.baseurl }}/developers/cli">Command-line interface</a></li>
+		  <li><a href="{{ site.baseurl }}/developers/api">Events API</a></li>
+		  <li><a href="{{ site.baseurl }}/developers/keeper-bot-quick-start">Running a Keeper</a></li>
+		</ul>
+	  </li>
+	  <li>
+		<strong>Advanced Concepts</strong>
+		<ul>
+		  <li><a href="{{ site.baseurl }}/advanced/spl-stake-pool-internals">SPL Stake Pool Internals</a></li>
+		  <li><a href="{{ site.baseurl }}/advanced/managing-validator-states">Validator States</a></li>
+		</ul>
+	  </li>
+	  <li><a href="{{ site.baseurl }}/governance">Governance</a></li>
+	  <li><a href="{{ site.baseurl }}/faq">Validator FAQ</a> (work in progress)</li>
+	</ul>
+  </nav>

docs/assets/css/style.css

@@ -0,0 +1,40 @@
+body {
+  display: flex;
+  margin: 0;
+  padding: 0;
+  font-family: Arial, sans-serif;
+}
+
+.container {
+  display: flex;
+  width: 100%;
+}
+
+.sidebar {
+  width: 250px;
+  padding: 20px;
+  background-color: #f0f0f0;
+  height: 100vh;
+  overflow-y: auto;
+  position: fixed;
+}
+
+.content {
+  flex-grow: 1;
+  padding: 20px;
+  margin-left: 250px;
+}
+
+.toc ul {
+  list-style-type: none;
+  padding-left: 20px;
+}
+
+.toc a {
+  text-decoration: none;
+  color: #333;
+}
+
+.toc a:hover {
+  text-decoration: underline;
+}

docs/index.md

@@ -23,6 +23,6 @@ The core operations of the Steward Program are permissionless such that any cran
    - [Running a Keeper](developers/keeper-bot-quick-start.md)
 6. Advanced Concepts
    - [SPL Stake Pool Internals](advanced/spl-stake-pool-internals.md)
-   - [Validator States](advanced/validator-states.md)
+   - [Validator States](advanced/managing-validator-states.md)
 7. [Governance](./governance.md)
 8. [Validator FAQ](./faq.md) (work in progress)