From eaa7e16ce01496008cbb0773c24e197a8afe4509 Mon Sep 17 00:00:00 2001
From: Archos <archos@arch-linux.cz>
Date: Fri, 3 Apr 2026 11:58:23 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20kliknut=C3=AD=20na=20karti=C4=8Dku=20ot?=
 =?UTF-8?q?ev=C5=99e=20profil=20u=C5=BEivatele?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 accounts.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/accounts.html b/accounts.html
index 7e2425f..d29e14a 100644
--- a/accounts.html
+++ b/accounts.html
@@ -295,6 +295,13 @@ select:focus { border-color: var(--accent); }
   overflow: hidden;
   transition: border-color 0.2s, transform 0.15s;
   animation: fadeIn 0.3s ease both;
+  position: relative;
+}
+
+.card-link {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
 }
 
 .card:hover {
@@ -410,6 +417,8 @@ select:focus { border-color: var(--accent); }
   align-items: center;
   justify-content: space-between;
   gap: 0.5rem;
+  position: relative;
+  z-index: 1;
 }
 
 .follow-btn {
@@ -778,6 +787,7 @@ function cardHTML(a, idx) {
   if (viewMode === 'list') {
     return `
       <div class="card" style="animation-delay:${idx * 0.03}s">
+        <a class="card-link" href="${a.url}" target="_blank" rel="noopener noreferrer" aria-label="Profil ${a.name}"></a>
         <img class="card-avatar-list" src="${av}" alt="" onerror="this.src='${avatarFallback(a.name)}'">
         <div class="card-info">
           <div class="card-name">${a.name}</div>
@@ -796,6 +806,7 @@ function cardHTML(a, idx) {
 
   return `
     <div class="card" style="animation-delay:${idx * 0.04}s">
+      <a class="card-link" href="${a.url}" target="_blank" rel="noopener noreferrer" aria-label="Profil ${a.name}"></a>
       <div class="card-header">
         ${a.header ? `<img class="card-header-img" src="${a.header}" alt="">` : ''}
         <img class="card-avatar" src="${av}" alt="" onerror="this.src='${avatarFallback(a.name)}'">