change project styling, add log out link

This commit is contained in:
Amolith 2023-10-28 23:17:41 -04:00
parent a30446940c
commit d0dd81602b
Signed by: Amolith
GPG Key ID: 8AE30347CE28D101
2 changed files with 12 additions and 5 deletions

View File

@ -18,15 +18,15 @@
<link rel="stylesheet" href="/static/styles.css" /> <link rel="stylesheet" href="/static/styles.css" />
</head> </head>
<body> <body>
<h1>Willow</h1> <h1>Willow &nbsp;&nbsp;&nbsp;<span><a href="/logout">Log out</a></span></h1>
<p><a href="/new">Track a new project</a></p> <p><a href="/new">Track a new project</a></p>
<div class="projects"> <div class="projects">
{{- range . -}} {{- range . -}}
<div class="project"> <div class="project">
<h2><a href="{{ .URL }}">{{ .Name }}</a>&nbsp;&nbsp;&nbsp;<span style="font-size: 12px;"><a href="/new?action=delete&url={{ .URL }}" class="normal-link">Delete?</a></span></h2> <h2><a href="{{ .URL }}">{{ .Name }}</a>&nbsp;&nbsp;&nbsp;<span><a href="/new?action=delete&url={{ .URL }}">Delete?</a></span></h2>
<p>Currently running {{ .Running }}.</p> <p>Currently running {{ .Running }}.</p>
{{- if ne .Running (index .Releases 0).Tag -}} {{- if ne .Running (index .Releases 0).Tag -}}
<p>New release available: <a href="{{ (index .Releases 0).URL }}" class="normal-link">{{ (index .Releases 0).Tag }}</a>. <a href="/new?action=update&url={{ .URL }}&forge={{ .Forge }}&name={{ .Name }}" class="normal-link">Update?</a></p> <p>New release available: <a href="{{ (index .Releases 0).URL }}">{{ (index .Releases 0).Tag }}</a>. <a href="/new?action=update&url={{ .URL }}&forge={{ .Forge }}&name={{ .Name }}">Update?</a></p>
<p> <p>
<details> <details>
<summary>Expand release notes</summary> <summary>Expand release notes</summary>

View File

@ -21,11 +21,12 @@ a:visited {
.project { .project {
max-width: 500px; max-width: 500px;
border: 2px solid #ccc; border: 2px solid #2f2f2f;
background: #f8f8f8; background: #f8f8f8;
border-radius: 5px; border-radius: 5px;
margin-top: 20px; margin-top: 20px;
padding: 20px 20px 0 20px; padding: 20px 20px 0 20px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
} }
.project > h2 { .project > h2 {
@ -33,6 +34,12 @@ a:visited {
} }
.project > h2 > span { .project > h2 > span {
font-size: 12px;
float: right;
}
body > h1 > span {
font-size: 12px;
float: right; float: right;
} }
@ -63,7 +70,7 @@ details summary > * {
} }
.project { .project {
border: 2px solid #444; border: 2px solid #ccc;
background: #1c1c1c; background: #1c1c1c;
} }
} }