change project styling, add log out link

Amolith created

Change summary

ws/static/home.html  |  6 +++---
ws/static/styles.css | 11 +++++++++--
2 files changed, 12 insertions(+), 5 deletions(-)

Detailed changes

ws/static/home.html 🔗 

@@ -18,15 +18,15 @@
         <link rel="stylesheet" href="/static/styles.css" />
     </head>
     <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>
         <div class="projects">
         {{- range . -}}
             <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>
                 {{- 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>
                     <details>
                         <summary>Expand release notes</summary>

ws/static/styles.css 🔗 

@@ -21,11 +21,12 @@ a:visited {
 
 .project {
     max-width: 500px;
-    border: 2px solid #ccc;
+    border: 2px solid #2f2f2f;
     background: #f8f8f8;
     border-radius: 5px;
     margin-top: 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 {
@@ -33,6 +34,12 @@ a:visited {
 }
 
 .project > h2 > span {
+    font-size: 12px;
+    float: right;
+}
+
+body > h1 > span {
+    font-size: 12px;
     float: right;
 }
 
@@ -63,7 +70,7 @@ details summary > * {
     }
 
     .project {
-        border: 2px solid #444;
+        border: 2px solid #ccc;
         background: #1c1c1c;
     }
 }