💄 add some style

ad2ien · ad2ien · commit 538eff6d5985 · 2025-08-30T11:11:27.000+02:00
diff --git a/README.md b/README.md
@@ -78,6 +78,4 @@ docker run -v $(pwd)/migrations:/migrations --network host migrate/migrate -path
 ## TODO
 
 - [ ] lint go/docker
-- [ ] css
 - [ ] some interactivity with htmx
-- [ ] deploy
diff --git a/internal/datacontroller.go b/internal/datacontroller.go
@@ -91,7 +91,7 @@ func (d *DataController) GetAndSaveIssues() {
 
 	if d.matrixClient != nil {
 		for i := 0; i < len(news); i++ {
-			log.Info("Notify an issue ", news[i].Url)
+			log.Info("Notify an issue " + news[i].Url)
 			d.matrixClient.Notify(&news[i])
 		}
 	}
diff --git a/main.go b/main.go
@@ -7,6 +7,7 @@ import (
 	"html/template"
 	"net/http"
 	"os"
+	"time"
 
 	"github.com/charmbracelet/log"
 )
@@ -47,7 +48,9 @@ func main() {
 
 func startServer(controller *internal.DataController) {
 
-	tmpl := template.Must(template.ParseFS(templates, "templates/index.html"))
+	tmpl := template.Must(template.New("index.html").Funcs(template.FuncMap{
+		"date": formatDate,
+	}).ParseFS(templates, "templates/index.html"))
 
 	http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
 
@@ -65,3 +68,7 @@ func startServer(controller *internal.DataController) {
 	log.Info("Server listening on port 1983")
 	http.ListenAndServe(":1983", nil)
 }
+
+func formatDate(t time.Time) string {
+	return t.Format("2006-01-02 15:04:05")
+}
diff --git a/templates/index.html b/templates/index.html
@@ -2,24 +2,35 @@
 <html>
   <head>
     <title>Help the stars</title>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="color-scheme" content="light dark" />
+    {{/* <script src="https://unpkg.com/htmx.org@1.7.0/dist/htmx.min.js"></script> */}}
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
+    />
   </head>
-  <script src="https://unpkg.com/htmx.org@1.7.0/dist/htmx.min.js"></script>
+
   <body>
-    <h1>Help the stars</h1>
-    <h3>
-    {{if .CurrentlyUpdating}}
-      Currently updating..
-    {{else}}
-      Last update: {{ .LastUpdate }}
-    {{end}}
-    </h3>
+    <main class="container">
+      <h1>Help the stars</h1>
+      <p>
+        {{if .CurrentlyUpdating}} Currently updating... {{else}} Last update: {{
+        .LastUpdate | date }} {{end}}
+      </p>
 
-    {{ range .Issues }}
-    <h2>{{ .Title }}</h2>
-    <a href="{{ .Url }}">{{ .CreationDate }}</a>
-    <h3>{{ .RepoOwner }} - {{ .StargazersCount }}⭐</h3>
-    <p>{{ printf "%.100s" .IssueDescription }}...</p>
-    <p><i>{{ .RepoDescription }}</i></p>
-    {{ end }}
+      {{ range .Issues }}
+      <article>
+      <header>{{ .Title }}</header>
+      <p>{{ .RepoDescription }}</p>
+      {{ .RepoOwner }} - {{ .StargazersCount }}⭐
+      <p>
+      <pre>{{ printf "%.200s" .IssueDescription }}...</pre>
+      </p>
+      <footer><small><a href="{{ .Url }}">{{ .Url }}</a></small></footer>
+      </article>
+      {{ end }}
+    </main>
   </body>
 </html>

Original file line number	Diff line number	Diff line change
`@@ -91,7 +91,7 @@ func (d *DataController) GetAndSaveIssues() {`
`91`	`91`
`92`	`92`	`if d.matrixClient != nil {`
`93`	`93`	`for i := 0; i < len(news); i++ {`
`94`		`- log.Info("Notify an issue ", news[i].Url)`
	`94`	`+ log.Info("Notify an issue " + news[i].Url)`
`95`	`95`	`d.matrixClient.Notify(&news[i])`
`96`	`96`	`}`
`97`	`97`	`}`