interface fix

Author: danvoronov

www/compile.js

@@ -254,7 +254,7 @@ function createPostPage(post, language) {
 
 function createFilterInput(language) {
   const lang = language === 'uk' ? 'uk' : 'en';
-  const placeholder = lang === 'uk' ? 'фільтр:' : 'filter:';
+  const placeholder = lang === 'uk' ? 'Фільтр:' : 'Filter:';
 
   return `
     <div class="filter-wrapper">
@@ -756,6 +756,16 @@ function generateMenu(activeMenu, posts = [], currentMonth = '') {
           body.classList.toggle('menu-open');
         });
       });
+
+      document.addEventListener('keydown', function(e) {
+        if (e.key === 'Escape') {
+          const filterInput = document.getElementById('postsFilter');
+          if (filterInput) {
+            filterInput.value = '';
+            filterInput.dispatchEvent(new Event('input'));
+          }
+        }
+      });
     </script>`;
 }
 

www/src/md2html.js

@@ -54,7 +54,7 @@ marked.use({
 
 function mdToHtml(content) {
   // Заменяем теги на красивые спаны перед обработкой markdown
-  content = content.replace(/(?<=\s)#([a-zA-Zа-яА-ЯёЁіІїЇєЄ]+)/g, '<span class="post-tag">#$1</span>');
+  content = content.replace(/(?<=\s)#([a-zA-Zа-яА-ЯёЁіІїЇєЄ]+)/g, '<span class="post-tag" onclick="document.getElementById(\'postsFilter\').value=\'#$1\';document.getElementById(\'postsFilter\').dispatchEvent(new Event(\'input\'))">#$1</span>');
 
   return marked.parse(content.replace(/<!--[\s\S]*?-->/g, ''));
 }

www/template/styles.css

@@ -692,10 +692,11 @@ body {
     text-decoration: none;
     transition: all 0.2s ease;
     margin-top: 40px;
+    cursor: pointer;
   }
 
   .post-tag:hover {
-    background: rgba(51, 51, 51, 0.1);
+    background: rgba(62, 166, 74, 0.1);
     transform: translateY(-1px);
   }
 
@@ -706,9 +707,10 @@ body {
 
   .site-description-wrapper {
     margin: 1rem 1.2rem;
+    margin-right: 0;
     border-left: 29px solid #333;
     box-sizing: border-box;
-        max-width: 1040px;
+    max-width: 1052px;
   }
 
   .site-description {