Added a basic homepage

internal/ui/models/post.go

@@ -0,0 +1,67 @@
+package models
+
+import (
+	"fmt"
+
+	"github.com/camzawacki/personal-site/internal/pager"
+	"github.com/camzawacki/personal-site/internal/ui"
+	. "github.com/camzawacki/personal-site/internal/ui/components"
+	. "maragu.dev/gomponents"
+	. "maragu.dev/gomponents/html"
+)
+
+type (
+	Posts struct {
+		Posts []Post
+		Pager pager.Pager
+	}
+
+	Post struct {
+		ID          int
+		Title, Body string
+	}
+)
+
+func (p *Posts) Render(path string) Node {
+	g := make(Group, len(p.Posts))
+	for i, post := range p.Posts {
+		g[i] = post.Render()
+	}
+
+	return Div(
+		ID("posts"),
+		Ul(
+			Class("list bg-base-100 rounded-box shadow-md not-prose"),
+			g,
+		),
+		Div(Class("mb-4")),
+		Pager(p.Pager.Page, path, !p.Pager.IsEnd(), "#posts"),
+	)
+}
+
+func (p *Post) Render() Node {
+	return Li(
+		Class("list-row"),
+		Div(
+			Class("text-4xl font-thin opacity-30 tabular-nums"),
+			Text(fmt.Sprintf("%02d", p.ID)),
+		),
+		Div(
+			Img(
+				Class("size-10 rounded-box"),
+				Src(ui.StaticFile("gopher.png")),
+				Alt("Gopher"),
+			),
+		),
+		Div(
+			Class("list-col-grow"),
+			Div(
+				Text(p.Title),
+			),
+			Div(
+				Class("text-xs font-semibold opacity-60"),
+				Text(p.Body),
+			),
+		),
+	)
+}