5ae6538825be04fb1d75c572cb0169e60aa8c1fe

Author
TheEdgeOfRage <git@theedgeofrage.com>
Committer
TheEdgeOfRage <git@theedgeofrage.com>
Date

Message

Make whole repository crad clickable

Diff

 1diff --git a/pkg/web/pages/assets/site.css b/pkg/web/pages/assets/site.css
 2index 48609703a9d2d2cab8b8e727f4ea35cb49be118f..35ff454e978c1b7711128f6b13a94cf9dc52b3e7 100644
 3--- a/pkg/web/pages/assets/site.css
 4+++ b/pkg/web/pages/assets/site.css
 5@@ -136,6 +136,7 @@ code { color: #d5c4a1; font-size: 0.92em; }
 6 }
 7 
 8 .repository-card {
 9+  color: var(--text);
10   display: flex;
11   flex-direction: column;
12   gap: 1.2rem;
13@@ -146,10 +147,9 @@ code { color: #d5c4a1; font-size: 0.92em; }
14 
15 .repository-card:hover { border-color: var(--aqua); transform: translateY(-2px); }
16 .repository-card-content { display: grid; gap: 0.45rem; }
17-.repository-card h3 a { color: var(--text); text-decoration: none; }
18-.repository-card h3 a:hover { color: var(--aqua); }
19-.repository-card-meta { align-items: center; display: flex; flex-wrap: wrap; gap: 0.65rem; }
20-.card-actions { margin-top: auto; }
21+.repository-card { text-decoration: none; }
22+.repository-card:hover h3 { color: var(--aqua); }
23+.repository-card-meta { align-items: center; display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: auto; }
24 
25 .status-badge {
26   border: 1px solid currentColor;
27diff --git a/pkg/web/pages/templates/home.gohtml b/pkg/web/pages/templates/home.gohtml
28index 4f895fa534401cf009dcfc0f3d5626fd2e30e090..e0237c01d27e53f04f32c3f7ce599b9fc388db39 100644
29--- a/pkg/web/pages/templates/home.gohtml
30+++ b/pkg/web/pages/templates/home.gohtml
31@@ -37,9 +37,9 @@
32     <ul class="repository-list">
33       {{ range .Cards }}
34       <li>
35-        <article class="repository-card">
36+        <a class="repository-card" href="{{ .URL }}">
37           <div class="repository-card-content">
38-            <h3><a href="{{ .URL }}">{{ .Title }}</a></h3>
39+            <h3>{{ .Title }}</h3>
40             {{ if ne .Title .Name }}<p class="repository-name">{{ .Name }}</p>{{ end }}
41             {{ if .Description }}<p class="repository-description">{{ .Description }}</p>{{ end }}
42           </div>
43@@ -47,8 +47,7 @@
44             <span class="build-status">Build status: <span class="status-badge {{ .BuildStatus.Class }}">{{ .BuildStatus.Label }}</span></span>
45             {{ if .UpdatedAt }}<time class="updated">Updated {{ .UpdatedAt }}</time>{{ end }}
46           </div>
47-          <div class="card-actions"><a class="button button-secondary" href="{{ .URL }}">{{ template "icon-arrow-right" }}<span>Open project</span></a></div>
48-        </article>
49+        </a>
50       </li>
51       {{ end }}
52     </ul>