diff options
Diffstat (limited to '')
| -rw-r--r-- | cgit/Dockerfile | 1 | ||||
| -rwxr-xr-x | cgit/filters/about.sh | 22 | ||||
| -rwxr-xr-x | cgit/filters/html-transform.py | 18 | ||||
| -rw-r--r-- | cgit/static/cgit.css | 933 | ||||
| -rw-r--r-- | cgit/static/footer.html | 2 |
5 files changed, 523 insertions, 453 deletions
diff --git a/cgit/Dockerfile b/cgit/Dockerfile index 2988d2e..91004f7 100644 --- a/cgit/Dockerfile +++ b/cgit/Dockerfile @@ -14,6 +14,7 @@ RUN apk add --no-cache \ python3 \ spawn-fcgi \ tzdata \ + md4c \ && true # Cgit build deps diff --git a/cgit/filters/about.sh b/cgit/filters/about.sh index e8554b0..9455ce7 100755 --- a/cgit/filters/about.sh +++ b/cgit/filters/about.sh @@ -1,5 +1,25 @@ #!/usr/bin/env sh # About content filter -/usr/lib/cgit/filters/about-formatting.sh "$@" | /usr/lib/cgit/filters/ediblemonad/html-transform.py +set -eu +# TODO: Add toc links for headers in markdown +md_to_html() { + echo '<div class="markdown">' + md2html \ + --fpermissive-url-autolinks --fpermissive-www-autolinks \ + --flatex-math --ftasklists --ftables --funderline \ + --github - + echo '</div>' +} + +to_html() { + case "$(printf '%s' "$1" | tr '[:upper:]' '[:lower:]')" in + *.markdown|*.mdown|*.md|*.mkd) md_to_html ;; + *.htm|*.html) exec cat ;; + *) /usr/lib/cgit/filters/about-formatting.sh "$@" ;; + esac +} + +(to_html "$@" | /usr/lib/cgit/filters/ediblemonad/html-transform.py) || \ + (echo "<pre>Error rendering markdown</pre>" && cat) diff --git a/cgit/filters/html-transform.py b/cgit/filters/html-transform.py index 9fc7aec..e12ffda 100755 --- a/cgit/filters/html-transform.py +++ b/cgit/filters/html-transform.py @@ -16,12 +16,12 @@ def is_relative_path(url): if not url: return False return not url.startswith("/") and not is_absolute_url(url) -def linkify(text, make_link): - url_pattern = r'(?<!\S)(https?://\S+?)([.,!?;:]?(?=\s|$))' - def replace(m): - url, trail = m.group(1), m.group(2) - return make_link(url) + trail - return re.sub(url_pattern, replace, text) +# def linkify(text, make_link): +# url_pattern = r'(?<!\S)(https?://\S+?)([.,!?;:]?(?=\s|$))' +# def replace(m): +# url, trail = m.group(1), m.group(2) +# return make_link(url) + trail +# return re.sub(url_pattern, replace, text) class LinkRewriter(HTMLParser): def __init__(self): @@ -62,9 +62,9 @@ class LinkRewriter(HTMLParser): self.output.append(f"</{tag}>") def handle_data(self, data): - data_with_links = linkify(data, - lambda url: self._build_tag("a", [('href', url)]) + html.escape(url) + "</a>") - self.output.append(data_with_links) + # data_with_links = linkify(data, + # lambda url: self._build_tag("a", [('href', url)]) + html.escape(url) + "</a>") + self.output.append(data) def handle_entityref(self, name): self.output.append(f"&{name};") diff --git a/cgit/static/cgit.css b/cgit/static/cgit.css index 0b35afc..4ee370d 100644 --- a/cgit/static/cgit.css +++ b/cgit/static/cgit.css @@ -31,13 +31,13 @@ div#cgit button:hover, div#cgit input[type=submit]:hover { } div#cgit { - padding: 0; - margin: 0 auto; - max-width: 1200px; - font-family: sans-serif; - font-size: 10pt; - color: #ccc; - padding: 4px; + padding: 0; + margin: 0 auto; + max-width: 1200px; + font-family: sans-serif; + font-size: 10pt; + color: #ccc; + padding: 4px; } div#cgit #footer { @@ -46,584 +46,592 @@ div#cgit #footer { } div#cgit a { - color: var(--color-accent-1); - text-decoration: none; + color: var(--color-accent-1); + text-decoration: none; } div#cgit a:hover { - text-decoration: underline; - color: var(--color-accent-1); + text-decoration: underline; + color: var(--color-accent-1); } div#cgit table { - border-collapse: collapse; + border-collapse: collapse; } div#cgit table#header { - width: 100%; - margin-bottom: 1em; + width: 100%; + margin-bottom: 1em; } div#cgit table#header td.logo { - width: 96px; - vertical-align: top; + width: 96px; + vertical-align: top; } div#cgit table#header td.main { - font-size: 250%; - padding-left: 10px; - white-space: nowrap; + font-size: 250%; + padding-left: 10px; + white-space: nowrap; } div#cgit table#header td.main a { - color: white; + color: white; } div#cgit table#header td.form { - text-align: right; - vertical-align: bottom; - padding-right: 1em; - padding-bottom: 2px; - white-space: nowrap; + text-align: right; + vertical-align: bottom; + padding-right: 1em; + padding-bottom: 2px; + white-space: nowrap; } div#cgit table#header td.form form, div#cgit table#header td.form input, div#cgit table#header td.form select { - font-size: 90%; + font-size: 90%; } div#cgit table#header td.sub { - color: #777; - border-top: solid 1px #ccc; - padding-left: 10px; + color: #777; + border-top: solid 1px #ccc; + padding-left: 10px; } div#cgit table.tabs { - border-bottom: solid 1px #444; - border-collapse: collapse; - margin-top: 2em; - margin-bottom: 0px; - width: 100%; + border-bottom: solid 1px #444; + border-collapse: collapse; + margin-top: 2em; + margin-bottom: 0px; + width: 100%; } div#cgit table.tabs td { - padding: 4px 1em; - vertical-align: bottom; + padding: 4px 1em; + vertical-align: bottom; } div#cgit table.tabs td a { - padding: 2px 0.75em; - color: #777; - font-size: 110%; + padding: 2px 0.75em; + color: #777; + font-size: 110%; } div#cgit table.tabs td a.active { - color: var(--color-accent-2); + color: var(--color-accent-1); + text-decoration: underline; } div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after { - content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC); - opacity: 0.5; - margin: 0 0 0 5px; + content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC); + opacity: 0.5; + margin: 0 0 0 5px; } div#cgit table.tabs td.form { - text-align: right; + text-align: right; } div#cgit table.tabs td.form form { - padding-bottom: 2px; - font-size: 90%; - white-space: nowrap; + padding-bottom: 2px; + font-size: 90%; + white-space: nowrap; } div#cgit table.tabs td.form input, div#cgit table.tabs td.form select { - font-size: 90%; + font-size: 90%; } div#cgit div.path { - margin: 0px; - padding: 5px 2em 2px 2em; - color: white; - background-color: #333; + margin: 0px; + padding: 5px 2em 2px 2em; + color: white; + background-color: #333; } div#cgit div.content { - margin: 0px; - padding: 2em; - border-bottom: 1px solid #444; + margin: 0px; + padding: 2em; + border-bottom: 1px solid #444; } div#cgit table.list { - width: 100%; - border: none; - border-collapse: collapse; + width: 100%; + border: none; + border-collapse: collapse; } div#cgit table.list tr { - background: black; + background: black; } div#cgit table.list tr.logheader { - background: #333; + background: #333; } div#cgit table.list tr:nth-child(even) { - background: #161616; + background: #161616; } div#cgit table.list tr:nth-child(odd) { } div#cgit table.list tr:hover { - background: #333; + background: #333; } div#cgit table.list tr.nohover { - background: #222; + background: #222; } div#cgit table.list tr.nohover:hover { - background: #222; + background: #222; } div#cgit table.list tr.nohover-highlight:hover:nth-child(even) { - background: #f7f7f7; + background: #f7f7f7; } div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) { - background: black; + background: black; } div#cgit table.list th { - font-weight: bold; - padding: 0.3em 0.6em; - vertical-align: baseline; + font-weight: bold; + padding: 0.3em 0.6em; + vertical-align: baseline; } div#cgit table.list td { - border: none; - padding: 0.3em 0.6em; + border: none; + padding: 0.3em 0.6em; } div#cgit table.list td.commitgraph { - font-family: monospace; - white-space: pre; + font-family: monospace; + white-space: pre; } div#cgit table.list td.commitgraph .column1 { - color: #a00; + color: #a00; } div#cgit table.list td.commitgraph .column2 { - color: #0a0; + color: #0a0; } div#cgit table.list td.commitgraph .column3 { - color: #aa0; + color: #aa0; } div#cgit table.list td.commitgraph .column4 { - color: #00a; + color: #00a; } div#cgit table.list td.commitgraph .column5 { - color: #a0a; + color: #a0a; } div#cgit table.list td.commitgraph .column6 { - color: #0aa; + color: #0aa; } div#cgit table.list td.logsubject { - font-family: monospace; - font-weight: bold; + font-family: monospace; + font-weight: bold; } div#cgit table.list td.logmsg { - font-family: monospace; - white-space: pre; - padding: 0 0.5em; + font-family: monospace; + white-space: pre; + padding: 0 0.5em; } div#cgit table.list td a { - color: white; + color: white; } div#cgit table.list td a.ls-dir { - font-weight: bold; - color: var(--color-accent-1); + font-weight: bold; + color: var(--color-accent-1); } div#cgit table.list td a:hover { - color: var(--color-accent-1); + color: var(--color-accent-1); } div#cgit img { - border: none; + border: none; } div#cgit input#switch-btn { - margin: 2px 0px 0px 0px; + margin: 2px 0px 0px 0px; } div#cgit td#sidebar input.txt { - width: 100%; - margin: 2px 0px 0px 0px; + width: 100%; + margin: 2px 0px 0px 0px; } div#cgit table#grid { - margin: 0px; + margin: 0px; } div#cgit td#content { - vertical-align: top; - padding: 1em 2em 1em 1em; - border: none; + vertical-align: top; + padding: 1em 2em 1em 1em; + border: none; } div#cgit div#summary { - vertical-align: top; - margin-bottom: 1em; + vertical-align: top; + margin-bottom: 1em; } div#cgit table#downloads { - float: right; - border-collapse: collapse; - border: solid 1px #777; - margin-left: 0.5em; - margin-bottom: 0.5em; + float: right; + border-collapse: collapse; + border: solid 1px #777; + margin-left: 0.5em; + margin-bottom: 0.5em; } div#cgit table#downloads th { - background-color: #ccc; + background-color: #ccc; } div#cgit div#blob { - border: solid 1px white; + border: solid 1px white; } div#cgit div.error { - color: red; - font-weight: bold; - margin: 1em 2em; + color: red; + font-weight: bold; + margin: 1em 2em; } div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod { - font-family: monospace; + font-family: monospace; } div#cgit td.ls-size { - text-align: right; - font-family: monospace; - width: 10em; + text-align: right; + font-family: monospace; + width: 10em; } div#cgit td.ls-mode { - font-family: monospace; - width: 10em; + font-family: monospace; + width: 10em; } div#cgit table.blob { - margin-top: 0.5em; - border-top: solid 1px white; + width: 100%; + margin-top: 0.5em; } div#cgit table.blob td.hashes, div#cgit table.blob td.lines { - margin: 0; padding: 0 0 0 0.5em; - vertical-align: top; - color: white; + margin: 0; padding: 0 0 0 0.5em; + vertical-align: top; + color: white; } div#cgit table.blob td.linenumbers { - margin: 0; padding: 0 0.5em 0 0.5em; - vertical-align: top; - text-align: right; - border-right: 1px solid gray; + margin: 0; padding: 0 0.5em 0 0.5em; + vertical-align: top; + text-align: right; + border-right: 1px solid gray; } div#cgit table.blob pre { - padding: 0; margin: 0; + padding: 0; margin: 0; } div#cgit table.blob td.linenumbers a, div#cgit table.ssdiff td.lineno a { - color: gray; - text-align: right; - text-decoration: none; + color: gray; + text-align: right; + text-decoration: none; +} + +div#cgit table.blob td.linenumbers a:target, +div#cgit table.ssdiff td.lineno a:target { + font-weight: bold; + color: white; + text-shadow: 0 0 10px var(--color-accent); } div#cgit table.blob td.linenumbers a:hover, div#cgit table.ssdiff td.lineno a:hover { - color: white; + color: white; } div#cgit table.blame td.hashes, div#cgit table.blame td.lines, div#cgit table.blame td.linenumbers { - padding: 0; + padding: 0; } div#cgit table.blame td.hashes div.alt, div#cgit table.blame td.lines div.alt { - padding: 0 0.5em 0 0.5em; + padding: 0 0.5em 0 0.5em; } div#cgit table.blame td.linenumbers div.alt { - padding: 0 0.5em 0 0; + padding: 0 0.5em 0 0; } div#cgit table.blame div.alt:nth-child(even) { - background: #eee; + background: #111; } div#cgit table.blame div.alt:nth-child(odd) { - background: white; + background: #1a2020; } div#cgit table.blame td.lines > div { - position: relative; + position: relative; } div#cgit table.blame td.lines > div > pre { - padding: 0 0 0 0.5em; - position: absolute; - top: 0; + padding: 0 0 0 0.5em; + position: absolute; + top: 0; } div#cgit table.bin-blob { - margin-top: 0.5em; - border: solid 1px white; + margin-top: 0.5em; + border: solid 1px white; } div#cgit table.bin-blob th { - font-family: monospace; - white-space: pre; - border: solid 1px #777; - padding: 0.5em 1em; + font-family: monospace; + white-space: pre; + border: solid 1px #777; + padding: 0.5em 1em; } div#cgit table.bin-blob td { - font-family: monospace; - white-space: pre; - border-left: solid 1px #777; - padding: 0em 1em; + font-family: monospace; + white-space: pre; + border-left: solid 1px #777; + padding: 0em 1em; } div#cgit table.nowrap td { - white-space: nowrap; + white-space: nowrap; } div#cgit table.commit-info { - border-collapse: collapse; - margin-top: 1.5em; + border-collapse: collapse; + margin-top: 1.5em; } div#cgit div.cgit-panel { - float: right; - margin-top: 1.5em; + float: right; + margin-top: 1.5em; } div#cgit div.cgit-panel table { - border-collapse: collapse; - border: solid 1px #333; - background-color: #222; + border-collapse: collapse; + border: solid 1px #333; + background-color: #222; } div#cgit div.cgit-panel th { - text-align: center; + text-align: center; } div#cgit div.cgit-panel td { - padding: 0.25em 0.5em; + padding: 0.25em 0.5em; } div#cgit div.cgit-panel td.label { - padding-right: 0.5em; + padding-right: 0.5em; } div#cgit div.cgit-panel td.ctrl { - padding-left: 0.5em; + padding-left: 0.5em; } div#cgit table.commit-info th { - text-align: left; - font-weight: normal; - padding: 0.1em 1em 0.1em 0.1em; - vertical-align: top; + text-align: left; + font-weight: normal; + padding: 0.1em 1em 0.1em 0.1em; + vertical-align: top; } div#cgit table.commit-info td { - font-weight: normal; - padding: 0.1em 1em 0.1em 0.1em; + font-weight: normal; + padding: 0.1em 1em 0.1em 0.1em; } div#cgit div.commit-subject { - font-weight: bold; - font-size: 125%; - margin: 1.5em 0em 0.5em 0em; - padding: 0em; + font-weight: bold; + font-size: 125%; + margin: 1.5em 0em 0.5em 0em; + padding: 0em; } div#cgit div.commit-msg { - white-space: pre; - font-family: monospace; + white-space: pre; + font-family: monospace; } div#cgit div.notes-header { - font-weight: bold; - padding-top: 1.5em; + font-weight: bold; + padding-top: 1.5em; } div#cgit div.notes { - white-space: pre; - font-family: monospace; - border: solid 1px #ee9; - background-color: #ffd; - padding: 0.3em 2em 0.3em 1em; - float: left; + white-space: pre; + font-family: monospace; + border: solid 1px #ee9; + background-color: #ffd; + padding: 0.3em 2em 0.3em 1em; + float: left; } div#cgit div.notes-footer { - clear: left; + clear: left; } div#cgit div.diffstat-header { - font-weight: bold; - padding-top: 1.5em; + font-weight: bold; + padding-top: 1.5em; } div#cgit table.diffstat { - border-collapse: collapse; - border: solid 1px #333; - background-color: #222; + border-collapse: collapse; + border: solid 1px #333; + background-color: #222; } div#cgit table.diffstat th { - font-weight: normal; - text-align: left; - text-decoration: underline; - padding: 0.1em 1em 0.1em 0.1em; - font-size: 100%; + font-weight: normal; + text-align: left; + text-decoration: underline; + padding: 0.1em 1em 0.1em 0.1em; + font-size: 100%; } div#cgit table.diffstat td { - padding: 0.2em 0.2em 0.1em 0.1em; - font-size: 100%; - border: none; + padding: 0.2em 0.2em 0.1em 0.1em; + font-size: 100%; + border: none; } div#cgit table.diffstat td.mode { - white-space: nowrap; + white-space: nowrap; } div#cgit table.diffstat td span.modechange { - padding-left: 1em; - color: red; + padding-left: 1em; + color: red; } div#cgit table.diffstat td.add a { - color: green; + color: green; } div#cgit table.diffstat td.del a { - color: red; + color: red; } div#cgit table.diffstat td.upd a { - color: var(--color-accent-1); + color: var(--color-accent-1); } div#cgit table.diffstat td.graph { - width: 500px; - vertical-align: middle; + width: 500px; + vertical-align: middle; } div#cgit table.diffstat td.graph table { - border: none; + border: none; } div#cgit table.diffstat td.graph td { - padding: 0px; - border: 0px; - height: 7pt; + padding: 0px; + border: 0px; + height: 7pt; } div#cgit table.diffstat td.graph td.add { - background-color: #5c5; + background-color: #5c5; } div#cgit table.diffstat td.graph td.rem { - background-color: #c55; + background-color: #c55; } div#cgit div.diffstat-summary { - color: #888; - padding-top: 0.5em; + color: #888; + padding-top: 0.5em; } div#cgit table.diff { - width: 100%; + width: 100%; } div#cgit table.diff td { - font-family: monospace; - white-space: pre; + font-family: monospace; + white-space: pre; } div#cgit table.diff td div.head { - font-weight: bold; - margin-top: 1em; - padding-top: 1em; - color: white; - border-top: 1px solid #444; + font-weight: bold; + margin-top: 1em; + padding-top: 1em; + color: white; + border-top: 1px solid #444; } div#cgit table.diff td div.hunk { - background-color: #004040; - margin-top: 0.5em; - font-weight: bold; + background-color: #004040; + margin-top: 0.5em; + font-weight: bold; } div#cgit table.diff td div.add { - color: #51e980; + color: #51e980; } div#cgit table.diff td div.del { - color: #e95170; + color: #e95170; } div#cgit .sha1 { - font-family: monospace; - font-size: 90%; + font-family: monospace; + font-size: 90%; } div#cgit .left { - text-align: left; + text-align: left; } div#cgit .right { - text-align: right; + text-align: right; } div#cgit table.list td.reposection { - font-style: italic; - color: #888; + font-style: italic; + color: #888; } div#cgit a.button { - font-size: 80%; - padding: 0em 0.5em; + font-size: 80%; + padding: 0em 0.5em; } div#cgit a.primary { - font-size: 100%; + font-size: 100%; } div#cgit a.secondary { - font-size: 90%; + font-size: 90%; } div#cgit td.toplevel-repo { @@ -631,117 +639,117 @@ div#cgit td.toplevel-repo { } div#cgit table.list td.sublevel-repo { - padding-left: 1.5em; + padding-left: 1.5em; } div#cgit ul.pager { - list-style-type: none; - text-align: center; - margin: 1em 0em 0em 0em; - padding: 0; + list-style-type: none; + text-align: center; + margin: 1em 0em 0em 0em; + padding: 0; } div#cgit ul.pager li { - display: inline-block; - margin: 0.25em 0.5em; + display: inline-block; + margin: 0.25em 0.5em; } div#cgit ul.pager a { - color: #ccc; + color: #ccc; } div#cgit ul.pager .current { - font-weight: bold; - color: var(--color-accent-1); + font-weight: bold; + color: var(--color-accent-1); } div#cgit span.age-mins { - font-weight: bold; - color: #007040; + font-weight: bold; + color: #007040; } div#cgit span.age-hours { - color: #007040; + color: #007040; } div#cgit span.age-days { - color: #007040; + color: #007040; } div#cgit span.age-weeks { - color: #007040; + color: #007040; } div#cgit span.age-months { - color: #888; + color: #888; } div#cgit span.age-years { - color: #555; + color: #555; } div#cgit span.insertions { - color: #090; + color: #090; } div#cgit span.deletions { - color: #900; + color: #900; } div#cgit div.footer { - margin-top: 0.5em; - text-align: center; - font-size: 80%; - color: #ccc; + margin-top: 0.5em; + text-align: center; + font-size: 80%; + color: #ccc; } div#cgit div.footer a { - color: #ccc; - text-decoration: none; + color: #ccc; + text-decoration: none; } div#cgit div.footer a:hover { - text-decoration: underline; + text-decoration: underline; } -div#cgit a.branch-deco { - color: white; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #88ff88; - border: solid 1px #007700; +div#cgit .decoration a.branch-deco { + color: #030; + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: #51e980; + border: solid 1px #007700; } -div#cgit a.tag-deco { - color: white; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #ffff88; - border: solid 1px #777700; +div#cgit .decoration a.tag-deco { + color: #880; + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: #ffff88; + border: solid 1px #777700; } -div#cgit a.tag-annotated-deco { - color: white; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #ffcc88; - border: solid 1px #777700; +div#cgit .decoration a.tag-annotated-deco { + color: #550; + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: #ffcc88; + border: solid 1px #777700; } -div#cgit a.remote-deco { - color: white; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #ccccff; - border: solid 1px #000077; +div#cgit .decoration a.remote-deco { + color: #223; + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: #ccccff; + border: solid 1px #000077; } -div#cgit a.deco { - color: white; - margin: 0px 0.5em; - padding: 0px 0.25em; - background-color: #ff8888; - border: solid 1px #770000; +div#cgit .decoration a.deco { + color: #311; + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: #ff8888; + border: solid 1px #770000; } div#cgit div.commit-subject a.branch-deco, @@ -749,285 +757,326 @@ div#cgit div.commit-subject a.tag-deco, div#cgit div.commit-subject a.tag-annotated-deco, div#cgit div.commit-subject a.remote-deco, div#cgit div.commit-subject a.deco { - margin-left: 1em; - font-size: 75%; + margin-left: 1em; + font-size: 75%; } div#cgit table.stats { - border: solid 1px white; - border-collapse: collapse; + border: solid 1px white; + border-collapse: collapse; } div#cgit table.stats th { - text-align: left; - padding: 1px 0.5em; - background-color: #eee; - border: solid 1px white; + text-align: left; + padding: 1px 0.5em; + background-color: #eee; + border: solid 1px white; } div#cgit table.stats td { - text-align: right; - padding: 1px 0.5em; - border: solid 1px white; + text-align: right; + padding: 1px 0.5em; + border: solid 1px white; } div#cgit table.stats td.total { - font-weight: bold; - text-align: left; + font-weight: bold; + text-align: left; } div#cgit table.stats td.sum { - color: #c00; - font-weight: bold; -/* background-color: #eee; */ + color: #c00; + font-weight: bold; +/* background-color: #eee; */ } div#cgit table.stats td.left { - text-align: left; + text-align: left; } div#cgit table.vgraph { - border-collapse: separate; - border: solid 1px white; - height: 200px; + border-collapse: separate; + border: solid 1px white; + height: 200px; } div#cgit table.vgraph th { - background-color: #eee; - font-weight: bold; - border: solid 1px white; - padding: 1px 0.5em; + background-color: #eee; + font-weight: bold; + border: solid 1px white; + padding: 1px 0.5em; } div#cgit table.vgraph td { - vertical-align: bottom; - padding: 0px 10px; + vertical-align: bottom; + padding: 0px 10px; } div#cgit table.vgraph div.bar { - background-color: #eee; + background-color: #eee; } div#cgit table.hgraph { - border: solid 1px white; - width: 800px; + border: solid 1px white; + width: 800px; } div#cgit table.hgraph th { - background-color: #eee; - font-weight: bold; - border: solid 1px white; - padding: 1px 0.5em; + background-color: #eee; + font-weight: bold; + border: solid 1px white; + padding: 1px 0.5em; } div#cgit table.hgraph td { - vertical-align: middle; - padding: 2px 2px; + vertical-align: middle; + padding: 2px 2px; } div#cgit table.hgraph div.bar { - background-color: #eee; - height: 1em; + background-color: #eee; + height: 1em; } div#cgit table.ssdiff { - width: 100%; - color: #eee; + width: 100%; + color: #eee; } div#cgit table.ssdiff td { - font-size: 75%; - font-family: monospace; - white-space: pre; - padding: 1px 4px 1px 4px; - border-left: solid 1px #333; - border-right: solid 1px #333; + font-size: 75%; + font-family: monospace; + white-space: pre; + padding: 1px 4px 1px 4px; + border-left: solid 1px #333; + border-right: solid 1px #333; } div#cgit table.ssdiff td.add { - color: white; - background: #005020; - min-width: 50%; + color: white; + background: #005020; + min-width: 50%; } div#cgit table.ssdiff td.add_dark { - color: white; - background: #003020; - min-width: 50%; + color: white; + background: #003020; + min-width: 50%; } div#cgit table.ssdiff span.add { - background: #005020; - font-weight: bold; + background: #005020; + font-weight: bold; } div#cgit table.ssdiff td.del { - color: white; - background: #701020; - min-width: 50%; + color: white; + background: #701020; + min-width: 50%; } div#cgit table.ssdiff td.del_dark { - color: white; - background: #500010; - min-width: 50%; + color: white; + background: #500010; + min-width: 50%; } div#cgit table.ssdiff span.del { - background: #701020; - font-weight: bold; + background: #701020; + font-weight: bold; } div#cgit table.ssdiff td.changed { - color: white; - background: #606020; - min-width: 50%; + color: white; + background: #606020; + min-width: 50%; } div#cgit table.ssdiff td.changed_dark { - color: white; - background: #404000; - min-width: 50%; + color: white; + background: #404000; + min-width: 50%; } div#cgit table.ssdiff td.lineno { - color: white; - background: #091010; - text-align: right; - width: 3em; - min-width: 3em; + color: white; + background: #091010; + text-align: right; + width: 3em; + min-width: 3em; } div#cgit table.ssdiff td.hunk { - color: white; - background: var(--color-accent-2); - border-top: solid 4px #222; - border-bottom: solid 1px #222; + color: white; + background: var(--color-accent-2); + border-top: solid 4px #222; + border-bottom: solid 1px #222; } div#cgit table.ssdiff td.head { - border-top: solid 1px #222; - border-bottom: solid 1px #222; + border-top: solid 1px #222; + border-bottom: solid 1px #222; } div#cgit table.ssdiff td.head div.head { - font-weight: bold; - color: white; + font-weight: bold; + color: white; } div#cgit table.ssdiff td.foot { - border-top: solid 1px #222; - border-left: none; - border-right: none; - border-bottom: none; + border-top: solid 1px #222; + border-left: none; + border-right: none; + border-bottom: none; } div#cgit table.ssdiff td.space { - border: none; + border: none; } div#cgit table.ssdiff td.space div { - min-height: 3em; + min-height: 3em; } @media only screen and (max-width: 800px) { - /* HEADER */ - /* remove logo (save space) */ - div#cgit table#header td.logo { - display: none; - } - /* wrap title text */ - div#cgit table#header td.main { - white-space: normal; - } - /* td as block */ - div#cgit table#header td { - display: block; - } - /* move branch switcher to left */ - div#cgit table#header td.form { - text-align: left; - } - /* Don't display author (save space) */ - div#cgit table#header td.sub.right { - display: none; - } + /* HEADER */ + /* remove logo (save space) */ + div#cgit table#header td.logo { + display: none; + } + /* wrap title text */ + div#cgit table#header td.main { + white-space: normal; + } + /* td as block */ + div#cgit table#header td { + display: block; + } + /* move branch switcher to left */ + div#cgit table#header td.form { + text-align: left; + } + /* Don't display author (save space) */ + div#cgit table#header td.sub.right { + display: none; + } - /* TABS */ - /* both tabs and form are blocks */ - div#cgit table.tabs td { - display: block; - } - /* every tab is block */ - div#cgit table.tabs td a { - display: block; - text-align: right; - } + /* TABS */ + /* both tabs and form are blocks */ + div#cgit table.tabs td { + display: block; + } + /* every tab is block */ + div#cgit table.tabs td a { + display: block; + text-align: right; + } - /* CONTENT */ - div#cgit div.content { - overflow-x: auto; - padding: 0.5em; - } - td.ls-mode { - white-space: nowrap; - } + /* CONTENT */ + div#cgit div.content { + overflow-x: auto; + padding: 0.5em; + } + td.ls-mode { + white-space: nowrap; + } - /* PANEL ALIGNMENT */ - div#cgit div.cgit-panel { - float: left; - } + /* PANEL ALIGNMENT */ + div#cgit div.cgit-panel { + float: left; + } } -#cgit .highlight { - background: #111; -} #cgit a.toclink { color: white !important; } -#cgit .markdown-body h1, -#cgit .markdown-body h2, -#cgit .markdown-body h3, -#cgit .markdown-body h4, -#cgit .markdown-body h5, -#cgit .markdown-body h6 { - /*border-bottom: 1px solid #222;*/ +#cgit .markdown { font-size: 16px; line-height: 1.5; } +#cgit .markdown h1 { font-size: 2em; } +#cgit .markdown h2 { font-size: 1.5em; } +#cgit .markdown h3 { font-size: 1.25em; } +#cgit .markdown h4 { font-size: 1.125em; } +#cgit .markdown h5 { font-size: 1.0625em; } +#cgit .markdown h6 { font-size: 1em; } + +#cgit .markdown h1, +#cgit .markdown h2, +#cgit .markdown h3, +#cgit .markdown h4, +#cgit .markdown h5, +#cgit .markdown h6 { + margin: 0.5em 0 0.5em; border: none; } -#cgit .markdown-body pre { +#cgit .markdown pre { + padding: 1rem; background: #111; border: 1px solid #222; + position: relative; + overflow-x: auto; + background: #111; } -#cgit .markdown-body pre code { +#cgit .markdown pre code { background: transparent; + padding: 0; } -#cgit .markdown-body code, #cgit .markdown-body tt { - background: #222; - border: none; +#cgit .markdown pre code[class^=language-]:before { + content: attr(class); + position: absolute; + left: 0; + top: 0; + padding: 0.2em 0.6em; + font-size: 0.6em; + background: #000; + color: #588; } -#cgit .markdown-body table tr, -#cgit .markdown-body table th, -#cgit .markdown-body table td { - background: transparent; - border: 1px solid #333; +#cgit .markdown code, #cgit .markdown tt { + background: #1d1d1d; + border: none; + padding: 0.06em 0.4em; + font-size: 0.85em; + margin-top: -0.06em; + display: inline-block; } -#cgit .markdown-body table img { + +#cgit .markdown img { display: block; margin: 0 auto; + max-width: 100%; + border: 1px solid #111; +} +#cgit .markdown img:hover { + border-color: #555; } -#cgit .highlight pre span { - background: transparent !important; +#cgit .markdown table { + margin: 0 auto; +} +#cgit .markdown table tr, +#cgit .markdown table th, +#cgit .markdown table td { + background: transparent; + border: 1px solid #333; +} +#cgit .markdown table th, +#cgit .markdown table td { + padding: 0.5rem 1rem; } -#cgit .markdown-body hr { + +#cgit .markdown hr { background: none; + border: none; border-top: 1px solid #222; height: 1rem; margin: 1rem 1rem 0; } +/* Syntax */ + /* BuiltIn */ +#cgit .highlight pre span { + background: transparent !important; +} #cgit .highlight span[class^=c] { color: #006060; font-weight: bold; @@ -1060,5 +1109,3 @@ div#cgit table.ssdiff td.space div { background-color: transparent; } - - diff --git a/cgit/static/footer.html b/cgit/static/footer.html index 5931c98..535d5f8 100644 --- a/cgit/static/footer.html +++ b/cgit/static/footer.html @@ -1,3 +1,5 @@ <footer id="footer"> generated by <a href="https://git.zx2c4.com/cgit/about/" target="_blank _parent" rel="noopener">cgit</a> + | + urinated on by <a href="https://ediblemonad.dev" target="_blank _parent" rel="noopener">Akshay</a> </footer> |