-rw-r--r-- | cgit.css | 23 | ||||
-rw-r--r-- | ui-shared.c | 5 |
2 files changed, 16 insertions, 12 deletions
@@ -1,196 +1,199 @@ | |||
1 | body { | 1 | body { |
2 | font-family: arial; | 2 | font-family: arial; |
3 | font-size: normal; | 3 | font-size: normal; |
4 | background: white; | 4 | background: white; |
5 | padding: 0em; | 5 | padding: 0em; |
6 | margin: 0.5em 1em; | 6 | margin: 0em; |
7 | } | 7 | } |
8 | 8 | ||
9 | 9 | ||
10 | h2 { | 10 | h2 { |
11 | font-size: 120%; | 11 | font-size: 120%; |
12 | font-weight: bold; | 12 | font-weight: bold; |
13 | margin-bottom: 0.5em; | 13 | margin-bottom: 0.5em; |
14 | } | 14 | } |
15 | 15 | ||
16 | a { | 16 | a { |
17 | color: blue; | 17 | color: blue; |
18 | text-decoration: none; | 18 | text-decoration: none; |
19 | } | 19 | } |
20 | 20 | ||
21 | a:hover { | 21 | a:hover { |
22 | text-decoration: underline; | 22 | text-decoration: underline; |
23 | } | 23 | } |
24 | 24 | ||
25 | table.list { | 25 | table.list { |
26 | border: none; | 26 | border: none; |
27 | border-collapse: collapse; | 27 | border-collapse: collapse; |
28 | } | 28 | } |
29 | table.list tr { | 29 | table.list tr { |
30 | background: white; | 30 | background: white; |
31 | } | 31 | } |
32 | table.list tr:hover { | 32 | table.list tr:hover { |
33 | background: #eee; | 33 | background: #eee; |
34 | } | 34 | } |
35 | table.list tr.nohover:hover { | 35 | table.list tr.nohover:hover { |
36 | background: white; | 36 | background: white; |
37 | } | 37 | } |
38 | table.list th { | 38 | table.list th { |
39 | font-weight: normal; | 39 | font-weight: normal; |
40 | border-bottom: solid 1px #777; | 40 | border-bottom: solid 1px #777; |
41 | padding: 0.1em 0.5em 0.1em 0.5em; | 41 | padding: 0.1em 0.5em 0.1em 0.5em; |
42 | vertical-align: baseline; | 42 | vertical-align: baseline; |
43 | } | 43 | } |
44 | table.list td { | 44 | table.list td { |
45 | border: none; | 45 | border: none; |
46 | padding: 0.1em 0.5em 0.1em 0.5em; | 46 | padding: 0.1em 0.5em 0.1em 0.5em; |
47 | } | 47 | } |
48 | img { | 48 | img { |
49 | border: none; | 49 | border: none; |
50 | } | 50 | } |
51 | 51 | table#layout { | |
52 | div#header { | 52 | width: 100%; |
53 | border-collapse: collapse; | ||
54 | margin: 0px; | ||
55 | } | ||
56 | td#header { | ||
53 | background-color: #ddd; | 57 | background-color: #ddd; |
54 | padding: 0.25em 0.25em 0.25em 0.5em; | 58 | padding: 0.25em 0.25em 0.25em 0.5em; |
55 | font-size: 150%; | 59 | font-size: 150%; |
56 | font-weight: bold; | 60 | font-weight: bold; |
57 | border: solid 1px #aaa; | 61 | border-bottom: solid 1px #aaa; |
58 | vertical-align: middle; | 62 | vertical-align: middle; |
59 | margin-bottom: 2em; | ||
60 | } | 63 | } |
61 | div#header img#logo { | 64 | td#header img#logo { |
62 | float: right; | 65 | float: right; |
63 | } | 66 | } |
64 | 67 | ||
65 | div#header input { | 68 | td#header input { |
66 | float: right; | 69 | float: right; |
67 | margin: 0.25em 1em; | 70 | margin: 0.25em 1em; |
68 | } | 71 | } |
69 | div#header a { | 72 | td#header a { |
70 | color: black; | 73 | color: black; |
71 | } | 74 | } |
72 | 75 | ||
73 | div#content { | 76 | td#content { |
74 | margin: 0.5em 0.5em; | 77 | padding: 1em 0.5em; |
75 | } | 78 | } |
76 | 79 | ||
77 | div#blob { | 80 | div#blob { |
78 | border: solid 1px black; | 81 | border: solid 1px black; |
79 | } | 82 | } |
80 | 83 | ||
81 | div.error { | 84 | div.error { |
82 | color: red; | 85 | color: red; |
83 | font-weight: bold; | 86 | font-weight: bold; |
84 | margin: 1em 2em; | 87 | margin: 1em 2em; |
85 | } | 88 | } |
86 | div.ls-blob, div.ls-dir { | 89 | div.ls-blob, div.ls-dir { |
87 | font-family: monospace; | 90 | font-family: monospace; |
88 | } | 91 | } |
89 | div.ls-dir a { | 92 | div.ls-dir a { |
90 | font-weight: bold; | 93 | font-weight: bold; |
91 | } | 94 | } |
92 | th.filesize, td.filesize { | 95 | th.filesize, td.filesize { |
93 | text-align: right; | 96 | text-align: right; |
94 | } | 97 | } |
95 | td.filesize { | 98 | td.filesize { |
96 | font-family: monospace; | 99 | font-family: monospace; |
97 | } | 100 | } |
98 | td.filemode { | 101 | td.filemode { |
99 | font-family: monospace; | 102 | font-family: monospace; |
100 | } | 103 | } |
101 | 104 | ||
102 | td.blob { | 105 | td.blob { |
103 | white-space: pre; | 106 | white-space: pre; |
104 | font-family: monospace; | 107 | font-family: monospace; |
105 | background-color: white; | 108 | background-color: white; |
106 | } | 109 | } |
107 | 110 | ||
108 | table.nowrap td { | 111 | table.nowrap td { |
109 | white-space: nowrap; | 112 | white-space: nowrap; |
110 | } | 113 | } |
111 | 114 | ||
112 | table.commit-info { | 115 | table.commit-info { |
113 | border-collapse: collapse; | 116 | border-collapse: collapse; |
114 | margin-top: 1.5em; | 117 | margin-top: 1.5em; |
115 | } | 118 | } |
116 | table.commit-info th { | 119 | table.commit-info th { |
117 | text-align: left; | 120 | text-align: left; |
118 | font-weight: normal; | 121 | font-weight: normal; |
119 | padding: 0.1em 1em 0.1em 0.1em; | 122 | padding: 0.1em 1em 0.1em 0.1em; |
120 | } | 123 | } |
121 | table.commit-info td { | 124 | table.commit-info td { |
122 | font-weight: normal; | 125 | font-weight: normal; |
123 | padding: 0.1em 1em 0.1em 0.1em; | 126 | padding: 0.1em 1em 0.1em 0.1em; |
124 | } | 127 | } |
125 | div.commit-subject { | 128 | div.commit-subject { |
126 | font-weight: bold; | 129 | font-weight: bold; |
127 | font-size: 125%; | 130 | font-size: 125%; |
128 | margin: 1.5em 0em 0.5em 0em; | 131 | margin: 1.5em 0em 0.5em 0em; |
129 | padding: 0em; | 132 | padding: 0em; |
130 | } | 133 | } |
131 | div.commit-msg { | 134 | div.commit-msg { |
132 | white-space: pre; | 135 | white-space: pre; |
133 | font-family: monospace; | 136 | font-family: monospace; |
134 | } | 137 | } |
135 | table.diffstat { | 138 | table.diffstat { |
136 | border-collapse: collapse; | 139 | border-collapse: collapse; |
137 | margin-top: 1.5em; | 140 | margin-top: 1.5em; |
138 | } | 141 | } |
139 | table.diffstat th { | 142 | table.diffstat th { |
140 | font-weight: normal; | 143 | font-weight: normal; |
141 | text-align: left; | 144 | text-align: left; |
142 | text-decoration: underline; | 145 | text-decoration: underline; |
143 | padding: 0.1em 1em 0.1em 0.1em; | 146 | padding: 0.1em 1em 0.1em 0.1em; |
144 | font-size: 100%; | 147 | font-size: 100%; |
145 | } | 148 | } |
146 | table.diffstat td { | 149 | table.diffstat td { |
147 | padding: 0.1em 1em 0.1em 0.1em; | 150 | padding: 0.1em 1em 0.1em 0.1em; |
148 | font-size: 100%; | 151 | font-size: 100%; |
149 | } | 152 | } |
150 | table.diffstat td span.modechange { | 153 | table.diffstat td span.modechange { |
151 | padding-left: 1em; | 154 | padding-left: 1em; |
152 | color: red; | 155 | color: red; |
153 | } | 156 | } |
154 | table.diffstat td.add a { | 157 | table.diffstat td.add a { |
155 | color: green; | 158 | color: green; |
156 | } | 159 | } |
157 | table.diffstat td.del a { | 160 | table.diffstat td.del a { |
158 | color: red; | 161 | color: red; |
159 | } | 162 | } |
160 | table.diffstat td.upd a { | 163 | table.diffstat td.upd a { |
161 | color: blue; | 164 | color: blue; |
162 | } | 165 | } |
163 | table.diffstat td.summary { | 166 | table.diffstat td.summary { |
164 | /* border-top: solid 1px black; */ | 167 | /* border-top: solid 1px black; */ |
165 | color: #888; | 168 | color: #888; |
166 | padding-top: 0.5em; | 169 | padding-top: 0.5em; |
167 | } | 170 | } |
168 | 171 | ||
169 | table.diff td { | 172 | table.diff td { |
170 | border: solid 1px black; | 173 | border: solid 1px black; |
171 | font-family: monospace; | 174 | font-family: monospace; |
172 | white-space: pre; | 175 | white-space: pre; |
173 | } | 176 | } |
174 | 177 | ||
175 | table.diff td div.hunk { | 178 | table.diff td div.hunk { |
176 | background: #ccc; | 179 | background: #ccc; |
177 | } | 180 | } |
178 | 181 | ||
179 | table.diff td div.add { | 182 | table.diff td div.add { |
180 | color: green; | 183 | color: green; |
181 | } | 184 | } |
182 | 185 | ||
183 | table.diff td div.del { | 186 | table.diff td div.del { |
184 | color: red; | 187 | color: red; |
185 | } | 188 | } |
186 | 189 | ||
187 | .sha1 { | 190 | .sha1 { |
188 | font-family: courier; | 191 | font-family: courier; |
189 | font-size: 90%; | 192 | font-size: 90%; |
190 | } | 193 | } |
191 | .left { | 194 | .left { |
192 | text-align: left; | 195 | text-align: left; |
193 | } | 196 | } |
194 | .right { | 197 | .right { |
195 | text-align: right; | 198 | text-align: right; |
196 | } | 199 | } |
diff --git a/ui-shared.c b/ui-shared.c index bebd3e0..6300516 100644 --- a/ui-shared.c +++ b/ui-shared.c | |||
@@ -1,139 +1,140 @@ | |||
1 | /* ui-shared.c: common web output functions | 1 | /* ui-shared.c: common web output functions |
2 | * | 2 | * |
3 | * Copyright (C) 2006 Lars Hjemli | 3 | * Copyright (C) 2006 Lars Hjemli |
4 | * | 4 | * |
5 | * Licensed under GNU General Public License v2 | 5 | * Licensed under GNU General Public License v2 |
6 | * (see COPYING for full license text) | 6 | * (see COPYING for full license text) |
7 | */ | 7 | */ |
8 | 8 | ||
9 | #include "cgit.h" | 9 | #include "cgit.h" |
10 | 10 | ||
11 | const char cgit_doctype[] = | 11 | const char cgit_doctype[] = |
12 | "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\"\n" | 12 | "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\"\n" |
13 | " \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n"; | 13 | " \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n"; |
14 | 14 | ||
15 | static char *http_date(time_t t) | 15 | static char *http_date(time_t t) |
16 | { | 16 | { |
17 | static char day[][4] = | 17 | static char day[][4] = |
18 | {"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"}; | 18 | {"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"}; |
19 | static char month[][4] = | 19 | static char month[][4] = |
20 | {"Jan", "Feb", "Mar", "Apr", "May", "Jun", | 20 | {"Jan", "Feb", "Mar", "Apr", "May", "Jun", |
21 | "Jul", "Aug", "Sep", "Oct", "Now", "Dec"}; | 21 | "Jul", "Aug", "Sep", "Oct", "Now", "Dec"}; |
22 | struct tm *tm = gmtime(&t); | 22 | struct tm *tm = gmtime(&t); |
23 | return fmt("%s, %02d %s %04d %02d:%02d:%02d GMT", day[tm->tm_wday], | 23 | return fmt("%s, %02d %s %04d %02d:%02d:%02d GMT", day[tm->tm_wday], |
24 | tm->tm_mday, month[tm->tm_mon], 1900+tm->tm_year, | 24 | tm->tm_mday, month[tm->tm_mon], 1900+tm->tm_year, |
25 | tm->tm_hour, tm->tm_min, tm->tm_sec); | 25 | tm->tm_hour, tm->tm_min, tm->tm_sec); |
26 | } | 26 | } |
27 | 27 | ||
28 | static long ttl_seconds(long ttl) | 28 | static long ttl_seconds(long ttl) |
29 | { | 29 | { |
30 | if (ttl<0) | 30 | if (ttl<0) |
31 | return 60 * 60 * 24 * 365; | 31 | return 60 * 60 * 24 * 365; |
32 | else | 32 | else |
33 | return ttl * 60; | 33 | return ttl * 60; |
34 | } | 34 | } |
35 | 35 | ||
36 | void cgit_print_error(char *msg) | 36 | void cgit_print_error(char *msg) |
37 | { | 37 | { |
38 | html("<div class='error'>"); | 38 | html("<div class='error'>"); |
39 | html_txt(msg); | 39 | html_txt(msg); |
40 | html("</div>\n"); | 40 | html("</div>\n"); |
41 | } | 41 | } |
42 | 42 | ||
43 | char *cgit_repourl(const char *reponame) | 43 | char *cgit_repourl(const char *reponame) |
44 | { | 44 | { |
45 | if (cgit_virtual_root) { | 45 | if (cgit_virtual_root) { |
46 | return fmt("%s/%s/", cgit_virtual_root, reponame); | 46 | return fmt("%s/%s/", cgit_virtual_root, reponame); |
47 | } else { | 47 | } else { |
48 | return fmt("?r=%s", reponame); | 48 | return fmt("?r=%s", reponame); |
49 | } | 49 | } |
50 | } | 50 | } |
51 | 51 | ||
52 | char *cgit_pageurl(const char *reponame, const char *pagename, | 52 | char *cgit_pageurl(const char *reponame, const char *pagename, |
53 | const char *query) | 53 | const char *query) |
54 | { | 54 | { |
55 | if (cgit_virtual_root) { | 55 | if (cgit_virtual_root) { |
56 | return fmt("%s/%s/%s/?%s", cgit_virtual_root, reponame, | 56 | return fmt("%s/%s/%s/?%s", cgit_virtual_root, reponame, |
57 | pagename, query); | 57 | pagename, query); |
58 | } else { | 58 | } else { |
59 | return fmt("?r=%s&p=%s&%s", reponame, pagename, query); | 59 | return fmt("?r=%s&p=%s&%s", reponame, pagename, query); |
60 | } | 60 | } |
61 | } | 61 | } |
62 | 62 | ||
63 | char *cgit_currurl() | 63 | char *cgit_currurl() |
64 | { | 64 | { |
65 | if (!cgit_virtual_root) | 65 | if (!cgit_virtual_root) |
66 | return "./cgit.cgi"; | 66 | return "./cgit.cgi"; |
67 | else if (cgit_query_page) | 67 | else if (cgit_query_page) |
68 | return fmt("%s/%s/%s/", cgit_virtual_root, cgit_query_repo, cgit_query_page); | 68 | return fmt("%s/%s/%s/", cgit_virtual_root, cgit_query_repo, cgit_query_page); |
69 | else if (cgit_query_repo) | 69 | else if (cgit_query_repo) |
70 | return fmt("%s/%s/", cgit_virtual_root, cgit_query_repo); | 70 | return fmt("%s/%s/", cgit_virtual_root, cgit_query_repo); |
71 | else | 71 | else |
72 | return fmt("%s/", cgit_virtual_root); | 72 | return fmt("%s/", cgit_virtual_root); |
73 | } | 73 | } |
74 | 74 | ||
75 | 75 | ||
76 | void cgit_print_date(unsigned long secs) | 76 | void cgit_print_date(unsigned long secs) |
77 | { | 77 | { |
78 | char buf[32]; | 78 | char buf[32]; |
79 | struct tm *time; | 79 | struct tm *time; |
80 | 80 | ||
81 | time = gmtime(&secs); | 81 | time = gmtime(&secs); |
82 | strftime(buf, sizeof(buf), "%Y-%m-%d %H:%M:%S", time); | 82 | strftime(buf, sizeof(buf), "%Y-%m-%d %H:%M:%S", time); |
83 | html_txt(buf); | 83 | html_txt(buf); |
84 | 84 | ||
85 | } | 85 | } |
86 | 86 | ||
87 | void cgit_print_docstart(char *title, struct cacheitem *item) | 87 | void cgit_print_docstart(char *title, struct cacheitem *item) |
88 | { | 88 | { |
89 | html("Content-Type: text/html; charset=utf-8\n"); | 89 | html("Content-Type: text/html; charset=utf-8\n"); |
90 | htmlf("Last-Modified: %s\n", http_date(item->st.st_mtime)); | 90 | htmlf("Last-Modified: %s\n", http_date(item->st.st_mtime)); |
91 | htmlf("Expires: %s\n", http_date(item->st.st_mtime + | 91 | htmlf("Expires: %s\n", http_date(item->st.st_mtime + |
92 | ttl_seconds(item->ttl))); | 92 | ttl_seconds(item->ttl))); |
93 | html("\n"); | 93 | html("\n"); |
94 | html(cgit_doctype); | 94 | html(cgit_doctype); |
95 | html("<html>\n"); | 95 | html("<html>\n"); |
96 | html("<head>\n"); | 96 | html("<head>\n"); |
97 | html("<title>"); | 97 | html("<title>"); |
98 | html_txt(title); | 98 | html_txt(title); |
99 | html("</title>\n"); | 99 | html("</title>\n"); |
100 | htmlf("<meta name='generator' content='cgit v%s'/>\n", cgit_version); | 100 | htmlf("<meta name='generator' content='cgit v%s'/>\n", cgit_version); |
101 | html("<link rel='stylesheet' type='text/css' href='"); | 101 | html("<link rel='stylesheet' type='text/css' href='"); |
102 | html_attr(cgit_css); | 102 | html_attr(cgit_css); |
103 | html("'/>\n"); | 103 | html("'/>\n"); |
104 | html("</head>\n"); | 104 | html("</head>\n"); |
105 | html("<body>\n"); | 105 | html("<body>\n"); |
106 | } | 106 | } |
107 | 107 | ||
108 | void cgit_print_docend() | 108 | void cgit_print_docend() |
109 | { | 109 | { |
110 | html("</td></tr></table>"); | ||
110 | html("</body>\n</html>\n"); | 111 | html("</body>\n</html>\n"); |
111 | } | 112 | } |
112 | 113 | ||
113 | void cgit_print_pageheader(char *title, int show_search) | 114 | void cgit_print_pageheader(char *title, int show_search) |
114 | { | 115 | { |
115 | html("<div id='header'>"); | 116 | html("<table id='layout'><tr><td id='header'>"); |
116 | htmlf("<a href='%s'>", cgit_logo_link); | 117 | htmlf("<a href='%s'>", cgit_logo_link); |
117 | htmlf("<img id='logo' src='%s'/>\n", cgit_logo); | 118 | htmlf("<img id='logo' src='%s'/>\n", cgit_logo); |
118 | htmlf("</a>"); | 119 | htmlf("</a>"); |
119 | if (show_search) { | 120 | if (show_search) { |
120 | html("<form method='get' href='"); | 121 | html("<form method='get' href='"); |
121 | html_attr(cgit_currurl()); | 122 | html_attr(cgit_currurl()); |
122 | html("'>"); | 123 | html("'>"); |
123 | if (cgit_query_head) | 124 | if (cgit_query_head) |
124 | html_hidden("h", cgit_query_head); | 125 | html_hidden("h", cgit_query_head); |
125 | if (cgit_query_sha1) | 126 | if (cgit_query_sha1) |
126 | html_hidden("id", cgit_query_sha1); | 127 | html_hidden("id", cgit_query_sha1); |
127 | if (cgit_query_sha2) | 128 | if (cgit_query_sha2) |
128 | html_hidden("id2", cgit_query_sha2); | 129 | html_hidden("id2", cgit_query_sha2); |
129 | html("<input type='text' name='q' value='"); | 130 | html("<input type='text' name='q' value='"); |
130 | html_attr(cgit_query_search); | 131 | html_attr(cgit_query_search); |
131 | html("'/></form>"); | 132 | html("'/></form>"); |
132 | } | 133 | } |
133 | if (cgit_query_repo) | 134 | if (cgit_query_repo) |
134 | htmlf("<a href='%s'>", cgit_repourl(cgit_query_repo)); | 135 | htmlf("<a href='%s'>", cgit_repourl(cgit_query_repo)); |
135 | html_txt(title); | 136 | html_txt(title); |
136 | if (cgit_query_repo) | 137 | if (cgit_query_repo) |
137 | html("</a>"); | 138 | html("</a>"); |
138 | html("</div>"); | 139 | html("</td></tr><tr><td id='content'>"); |
139 | } | 140 | } |