Hi… I am well aware that this diff view is very suboptimal. It will be fixed when the refactored server comes along!
style.css, *.html: Lighthouse accessibility
html {
font-family: sans-serif;
--link-color: hsl(320, 50%, 36%);
--light-text-color: hsl(0, 0%, 65%);
--light-text-color: hsl(0, 0%, 45%);
--darker-border-color: hsl(0, 0%, 72%);
--lighter-border-color: hsl(0, 0%, 85%);
--text-decoration-color: hsl(0, 0%, 72%);
--darker-box-background-color: hsl(0, 0%, 92%);
--lighter-box-background-color: hsl(0, 0%, 95%);
}
html, code, pre {
font-size: 1rem; /* TODO: Not always correct */
}
footer {
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
display: block;
padding: 0 1rem;
width: fit-content;
text-align: center;
color: var(--light-text-color);
}
footer a:link, footer a:visited {
color: inherit;
}
.padding-wrapper {
margin: 1rem auto;
max-width: 50em;
padding: 0 1rem;
}
.padding-wrapper > * {
width: 100%;
}
a:link, a:visited {
text-decoration-color: var(--text-decoration-color);
color: var(--link-color);
}
code:not(pre > code) {
background-color: var(--lighter-box-background-color);
border-radius: 2px;
padding: 2px;
}
table {
border: var(--lighter-border-color) solid 1px;
border-spacing: 0px;
border-collapse: collapse;
}
td, th {
padding: 3px 5px;
border: var(--lighter-border-color) solid 1px;
}
th {
background-color: var(--lighter-box-background-color);
}
tr.title-row > th {
background-color: var(--darker-box-background-color);
}
{{- define "group_repos" -}}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{ template "head_common" . }}
<title>Repos in {{ .group_name }} – Lindenii Forge</title>
</head>
<body class="group-index">
<div class="padding-wrapper">
<h1>
Repos in {{ .group_name }}
</h1>
<ul>
{{- range .repos }}
<li>
<a href="{{ . }}/">{{ . }}</a>
</li>
{{- end }}
</ul>
</div>
<footer>
{{ template "footer" . }}
</footer>
</body>
</html>
{{- end -}}
{{- define "index" -}}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{ template "head_common" . }}
<title>Groups – Lindenii Forge</title>
</head>
<body class="index">
<div class="padding-wrapper">
<h1>
Groups
</h1>
<ul>
{{- range .groups }}
<li>
<a href="g/{{ . }}/repos/">{{ . }}</a>
</li>
{{- end }}
</ul>
</div>
<footer>
{{ template "footer" . }}
</footer>
</body>
</html>
{{- end -}}
{{- define "repo_index" -}}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{ template "head_common" . }}
<title>{{ .group_name }}/repos/{{ .repo_name }} – Lindenii Forge</title>
</head>
<body class="repo-index">
<div class="padding-wrapper">
<table id="recent-commits">
<thead>
<tr class="title-row">
<th colspan="4">Recent Commits</th>
</tr>
<tr>
<th scope="col">ID</th>
<th scope="col">Title</th>
<th scope="col">Author</th>
<th scope="col">Time</th>
</tr>
</thead>
<tbody>
{{- range .commits }}
<tr>
<td class="commit-id">{{ slice .Hash.String 0 8 }}</td>
<td class="commit-title">{{ .Message | first_line }}</td>
<td class="commit-author">
<a class="email-name" href="mailto:{{ .Author.Email }}">{{ .Author.Name }}</a>
</td>
<td class="commit-time">
{{ .Author.When.Format "2006-01-02 15:04:05 -0700" }}
</td>
</tr>
{{- end }}
</tbody>
</table>
</div>
<div class="padding-wrapper">
<table id="file-tree">
<thead>
<tr class="title-row">
<th colspan="3">/ on {{ .ref }}</th>
</tr>
<tr>
<th scope="col">Mode</th>
<th scope="col">Name</th>
<th scope="col">Size</th>
</tr>
</thead>
<tbody>
{{- $ref := .ref }}
{{- range .files }}
<tr>
<td class="file-mode">{{ .Mode }}</td>
<td class="file-name"><a href="tree/{{ $ref }}/{{ .Name }}">{{ .Name }}</a>{{ if not .Is_file }}/{{ end }}</td>
<td class="file-size">{{ .Size }}</td>
</tr>
{{- end }}
</tbody>
</table>
</div>
<div class="padding-wrapper">
<div id="refs">
</div>
</div>
<div class="padding-wrapper">
{{ if .readme }}
<table id="readme">
<thead>
<tr class="title-row">
<th>
README.md
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
{{ .readme -}}
</td>
</tr>
</tbody>
</table>
{{ end }}
</div>
<footer>
{{ template "footer" . }}
</footer>
</body>
</html>
{{- end -}}
{{- define "repo_tree_dir" -}}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{ template "head_common" . }}
<title>{{ .group_name }}/repos/{{ .repo_name }}/{{ .path_spec }}{{ if ne .path_spec "" }}/{{ end }} – Lindenii Forge</title>
</head>
<body class="repo-tree-dir">
<div class="padding-wrapper">
<table id="file-tree">
<thead>
<tr class="title-row">
<th colspan="3">
/{{ .path_spec }}{{ if ne .path_spec "" }}/{{ end }} on {{ .ref }}
</th>
</tr>
<tr>
<th scope="col">Mode</th>
<th scope="col">Name</th>
<th scope="col">Size</th>
</tr>
</thead>
<tbody>
{{- $path_spec := .path_spec }}
{{- range .files }}
<tr>
<td class="file-mode">{{ .Mode }}</td>
<td class="file-name"><a href="{{ .Name }}{{ if not .Is_file }}/{{ end }}">{{ .Name }}</a>{{ if not .Is_file }}/{{ end }}</td>
<td class="file-size">{{ .Size }}</td>
</tr>
{{- end }}
</tbody>
</table>
</div>
<div class="padding-wrapper">
<div id="refs">
</div>
</div>
<div class="padding-wrapper">
{{ if .readme }}
<table id="readme">
<thead>
<tr class="title-row">
<th>
README.md
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
{{ .readme -}}
</td>
</tr>
</tbody>
</table>
{{ end }}
</div>
<footer>
{{ template "footer" . }}
</footer>
</body>
</html>
{{- end -}}
{{- define "repo_tree_file" -}}
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{ template "head_common" . }}
<link rel="stylesheet" href="/static/chroma.css" />
<title>{{ .group_name }}/repos/{{ .repo_name }}/{{ .path_spec }} – Lindenii Forge</title>
</head>
<body class="repo-tree-file">
<p>
/{{ .path_spec }}
</p>
{{ .file_contents }}
<footer>
{{ template "footer" . }}
</footer>
</body>
</html>
{{- end -}}