added simple links to the special pages to the menu

index.html

···
 
       <li><a href="#" data-action="login">Log in</a></li>
       <li><a href="#" data-action="logout">Log out</a></li>
+
+      <li class="link"><a href="?">Home</a></li>
+      <li class="link"><a href="?page=posting_stats">Posting stats</a></li>
+      <li class="link"><a href="?page=like_stats">Like stats</a></li>
+      <li class="link"><a href="?page=search">Timeline search</a></li>
+      <li class="link"><a href="?page=search&mode=likes">Archive search</a></li>
     </ul>
   </div>
 

menu.js

···
       this.menuElement.style.visibility = 'hidden';
     });
 
+    let homeLink = $(this.menuElement.querySelector('a[href="?"]'), HTMLLinkElement);
+    homeLink.href = location.origin + location.pathname;
+
     this.icon.addEventListener('click', (e) => {
       e.stopPropagation();
       this.toggleAccountMenu();

style.css

···
   padding: 6px 11px;
 }
 
-#account_menu li a {
+#account_menu li a[data-action] {
   display: inline-block;
   color: #333;
   font-size: 11pt;
···
   background-color: hsla(210, 100%, 4%, 0.12);
 }
 
-#account_menu li a:hover {
+#account_menu li a[data-action]:hover {
   background-color: hsla(210, 100%, 4%, 0.2);
   text-decoration: none;
+}
+
+#account_menu li:not(.link) + li.link {
+  margin-top: 16px;
+  padding-top: 10px;
+  border-top: 1px solid #ccc;
+}
+
+#account_menu li.link {
+  margin-top: 8px;
+  margin-left: 2px;
+}
+
+#account_menu li.link a {
+  font-size: 11pt;
+  color: #333;
 }
 
 #account_menu li .check {
···
     border-color: #ccc;
   }
 
-  #account_menu li a {
+  #account_menu li a[data-action] {
     color: #333;
     border-color: #bbb;
     background-color: hsla(210, 100%, 4%, 0.12);
   }
 
-  #account_menu li a:hover {
+  #account_menu li a[data-action]:hover {
     background-color: hsla(210, 100%, 4%, 0.2);
   }