home.html

 1<!DOCTYPE html>
 2<html lang="en-GB">
 3    <head>
 4        <title>Willow</title>
 5        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6        <meta name="title" content="Willow">
 7        <meta name="description" content="Forge-agnostic software release tracker">
 8
 9        <!-- Indicate that we support both light and dark mode -->
10        <meta name="color-scheme" content="dark light">
11
12        <!-- Preload CSS reset -->
13        <link rel="preload" href="/static/reset.css" as="style" />
14        <link rel="stylesheet" href="/static/reset.css" />
15
16        <!-- Preload CSS styles -->
17        <link rel="preload" href="/static/colours.css" as="style" />
18        <link rel="stylesheet" href="/static/colours.css" />
19        <link rel="preload" href="/static/styles.css" as="style" />
20        <link rel="stylesheet" href="/static/styles.css" />
21    </head>
22    <body>
23        <header>
24            <h1>Willow</h1>
25            <nav>
26                <a href="/new">Track a new project</a>
27                <a href="/logout">Log out</a>
28            </nav>
29        </header>
30        <main class="two_column">
31            <div class="projects">
32                <!-- Range through projects that aren't yet up-to-date -->
33                {{- range . -}}
34                {{- if ne .Running (index .Releases 0).Tag -}}
35                <h2>Outdated projects</h2>
36                {{- break -}}
37                {{- end -}}
38                {{- end -}}
39                {{- range . -}}
40                {{- if ne .Running (index .Releases 0).Tag -}}
41                <div id="{{ .ID }}" class="project card">
42                    <h3><a href="{{ .URL }}">{{ .Name }}</a>&nbsp;&nbsp;&nbsp;<span class="delete"><a href="/new?action=delete&id={{ .ID }}">Delete?</a></span></h3>
43                    <p>You've selected {{ .Running }}. <a href="/new?action=update&url={{ .URL }}&forge={{ .Forge }}&name={{ .Name }}">Modify?</a></p>
44                    <p>Latest: <a href="{{ (index .Releases 0).URL }}">{{ (index .Releases 0).Tag }}</a></p>
45                    <p><a href="#{{ (index .Releases 0).ID }}">View release notes</a></p>
46                </div>
47                {{- end -}}
48                {{- end -}}
49
50                <!-- Range through projects that _are_ up-to-date -->
51                {{- range . -}}
52                {{- if eq .Running (index .Releases 0).Tag -}}
53                <h2>Up-to-date projects</h2>
54                {{- break -}}
55                {{- end -}}
56                {{- end -}}
57                {{- range . -}}
58                {{- if eq .Running (index .Releases 0).Tag -}}
59                <div class="project card">
60                    <h3><a href="{{ .URL }}">{{ .Name }}</a>&nbsp;&nbsp;&nbsp;<span class="delete"><a href="/new?action=delete&id={{ .ID }}">Delete?</a></span></h3>
61                    <p>You've selected <a href="#{{ (index .Releases 0).ID }}">{{ .Running }}</a>. <a href="/new?action=update&url={{ .URL }}&forge={{ .Forge }}&name={{ .Name }}">Modify?</a></p>
62                </div>
63                {{- end -}}
64                {{- end -}}
65            </div>
66            <div class="release_notes">
67                <h2>Release notes</h2>
68                {{- range . -}}
69                <div id="{{ (index .Releases 0).ID }}" class="release_note card">
70                    <h3>{{ .Name }}: release notes for <a href="{{ (index .Releases 0).URL }}">{{ (index .Releases 0).Tag }}</a> <span class="close"><a href="#">&#x2716;</a></span></h3>
71                    {{- if eq .Forge "github" "gitea" "forgejo" -}}
72                    {{- (index .Releases 0).Content -}}
73                    {{- else -}}
74                    <pre>
75                    {{- (index .Releases 0).Content -}}
76                    </pre>
77                    {{- end -}}
78                    <p><a class="return_to_project" href="#{{ .ID }}">Back to project</a></p>
79                </div>
80                {{- end -}}
81            </div>
82        </main>
83    </body>
84</html>