From 35424021d8494009fbf69728e0a1c803daab14e5 Mon Sep 17 00:00:00 2001
From: YanNaingWinn <yann@oinsm.ch>
Date: Mon, 16 Mar 2026 22:52:57 +0700
Subject: [PATCH] Updated docs navigation and footer

---
 docs/source/_static/custom.css     | 112 +++++------------------------
 docs/source/_templates/footer.html |   8 +++
 docs/source/_templates/layout.html |  37 ----------
 3 files changed, 25 insertions(+), 132 deletions(-)
 create mode 100644 docs/source/_templates/footer.html

diff --git a/docs/source/_static/custom.css b/docs/source/_static/custom.css
index aa5d68a..16f32d7 100644
--- a/docs/source/_static/custom.css
+++ b/docs/source/_static/custom.css
@@ -73,6 +73,11 @@ th {
     color: #fcb770;
 }
 
+/* ── Sidebar: toctree items indented as subtitles under caption ──────── */
+.wy-menu-vertical .toctree-l1 > a {
+    padding-left: 2.5rem;
+}
+
 /* ── Sidebar menu hover ───────────────────────────────────────────────── */
 .wy-menu-vertical a:hover {
     color: #ffffff !important;
@@ -91,9 +96,10 @@ a.headerlink { display: none; }
 /* ── Hide toctree block on landing page ───────────────────────────────── */
 .toctree-wrapper { display: none; }
 
-/* ── Content area width ───────────────────────────────────────────────── */
+/* ── Content area: wider left margin ─────────────────────────────────── */
 .wy-nav-content {
     max-width: 1100px;
+    padding-left: 8rem;
 }
 
 /* ── Page title (h1) ──────────────────────────────────────────────────── */
@@ -179,19 +185,24 @@ a.headerlink { display: none; }
     max-width: 680px;
 }
 
-/* ── Card link list ───────────────────────────────────────────────────── */
+/* ── Card link list — indented with bullet icons ─────────────────────── */
 #cryptnox-hardware-wallet ul,
 #cryptnox-cli ul,
-#cryptnox-sdk-for-python ul {
-    list-style: none;
-    padding-left: 0;
+#cryptnox-sdk-for-python ul,
+#other-resources ul {
+    list-style: disc !important;
+    padding-left: 1.5rem !important;
+    margin-left: 0 !important;
     margin-top: 0.25rem;
     margin-bottom: 0;
 }
 
 #cryptnox-hardware-wallet ul li,
 #cryptnox-cli ul li,
-#cryptnox-sdk-for-python ul li {
+#cryptnox-sdk-for-python ul li,
+#other-resources ul li {
+    list-style: disc !important;
+    margin-left: 0 !important;
     margin: 0;
 }
 
@@ -246,92 +257,3 @@ a.headerlink { display: none; }
     text-decoration: underline;
 }
 
-/* ── Hide default Sphinx copyright footer ─────────────────────────────── */
-.rst-content footer:not(.cnx-footer),
-div[role="contentinfo"] {
-    display: none;
-}
-
-/* ── Card "View Docs" link — Yubico style ─────────────────────────────── */
-#cryptnox-hardware-wallet ul li a,
-#cryptnox-cli ul li a,
-#cryptnox-sdk-for-python ul li a {
-    color: #007bff;
-    font-weight: 600;
-    font-size: 0.875rem;
-    text-decoration: none;
-    display: inline-flex;
-    align-items: center;
-    gap: 0.3rem;
-}
-
-
-/* ── Custom footer (hidden until JS moves it into content area) ────────── */
-.cnx-footer {
-    display: none;
-}
-    border-top: 1px solid #e1e4e5;
-    padding: 1.25rem 2rem;
-    background: #fcfcfc;
-}
-
-.footer-inner {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 1rem;
-}
-
-.footer-right {
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-}
-
-.footer-copyright {
-    font-size: 0.8rem;
-    color: #9ba8b4;
-}
-
-.footer-links {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    font-size: 0.8rem;
-}
-
-.footer-links a {
-    color: #9ba8b4;
-    text-decoration: none;
-}
-
-.footer-links a:hover {
-    color: #007bff;
-    text-decoration: underline;
-}
-
-.footer-sep {
-    color: #d0d7de;
-}
-
-.footer-flag img {
-    width: 24px;
-    height: 24px;
-    display: block;
-    flex-shrink: 0;
-}
-
-/* ── Responsive ───────────────────────────────────────────────────────── */
-@media (max-width: 480px) {
-    .footer-inner {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 0.5rem;
-    }
-
-    .footer-right {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 0.5rem;
-    }
-}
diff --git a/docs/source/_templates/footer.html b/docs/source/_templates/footer.html
new file mode 100644
index 0000000..159ef7d
--- /dev/null
+++ b/docs/source/_templates/footer.html
@@ -0,0 +1,8 @@
+{%- if show_copyright %}
+<p style="margin-top: 2rem;">&#169; Copyright {{ copyright }}.</p>
+{%- endif %}
+<p>
+  <a href="https://cryptnox.com/legal-notices/">Privacy Policy</a>
+  &nbsp;|&nbsp;
+  <a href="#">Cookie Policy</a>
+</p>
diff --git a/docs/source/_templates/layout.html b/docs/source/_templates/layout.html
index 2b9d2f8..fe0fea8 100644
--- a/docs/source/_templates/layout.html
+++ b/docs/source/_templates/layout.html
@@ -75,40 +75,3 @@
 
 {% endblock %}
 
-{# ── Move footer into visible content area ──────────────────────────── #}
-{% block scripts %}
-{{ super() }}
-<script>
-document.addEventListener('DOMContentLoaded', function() {
-  var footer = document.querySelector('.cnx-footer');
-  var content = document.querySelector('.wy-nav-content');
-  if (footer && content) {
-    content.appendChild(footer);
-    footer.style.display = 'block';
-  }
-});
-</script>
-{% endblock %}
-
-{# ── Custom footer ─────────────────────────────────────────────────── #}
-{% block footer %}
-<footer class="cnx-footer">
-  <div class="footer-inner">
-    <div class="footer-copyright">
-      <span>&copy; Copyright 2026, Cryptnox.</span>
-    </div>
-    <div class="footer-right">
-      <div class="footer-links">
-        <a href="https://cryptnox.com/legal-notices/">Legal Notice</a>
-        <span class="footer-sep">|</span>
-        <a href="#">Privacy Policy</a>
-        <span class="footer-sep">|</span>
-        <a href="#">Cookie Policy</a>
-      </div>
-      <div class="footer-flag">
-        <img src="https://docs.cryptnox.com/wp-content/uploads/2025/11/switzerland-flag.png" alt="Switzerland flag">
-      </div>
-    </div>
-  </div>
-</footer>
-{% endblock %}