main
1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<title>forge</title>
7<style>
8body {
9 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
10 color: rgba(255, 255, 245, .86);
11 background: #1b1b1f;
12 margin: 0;
13 padding: 2rem 1rem;
14}
15.container {
16 max-width: 800px;
17 margin: 0 auto;
18}
19h1 {
20 border-bottom: 1px solid #3c3f44;
21 padding-bottom: 0.5rem;
22}
23details {
24 border-bottom: 1px solid #2e2e32;
25}
26summary {
27 cursor: pointer;
28 padding: 0.6rem 0;
29 color: rgba(235, 235, 245, .6);
30 font-size: 1rem;
31 list-style: disclosure-closed;
32}
33details[open] > summary {
34 list-style: disclosure-open;
35}
36.count {
37 color: rgba(235, 235, 245, .38);
38 font-size: 0.85rem;
39}
40ul {
41 list-style: none;
42 padding: 0;
43 margin: 0 0 0.5rem 1.25rem;
44}
45li {
46 padding: 0.3rem 0;
47}
48a {
49 color: #a8b1ff;
50 text-decoration: none;
51}
52a:hover {
53 text-decoration: underline;
54}
55</style>
56</head>
57<body>
58<div class="container">
59<h1>forge</h1>
60{{range .Categories}}<details>
61<summary>{{.Name}}/ <span class="count">({{len .Repos}})</span></summary>
62<ul>
63{{range .Repos}}<li><a href="{{.Category}}/{{.Name}}/">{{.Name}}</a></li>
64{{end}}</ul>
65</details>
66{{end}}</div>
67</body>
68</html>