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>
Lars Hjemli hjemli@gmail.com
Mon, 21 May 2007 00:14:28 +0200
2 files changed,
43 insertions(+),
15 deletions(-)
M
cgit.css
→
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; }
M
ui-repolist.c
→
ui-repolist.c
@@ -27,7 +27,7 @@ html("<tr class='nohover'>"
"<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>");