fix https://github.com/b3log/solo/issues/12673

Pinghsu/header.ftl

@@ -24,7 +24,7 @@
         ${blogTitle}
         </a>
 
-        <nav class="header__nav">
+        <nav class="header__nav mobile__none">
             <a href="${servePath}/tags.html" rel="section">
                 Tags
             </a>
@@ -34,9 +34,71 @@
             <a rel="archive" href="${servePath}/links.html">
                 Links
             </a>
-            <a rel="archive" href="${servePath}/search">
-                <i class="icon__search"></i>
+            <a href="${servePath}/search" class="search">
+                <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">
+                    <path fill="#444" d="M19.385 11.846c0-4.156-3.382-7.538-7.538-7.538s-7.538 3.382-7.538 7.538 3.382 7.538 7.538 7.538 7.538-3.382 7.538-7.538zM28 25.846c0 1.178-0.976 2.154-2.154 2.154-0.572 0-1.127-0.236-1.514-0.639l-5.772-5.755c-1.969 1.363-4.325 2.087-6.714 2.087-6.546 0-11.846-5.3-11.846-11.846s5.3-11.846 11.846-11.846 11.846 5.3 11.846 11.846c0 2.389-0.724 4.745-2.087 6.714l5.772 5.772c0.387 0.387 0.623 0.942 0.623 1.514z"></path>
+                </svg>
             </a>
         </nav>
+
+        <div class="header__bar fn__none" onclick="$(this).next().slideToggle()">
+            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+                <path fill="#444" d="M0 3h20v2h-20v-2zM0 9h20v2h-20v-2zM0 15h20v2h-20v-2z"></path>
+            </svg>
+        </div>
+        <main class="header__menu fn__none">
+            <ul>
+            <#if isLoggedIn>
+                <li>
+                    <a href="${servePath}/admin-index.do#main" title="${adminLabel}">
+                        <i class="icon__setting"></i> ${adminLabel}
+                    </a>
+                </li>
+                <li>
+                    <a href="${logoutURL}">
+                        <i class="icon__logout"></i> ${logoutLabel}
+                    </a>
+                </li>
+            <#else>
+                <li>
+                    <a href="${servePath}/start">
+                        <i class="icon__login"></i> ${startToUseLabel}
+                    </a>
+                </li>
+            </#if>
+            <#list pageNavigations as page>
+                <li>
+                    <a href="${page.pagePermalink}" target="${page.pageOpenTarget}" rel="section">
+                        ${page.pageTitle}
+                    </a>
+                </li>
+            </#list>
+                <li>
+                    <a href="${servePath}/tags.html" rel="section">
+                        Tags
+                    </a>
+                </li>
+                <li>
+                    <a href="${servePath}/archives.html">
+                        Archives
+                    </a>
+                </li>
+                <li>
+                    <a rel="archive" href="${servePath}/links.html">
+                        Links
+                    </a>
+                </li>
+                <li>
+                    <a href="${servePath}/search">
+                        Search
+                    </a>
+                </li>
+                <li>
+                    <a rel="alternate" href="${servePath}/rss.xml" rel="section">
+                        RSS
+                    </a>
+                </li>
+            </ul>
+        </main>
     </div>
 </header>