Add footer to Sloth UI

Signed-off-by: Xabier Larrakoetxea <[email protected]>

Author: slok

internal/http/ui/static/css/main.css

@@ -98,3 +98,7 @@ mark {
     padding-bottom: 0.25em;
 }
 
+
+footer li {
+    font-size: 0.9rem;
+}

internal/http/ui/templates/shared/footer.tmpl

@@ -1,5 +1,18 @@
 {{define "shared_footer"}}
-<footer></footer>
+<footer class="container">
+    <hr>
+
+    <nav>
+    <ul>
+        <li>Code licensed under <a href=https://github.com/slok/sloth/blob/main/LICENSE>Apache 2.0</a>.</li>
+        <li>Running Sloth <small><mark>{{.Common.SlothVersion}}</mark></small></li>
+    </ul>
+    <ul>
+        <li><a href="https://sloth.dev/"> Docs</a></li>
+        <li><a href="https://github.com/slok/sloth"> Source code</a></li>
+    </ul>
+    </nav>
+</footer>
 
 <script src="https://unpkg.com/lucide@latest"></script>
 <script>lucide.createIcons();</script>

internal/http/ui/tpl.go

@@ -12,6 +12,7 @@ import (
 	"strings"
 	"text/template"
 
+	"github.com/slok/sloth/internal/info"
 	"github.com/slok/sloth/internal/log"
 )
 
@@ -75,12 +76,13 @@ func newTplRenderer(logger log.Logger) (*tplRenderer, error) {
 		logger: logger,
 		tpls:   templates,
 		CommonData: map[string]any{
-			"CSSPath":     urls.NonAppURL(staticPrefix + "/css"),
-			"JSPath":      urls.NonAppURL(staticPrefix + "/js"),
-			"ImagePath":   urls.NonAppURL(staticPrefix + "/img"),
-			"HomeURL":     urls.AppURL("/"),
-			"ServicesURL": urls.AppURL("/services"),
-			"SLOsURL":     urls.AppURL("/slos"),
+			"CSSPath":      urls.NonAppURL(staticPrefix + "/css"),
+			"JSPath":       urls.NonAppURL(staticPrefix + "/js"),
+			"ImagePath":    urls.NonAppURL(staticPrefix + "/img"),
+			"HomeURL":      urls.AppURL("/"),
+			"ServicesURL":  urls.AppURL("/services"),
+			"SLOsURL":      urls.AppURL("/slos"),
+			"SlothVersion": info.Version,
 		},
 	}, nil
 }