fix(html): Littel html css fix

static/js/main.js

@@ -79,6 +79,28 @@
         counters.forEach((el) => (el.textContent = el.dataset.count));
     }
 
+    /* ---------- выдвижной список проектов (тач/клик) ---------- */
+    const flyoutCards = document.querySelectorAll(".card-flyout");
+
+    flyoutCards.forEach((card) => {
+        card.addEventListener("click", (e) => {
+            if (e.target.closest("a")) return;
+            card.classList.toggle("flyout-open");
+        });
+    });
+
+    document.addEventListener("click", (e) => {
+        flyoutCards.forEach((card) => {
+            if (!card.contains(e.target)) card.classList.remove("flyout-open");
+        });
+    });
+
+    document.addEventListener("keydown", (e) => {
+        if (e.key === "Escape") {
+            flyoutCards.forEach((card) => card.classList.remove("flyout-open"));
+        }
+    });
+
     /* ---------- печатающийся терминал ---------- */
     const typed = document.getElementById("typed");
     if (typed) {
@@ -91,6 +113,7 @@
             { t: "sharkey      <span class=\"ok\">Up 14 months</span>\n", d: 14 },
             { t: "copyparty    <span class=\"ok\">Up 14 months</span>\n", d: 14 },
             { t: "grafana      <span class=\"ok\">Up 14 months</span>\n", d: 14 },
+            { t: "freshrss     <span class=\"ok\">Up 14 months</span>\n", d: 14 },
             { t: "4get         <span class=\"ok\">Up 14 months</span>\n", d: 14 },
             { t: '<span class="prompt">$</span> uptime', d: 22 },
             { t: '\n <span class="ok">all systems nominal</span>', d: 14 },