Author: Lars Hjemli <hjemli@gmail.com>
Make frontpage friendlier This is an attempt to make the index page more usable by changing how repo groups and repo links are displayed. Signed-off-by: Lars Hjemli <hjemli@gmail.com>
cgit.css | 34 ++++++++++++++++++++++++++++++++-- ui-repolist.c | 24 +++++++++++-------------
diff --git a/cgit.css b/cgit.css index 5dd43b001a58c162c123d61d2be7613a16cd3808..b14f77ebdfb84497803029b03f26843d7b2eb34c 100644 --- a/cgit.css +++ b/cgit.css @@ -355,6 +355,36 @@ text-align: right; } table.list td.repogroup { - padding-top: 1em; - border-bottom: solid 1px #777; + font-style: italic; + color: #888; +} + +a.button { + font-size: 80%; + color: #333; + background-color: #ccc; + border: solid 1px #999; + padding: 0em 0.5em; + margin: 0.1em 0.25em; +} + +a.button:hover { + text-decoration: none; + background-color: #eee; +} + +a.primary { + font-size: 100%; +} + +a.secondary { + font-size: 90%; +} + +td.toplevel-repo { + +} + +table.list td.sublevel-repo { + padding-left: 1.5em; } diff --git a/ui-repolist.c b/ui-repolist.c index 33e3e7fdcc45690aad81d66ebee33d31cdd84dcf..f5e087f36564d68dbd78587137d0ace5e33c4902 100644 --- a/ui-repolist.c +++ b/ui-repolist.c @@ -27,7 +27,7 @@ html("" "<th class='left'>Name</th>" "<th class='left'>Description</th>" "<th class='left'>Owner</th>" - "<th class='left'>Links</th></tr>\n"); + "<th>Links</th></tr>\n"); for (i=0; i<cgit_repolist.count; i++) { repo = &cgit_repolist.repos[i]; @@ -40,8 +40,9 @@ html_txt(repo->group); html("</td></tr>"); last_group = repo->group; } - html("<tr><td>"); - html_link_open(cgit_repourl(repo->url), NULL, NULL); + htmlf("<tr><td class='%s'>", + repo->group ? "sublevel-repo" : "toplevel-repo"); + html_link_open(cgit_repourl(repo->url), repo->desc, NULL); html_txt(repo->name); html_link_close(); html("</td><td>"); @@ -49,18 +50,15 @@ html_ntxt(cgit_max_repodesc_len, repo->desc); html("</td><td>"); html_txt(repo->owner); html("</td><td>"); - html_link_open(cgit_pageurl(repo->name, "commit", NULL), - "Commit: display last commit", NULL); - html("C</a> "); - html_link_open(cgit_pageurl(repo->name, "diff", NULL), - "Diff: see changes introduced by last commit", NULL); - html("D</a> "); + html_link_open(cgit_repourl(repo->url), + "Summary", "button"); + html("S</a>"); html_link_open(cgit_pageurl(repo->name, "log", NULL), - "Log: show history of the main branch", NULL); - html("L</a> "); + "Log", "button"); + html("L</a>"); html_link_open(cgit_pageurl(repo->name, "tree", NULL), - "Tree: browse the files in the main branch", NULL); - html("T</a>"); + "Files", "button"); + html("F</a>"); html("</td></tr>\n"); } html("</table>");