added styling

theme/default/partial/navigation.ejs

@@ -0,0 +1,29 @@
+<header class="header">
+  <article class="inner warpper" <%= element.wrapper %>>
+    <a class="logo" href="<%= RELATIVE_PATH %>index.html">
+      <% if (logo.code) { %>
+        <%- logo.code %>
+      <%} else if(logo.href) { %>
+        <img alt="<%=site%> logo" src="<%= RELATIVE_PATH %><%=logo.href%>">
+      <%} else if (logo.base64) { %>
+        <img alt="<%=site%> logo" src="<%=logo.base64%>">
+      <% } %>
+      <span class="title"><%-site%></span>
+    </a>
+    <div class="content">
+      <ul class="menu">
+        <% menus.forEach(function(item) { %>
+        <li>
+          <a href="<%= item.url %>" target="<%- item.target || '' %>" class="<%- item.active ? 'active' : '' %>"> <%= item.name %> </a>
+        </li>
+        <% }); %>
+      </ul>
+      <% if (!!openSource && openSource) { %>
+        <a href="<%=openSource.url || openSource%>" target="_blank" rel="noopener noreferrer" title="Github" name="Github" class="github">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M439.6 236.1L244 40.5a28.9 28.9 0 0 0 -40.8 0l-40.7 40.6 51.5 51.5c27.1-9.1 52.7 16.8 43.4 43.7l49.7 49.7c34.2-11.8 61.2 31 35.5 56.7-26.5 26.5-70.2-2.9-56-37.3L240.2 199v121.9c25.3 12.5 22.3 41.9 9.1 55a34.3 34.3 0 0 1 -48.6 0c-17.6-17.6-11.1-46.9 11.3-56v-123c-20.8-8.5-24.6-30.7-18.6-45L142.6 101 8.5 235.1a28.9 28.9 0 0 0 0 40.8l195.6 195.6a28.9 28.9 0 0 0 40.8 0l194.7-194.7a28.9 28.9 0 0 0 0-40.8z"/></svg>
+        </a>
+      <% } %>
+      <dark-mode permanent></dark-mode>
+    </div>
+  </article>
+</header>