BuildDate, footer styling

README.md

@@ -7,7 +7,9 @@ go mod tidy
 ```bash
 export YTDLP_SITE_ADMIN_INITIAL_PASSWORD=abc123
 export YTDLP_SITE_SESSION_AUTH_KEY=v9qpt37hc4qpmhf
-go run *.go
+go run \
+ -ldflags "-X main.GitSHA=$(git rev-parse HEAD)" -ldflags "-X main.BuilDate=$(date)" \
+ *.go
 ```
 
 ## Environment Variables

config.go

@@ -7,6 +7,7 @@ import (
 )
 
 var GitSHA string
+var BuildDate string
 
 func getDataDir() string {
 	value, exists := os.LookupEnv("YTDLP_SITE_DATA_DIR")
@@ -54,11 +55,17 @@ func getSecure() bool {
 }
 
 func getGitSHA() string {
-
 	if GitSHA == "" {
 		return "<not provided>"
 	} else {
 		return GitSHA
 	}
-
+}
+
+func getBuildDate() string {
+	if BuildDate == "" {
+		return "<not provided>"
+	} else {
+		return BuildDate
+	}
 }

handlers.go

@@ -17,6 +17,18 @@ import (
 	"gorm.io/gorm"
 )
 
+type Footer struct {
+	BuildDate string
+	BuildId   string
+}
+
+func makeFooter() Footer {
+	return Footer{
+		BuildDate: getBuildDate(),
+		BuildId:   getGitSHA(),
+	}
+}
+
 var ytdlpAudioOptions = []string{"-f", "bestvideo[height<=1080]+bestaudio/best[height<=1080]"}
 var ytdlpVideoOptions = []string{"-f", "bestaudio"}
 
@@ -625,7 +637,7 @@ func videosHandler(c echo.Context) error {
 	return c.Render(http.StatusOK, "videos.html",
 		map[string]interface{}{
 			"videos": origs,
-			"build_id": getGitSHA(),
+			"Footer": makeFooter(),
 		})
 }
 
@@ -752,7 +764,7 @@ func videoHandler(c echo.Context) error {
 			"videos":   videoURLs,
 			"audios":   audioURLs,
 			"dataDir":  dataDir,
-			"build_id": getGitSHA(),
+			"Footer":   makeFooter(),
 		})
 }
 

static/style/footer.css

@@ -0,0 +1,9 @@
+.footer {
+    display: flex;
+    justify-content: space-evenly;
+    color: lightgray;
+}
+
+.footer a {
+    color: lightgray;
+}

templates/footer.html

@@ -1,7 +1,11 @@
 {{define "footer"}}
 <div class="footer">
+    <div class="build-date">
+        Build Date: {{.Footer.BuildDate}}
+    </div>
     <div class="build-id">
-        Build ID: <a href="https://github.com/cwpearson/ytdlp-site/compare/{{.build_id}}..master">{{.build_id}}</a>
+        Build ID: <a
+            href="https://github.com/cwpearson/ytdlp-site/compare/{{.Footer.BuildId}}..master">{{.Footer.BuildId}}</a>
     </div>
 </div>
 {{end}}