From e94f9c9250d2ce7dfcfe9474802a2b44477e6980 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Wed, 11 Jun 2025 15:04:26 +0300
Subject: [PATCH] update nav links

---
 templates/partials/header.html | 35 +++++++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/templates/partials/header.html b/templates/partials/header.html
index 9036a7741..93c6a30d1 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -107,12 +107,20 @@
                       </a>
                     </li> 
                   </ul> #}
-                  <div class="mx-4">
-                    <a href="https://mycelium.threefold.io/" target="_blank" class="mx-2 text-lg py-3 leading-6 font-light text-pretty tracking-wide text-white focus:outline-none focus:text-gray-200 transition ease-in-out duration-150">
+                  <div class="mx-4 flex">
+                    <a href="https://mycelium.threefold.io/" target="_blank" class="flex justify-center items-center mx-4 text-lg py-3 leading-6 font-normal text-pretty tracking-wide text-gray-50 hover:text-gray-200 focus:outline-none focus:text-gray-200 transition ease-in-out duration-150">
                       Mycelium Network
+                    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#fff" class="ml-2 h-4 w-4 bi bi-box-arrow-up-right">
+                      <path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/>
+                      <path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/>
+                    </svg>
                   </a>
-                  <a href="https://aibox.threefold.io/" target="_blank" class="mx-2 text-lg py-3 leading-6 font-light text-pretty tracking-wide text-white focus:outline-none focus:text-gray-200 transition ease-in-out duration-150">
+                  <a href="https://aibox.threefold.io/" target="_blank" class="flex justify-center items-center mx-4 text-lg py-3 leading-6 font-normal text-pretty tracking-wide text-gray-50 hover:text-gray-200 focus:outline-none focus:text-gray-200 transition ease-in-out duration-150">
                     AIBox
+                    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#fff" class="ml-2 h-4 w-4 bi bi-box-arrow-up-right">
+                      <path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/>
+                      <path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/>
+                    </svg>
                 </a>
                 </div>
              
@@ -205,6 +213,27 @@
                           {% include "partials/socialLinks.html" %}
                       </div> #}
 
+
+
+
+                      <div>
+                        <a href="https://mycelium.threefold.io/" target="_blank" class="flex  text-lg px-8 py-3 leading-6 font-normal text-gray-50 hover:text-gray-200 focus:outline-none focus:text-gray-50 transition ease-in-out duration-150">
+                          Mycelium Network
+                        <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#fff" class="ml-2 h-4 w-4 bi bi-box-arrow-up-right">
+                          <path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/>
+                          <path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/>
+                        </svg>
+                      </a>
+                      <hr>
+                      <a href="https://aibox.threefold.io/" target="_blank" class="flex  text-lg px-8 py-3 leading-6 font-normal text-gray-50 hover:text-gray-200 focus:outline-none focus:text-gray-50 transition ease-in-out duration-150">
+                        AIBox
+                        <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#fff" class="ml-2 h-4 w-4 bi bi-box-arrow-up-right">
+                          <path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/>
+                          <path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/>
+                        </svg>
+                    </a>
+                    <hr>
+                    </div>
                       
 
                       <div class="rounded-full border-2 my-4 border-gray-400 py-2 mx-4">