From 3cfcd3b414ead9ad1a59db67558f001ed5120b8c Mon Sep 17 00:00:00 2001
From: YanNaingWinn <yann@oinsm.ch>
Date: Mon, 16 Mar 2026 18:59:29 +0700
Subject: [PATCH 1/2] Modified the documentation links and footer

---
 docs/source/_static/custom.css     |  6 ++++++
 docs/source/_templates/layout.html | 27 ++++++++++++++++++---------
 docs/source/cryptnox-cli.rst       |  2 +-
 docs/source/cryptnox-sdk.rst       |  2 +-
 docs/source/hardware-wallet.rst    |  2 +-
 docs/source/index.rst              |  6 +++---
 6 files changed, 30 insertions(+), 15 deletions(-)

diff --git a/docs/source/_static/custom.css b/docs/source/_static/custom.css
index efd4051..68346f7 100644
--- a/docs/source/_static/custom.css
+++ b/docs/source/_static/custom.css
@@ -273,6 +273,12 @@ a.headerlink { display: none; }
     color: #007bff !important;
 }
 
+/* ── Hide default Sphinx copyright footer ─────────────────────────────── */
+.rst-content footer:not(.cnx-footer),
+div[role="contentinfo"] {
+    display: none;
+}
+
 /* ── Custom footer ────────────────────────────────────────────────────── */
 .cnx-footer {
     border-top: 1px solid #e1e4e5;
diff --git a/docs/source/_templates/layout.html b/docs/source/_templates/layout.html
index 8760d6c..8968026 100644
--- a/docs/source/_templates/layout.html
+++ b/docs/source/_templates/layout.html
@@ -80,16 +80,25 @@
 {{ super() }}
 <script>
 document.addEventListener('DOMContentLoaded', function() {
+  // Inject Home link into sidebar
   var menu = document.querySelector('.wy-menu-vertical > ul');
-  if (!menu) return;
-  var li = document.createElement('li');
-  li.className = 'toctree-l1{% if pagename == "index" %} current{% endif %}';
-  var a = document.createElement('a');
-  a.className = 'reference internal';
-  a.href = '{{ pathto("index") }}';
-  a.textContent = 'Home';
-  li.appendChild(a);
-  menu.insertBefore(li, menu.firstChild);
+  if (menu) {
+    var li = document.createElement('li');
+    li.className = 'toctree-l1{% if pagename == "index" %} current{% endif %}';
+    var a = document.createElement('a');
+    a.className = 'reference internal';
+    a.href = '{{ pathto("index") }}';
+    a.textContent = 'Home';
+    li.appendChild(a);
+    menu.insertBefore(li, menu.firstChild);
+  }
+
+  // Move footer into the visible content area
+  var footer = document.querySelector('.cnx-footer');
+  var content = document.querySelector('.wy-nav-content');
+  if (footer && content) {
+    content.appendChild(footer);
+  }
 });
 </script>
 {% endblock %}
diff --git a/docs/source/cryptnox-cli.rst b/docs/source/cryptnox-cli.rst
index bf10d51..e6edd2e 100644
--- a/docs/source/cryptnox-cli.rst
+++ b/docs/source/cryptnox-cli.rst
@@ -5,4 +5,4 @@ Cryptnox CLI
 It handles card initialization, secure channel establishment, PIN management, seed generation,
 key derivation, and transaction signing through a straightforward command interface.
 
-`View CLI User Guide <./cryptnox-cli/index.html>`_
+`View CLI User Guide <https://cryptnox.github.io/cryptnox-cli/>`_
diff --git a/docs/source/cryptnox-sdk.rst b/docs/source/cryptnox-sdk.rst
index b214ef9..cc3526b 100644
--- a/docs/source/cryptnox-sdk.rst
+++ b/docs/source/cryptnox-sdk.rst
@@ -6,4 +6,4 @@ functionality into their own applications. It provides programmatic access to se
 establishment, APDU communication, key derivation, and signing operations, allowing custom
 wallet software and automation workflows to leverage the card's hardware security.
 
-`View SDK Documentation <./cryptnox-sdk-py/index.html>`_
+`View SDK Documentation <https://cryptnox.github.io/cryptnox-sdk-py/>`_
diff --git a/docs/source/hardware-wallet.rst b/docs/source/hardware-wallet.rst
index 6968c29..65a95d3 100644
--- a/docs/source/hardware-wallet.rst
+++ b/docs/source/hardware-wallet.rst
@@ -5,4 +5,4 @@ Cryptnox Hardware Wallet
 certified secure element. It provides hardware-secured private key storage and transaction signing
 for cryptocurrency applications over NFC and contact (T=1) interfaces.
 
-`View Technical Reference <./hardware-wallet/index.html>`_
+`View Technical Reference <https://cryptnox.github.io/cryptnox-hardware-wallet/>`_
diff --git a/docs/source/index.rst b/docs/source/index.rst
index 28a1bc6..a598a4e 100644
--- a/docs/source/index.rst
+++ b/docs/source/index.rst
@@ -19,7 +19,7 @@ Cryptnox Hardware Wallet
 certified secure element. It provides hardware-secured private key storage and transaction signing
 for cryptocurrency applications over NFC and contact (T=1) interfaces.
 
-* **Hardware Wallet Technical Reference** [`HTML <./hardware-wallet/index.html>`__]
+* **Hardware Wallet Technical Reference** [`View Docs <https://cryptnox.github.io/cryptnox-hardware-wallet/>`__]
 
 
 -------------------------
@@ -32,7 +32,7 @@ Cryptnox CLI
 It handles card initialization, secure channel establishment, PIN management, seed generation,
 key derivation, and transaction signing through a straightforward command interface.
 
-* **Cryptnox CLI User Guide** [`HTML <./cryptnox-cli/index.html>`__]
+* **Cryptnox CLI User Guide** [`View Docs <https://cryptnox.github.io/cryptnox-cli/>`__]
 
 
 -------------------------
@@ -46,7 +46,7 @@ functionality into their own applications. It provides programmatic access to se
 establishment, APDU communication, key derivation, and signing operations, allowing custom
 wallet software and automation workflows to leverage the card's hardware security.
 
-* **Cryptnox SDK for Python** [`HTML <./cryptnox-sdk-py/index.html>`__]
+* **Cryptnox SDK for Python** [`View Docs <https://cryptnox.github.io/cryptnox-sdk-py/>`__]
 
 
 -------------------------

From cbbf2378984727d89262923172a9d3ca167a5516 Mon Sep 17 00:00:00 2001
From: YanNaingWinn <yann@oinsm.ch>
Date: Mon, 16 Mar 2026 20:33:18 +0700
Subject: [PATCH 2/2] Redesigned landing page cards and fixed navigation/footer

---
 docs/source/_static/custom.css     | 95 ++++++++++++------------------
 docs/source/_templates/layout.html | 17 +-----
 docs/source/conf.py                |  2 +-
 docs/source/index.rst              | 36 +++++++++--
 docs/source/legal-notice.rst       |  5 --
 5 files changed, 73 insertions(+), 82 deletions(-)
 delete mode 100644 docs/source/legal-notice.rst

diff --git a/docs/source/_static/custom.css b/docs/source/_static/custom.css
index 68346f7..aa5d68a 100644
--- a/docs/source/_static/custom.css
+++ b/docs/source/_static/custom.css
@@ -106,67 +106,38 @@ a.headerlink { display: none; }
     margin-bottom: 2rem;
 }
 
-/* ── Cards grid ───────────────────────────────────────────────────────── */
+/* ── Cards container ──────────────────────────────────────────────────── */
 #cryptnox-product-documentation {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0;
 }
 
 #cryptnox-product-documentation > h1,
 #cryptnox-product-documentation > .toctree-wrapper {
-    grid-column: 1 / -1;
+    width: 100%;
 }
 
 #cryptnox-product-documentation > hr {
     display: none;
 }
 
-/* ── Product cards ────────────────────────────────────────────────────── */
+/* ── Product cards (full-width vertical rows) ─────────────────────────── */
 #cryptnox-hardware-wallet,
 #cryptnox-cli,
 #cryptnox-sdk-for-python {
     background: #fff;
-    border: 1px solid #e1e4e5;
-    border-radius: 8px;
-    padding: 1.75rem;
+    border-bottom: 1px solid #e1e4e5;
+    padding: 1.5rem 0;
     display: flex;
     flex-direction: column;
-    gap: 0.75rem;
+    gap: 0.5rem;
     position: relative;
-    overflow: hidden;
-    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
-    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
-}
-
-#cryptnox-hardware-wallet::before,
-#cryptnox-cli::before,
-#cryptnox-sdk-for-python::before {
-    content: '';
-    position: absolute;
-    top: 0; left: 0; right: 0;
-    height: 3px;
-    background: linear-gradient(90deg, #007bff, #fcb770);
-    opacity: 0;
-    transition: opacity 0.2s;
 }
 
-#cryptnox-hardware-wallet:hover,
-#cryptnox-cli:hover,
-#cryptnox-sdk-for-python:hover {
-    border-color: #007bff;
-    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.12);
-    transform: translateY(-2px);
-}
-
-#cryptnox-hardware-wallet:hover::before,
-#cryptnox-cli:hover::before,
-#cryptnox-sdk-for-python:hover::before {
-    opacity: 1;
-}
-
-/* ── Card icon ────────────────────────────────────────────────────────── */
+/* ── Card icon — rendered after h2 in RST, reordered first via flex ────── */
 .card-icon {
+    order: -1;
     width: 44px;
     height: 44px;
     background: rgba(0, 123, 255, 0.08);
@@ -189,12 +160,12 @@ a.headerlink { display: none; }
 #cryptnox-hardware-wallet h2,
 #cryptnox-cli h2,
 #cryptnox-sdk-for-python h2 {
-    font-size: 1.1rem;
+    font-size: 1.05rem;
     font-weight: 700;
     color: #2c3e50;
     border-bottom: none;
     padding-bottom: 0;
-    margin-bottom: 0.25rem;
+    margin-bottom: 0;
 }
 
 /* ── Card description ─────────────────────────────────────────────────── */
@@ -203,8 +174,9 @@ a.headerlink { display: none; }
 #cryptnox-sdk-for-python p {
     color: #6b7a8a;
     font-size: 0.9rem;
-    line-height: 1.65;
+    line-height: 1.6;
     margin-bottom: 0;
+    max-width: 680px;
 }
 
 /* ── Card link list ───────────────────────────────────────────────────── */
@@ -213,8 +185,8 @@ a.headerlink { display: none; }
 #cryptnox-sdk-for-python ul {
     list-style: none;
     padding-left: 0;
-    margin-top: auto;
-    padding-top: 0.5rem;
+    margin-top: 0.25rem;
+    margin-bottom: 0;
 }
 
 #cryptnox-hardware-wallet ul li,
@@ -251,8 +223,8 @@ a.headerlink { display: none; }
     list-style: none;
     padding: 0;
     display: flex;
-    flex-wrap: wrap;
-    gap: 1.5rem;
+    flex-direction: column;
+    gap: 0.5rem;
 }
 
 #other-resources ul li {
@@ -264,13 +236,14 @@ a.headerlink { display: none; }
 }
 
 #other-resources a {
-    color: #6b7a8a !important;
+    color: #007bff !important;
     font-size: 0.875rem;
     font-weight: 400;
 }
 
 #other-resources a:hover {
-    color: #007bff !important;
+    color: #0056b3 !important;
+    text-decoration: underline;
 }
 
 /* ── Hide default Sphinx copyright footer ─────────────────────────────── */
@@ -279,8 +252,24 @@ div[role="contentinfo"] {
     display: none;
 }
 
-/* ── Custom footer ────────────────────────────────────────────────────── */
+/* ── 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;
@@ -333,12 +322,6 @@ div[role="contentinfo"] {
 }
 
 /* ── Responsive ───────────────────────────────────────────────────────── */
-@media (max-width: 860px) {
-    #cryptnox-product-documentation {
-        grid-template-columns: 1fr;
-    }
-}
-
 @media (max-width: 480px) {
     .footer-inner {
         flex-direction: column;
diff --git a/docs/source/_templates/layout.html b/docs/source/_templates/layout.html
index 8968026..2b9d2f8 100644
--- a/docs/source/_templates/layout.html
+++ b/docs/source/_templates/layout.html
@@ -75,29 +75,16 @@
 
 {% endblock %}
 
-{# ── Inject Home link as first sidebar nav item ────────────────────── #}
+{# ── Move footer into visible content area ──────────────────────────── #}
 {% block scripts %}
 {{ super() }}
 <script>
 document.addEventListener('DOMContentLoaded', function() {
-  // Inject Home link into sidebar
-  var menu = document.querySelector('.wy-menu-vertical > ul');
-  if (menu) {
-    var li = document.createElement('li');
-    li.className = 'toctree-l1{% if pagename == "index" %} current{% endif %}';
-    var a = document.createElement('a');
-    a.className = 'reference internal';
-    a.href = '{{ pathto("index") }}';
-    a.textContent = 'Home';
-    li.appendChild(a);
-    menu.insertBefore(li, menu.firstChild);
-  }
-
-  // Move footer into the visible content area
   var footer = document.querySelector('.cnx-footer');
   var content = document.querySelector('.wy-nav-content');
   if (footer && content) {
     content.appendChild(footer);
+    footer.style.display = 'block';
   }
 });
 </script>
diff --git a/docs/source/conf.py b/docs/source/conf.py
index a840ac5..5f7f0af 100644
--- a/docs/source/conf.py
+++ b/docs/source/conf.py
@@ -2,7 +2,7 @@
 
 # -- Project information -----------------------------------------------------
 
-project = 'Cryptnox Docs'
+project = 'Cryptnox Product Documentation'
 copyright = '2026, Cryptnox'
 author = 'Cryptnox'
 release = '1.0'
diff --git a/docs/source/index.rst b/docs/source/index.rst
index a598a4e..d7c2082 100644
--- a/docs/source/index.rst
+++ b/docs/source/index.rst
@@ -9,17 +9,25 @@ Cryptnox Product Documentation
    hardware-wallet
    cryptnox-cli
    cryptnox-sdk
-   legal-notice
 
 
 Cryptnox Hardware Wallet
 =========================
 
+.. raw:: html
+
+   <div class="card-icon">
+     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+       <rect x="1" y="4" width="22" height="16" rx="2" ry="2"/>
+       <line x1="1" y1="10" x2="23" y2="10"/>
+     </svg>
+   </div>
+
 *Cryptnox Hardware Wallet* is a JavaCard Open Platform 3 smartcard with an EAL6+ Common Criteria
 certified secure element. It provides hardware-secured private key storage and transaction signing
 for cryptocurrency applications over NFC and contact (T=1) interfaces.
 
-* **Hardware Wallet Technical Reference** [`View Docs <https://cryptnox.github.io/cryptnox-hardware-wallet/>`__]
+* **Hardware Wallet Technical Reference** [`HTML <https://cryptnox.github.io/cryptnox-hardware-wallet/>`__]
 
 
 -------------------------
@@ -28,11 +36,20 @@ for cryptocurrency applications over NFC and contact (T=1) interfaces.
 Cryptnox CLI
 =============
 
+.. raw:: html
+
+   <div class="card-icon">
+     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+       <polyline points="4 17 10 11 4 5"/>
+       <line x1="12" y1="19" x2="20" y2="19"/>
+     </svg>
+   </div>
+
 *Cryptnox CLI* is a command-line tool for interacting with Cryptnox smartcards from the terminal.
 It handles card initialization, secure channel establishment, PIN management, seed generation,
 key derivation, and transaction signing through a straightforward command interface.
 
-* **Cryptnox CLI User Guide** [`View Docs <https://cryptnox.github.io/cryptnox-cli/>`__]
+* **Cryptnox CLI User Guide** [`HTML <https://cryptnox.github.io/cryptnox-cli/>`__]
 
 
 -------------------------
@@ -41,12 +58,21 @@ key derivation, and transaction signing through a straightforward command interf
 Cryptnox SDK for Python
 =========================
 
+.. raw:: html
+
+   <div class="card-icon">
+     <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+       <polyline points="16 18 22 12 16 6"/>
+       <polyline points="8 6 2 12 8 18"/>
+     </svg>
+   </div>
+
 *Cryptnox SDK for Python* is a library that enables developers to integrate Cryptnox smartcard
 functionality into their own applications. It provides programmatic access to secure channel
 establishment, APDU communication, key derivation, and signing operations, allowing custom
 wallet software and automation workflows to leverage the card's hardware security.
 
-* **Cryptnox SDK for Python** [`View Docs <https://cryptnox.github.io/cryptnox-sdk-py/>`__]
+* **Cryptnox SDK for Python** [`HTML <https://cryptnox.github.io/cryptnox-sdk-py/>`__]
 
 
 -------------------------
@@ -56,4 +82,4 @@ Other resources
 ===============
 
 * `Cryptnox Website <https://www.cryptnox.com>`_
-* `Cryptnox on GitHub <https://github.com/nicokempe>`_
+* `Cryptnox on GitHub <https://github.com/cryptnox>`_
diff --git a/docs/source/legal-notice.rst b/docs/source/legal-notice.rst
deleted file mode 100644
index 50b3739..0000000
--- a/docs/source/legal-notice.rst
+++ /dev/null
@@ -1,5 +0,0 @@
-Legal Notice
-============
-
-For Cryptnox legal notices, trademarks, disclaimers, and contact information,
-please visit `cryptnox.com/legal-notices <https://cryptnox.com/legal-notices/>`_.