Local mode, Makefile, image fixes, Pete avatar

- Add -local flag: web/RSS-only mode that skips Matrix login and posting,
  so the web UI can be exercised against live feeds without credentials
- Add Makefile (build/local/seed/test/clean) that handles Tailwind +
  go build in one shot
- Fix Guardian thumbnails: NormalizeImageURL was rewriting width=1200
  onto signed i.guim.co.uk URLs, invalidating the s= signature and
  returning 401. Leave signed URLs alone and pick the widest
  media:content variant up front instead
- Use pete.avif as the header logo, favicon, and footer mark; drop the
  unused leaf.svg

internal/ingestion/image.go

@@ -24,6 +24,13 @@ func NormalizeImageURL(raw string) string {
 	if q.Get("width") == "" {
 		return raw
 	}
+	// The Guardian signs each (width, quality, fit, …) combination with `s=`.
+	// Changing width without re-signing yields a 401 "invalid signature",
+	// so leave signed URLs alone — the parser is now responsible for picking
+	// the widest media:content variant up front.
+	if q.Get("s") != "" {
+		return raw
+	}
 	q.Set("width", "1200")
 	u.RawQuery = q.Encode()
 	return u.String()

internal/ingestion/parser.go

@@ -6,10 +6,12 @@ import (
 	"log/slog"
 	"net/http"
 	"regexp"
+	"strconv"
 	"strings"
 	"time"
 
 	"github.com/mmcdole/gofeed"
+	ext "github.com/mmcdole/gofeed/extensions"
 )
 
 const userAgent = "Pete/1.0 (newsbot; +https://github.com/reala-misaki/pete)"
@@ -88,21 +90,19 @@ func extractLede(desc string) string {
 // scraped from content:encoded / description (catches feeds like Ars that
 // embed the lead image in the article body but not as a media:* element).
 func extractImageURL(item *gofeed.Item) string {
-	// Check media content (common in RSS 2.0 with media namespace)
+	// Check media content (common in RSS 2.0 with media namespace).
+	// When multiple media:content variants are advertised (Guardian RSS lists
+	// 140/460/700/1200…) we want the widest signed URL we can find.
 	if item.Extensions != nil {
 		if media, ok := item.Extensions["media"]; ok {
 			if contents, ok := media["content"]; ok {
-				for _, c := range contents {
-					if url := c.Attrs["url"]; url != "" {
-						return url
-					}
+				if url := widestURL(contents); url != "" {
+					return url
 				}
 			}
 			if thumbs, ok := media["thumbnail"]; ok {
-				for _, t := range thumbs {
-					if url := t.Attrs["url"]; url != "" {
-						return url
-					}
+				if url := widestURL(thumbs); url != "" {
+					return url
 				}
 			}
 			// media:group wraps nested media:content / media:thumbnail in some feeds
@@ -143,6 +143,25 @@ func extractImageURL(item *gofeed.Item) string {
 	return ""
 }
 
+// widestURL picks the entry with the largest declared width attribute, falling
+// back to the first URL if none have a parsable width.
+func widestURL(entries []ext.Extension) string {
+	best := ""
+	bestW := -1
+	for _, e := range entries {
+		url := e.Attrs["url"]
+		if url == "" {
+			continue
+		}
+		w, _ := strconv.Atoi(e.Attrs["width"])
+		if w > bestW {
+			best = url
+			bestW = w
+		}
+	}
+	return best
+}
+
 func firstImgSrc(htmlBody string) string {
 	if htmlBody == "" {
 		return ""

internal/web/static/img/leaf.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-  <path d="M48 8C28 8 12 22 12 42c0 6 2 12 6 16 4-12 14-22 26-26-10 8-16 18-18 30 16 0 30-14 30-34 0-8-4-16-8-20z" fill="#6db73c" stroke="#3f6e1f" stroke-width="3" stroke-linejoin="round"/>
-  <path d="M22 52c8-12 18-20 30-26" stroke="#3f6e1f" stroke-width="2" fill="none" stroke-linecap="round"/>
-</svg>

internal/web/templates/layout.html

@@ -8,7 +8,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/static/css/output.css">
-  <link rel="icon" href="/static/img/leaf.svg" type="image/svg+xml">
+  <link rel="icon" href="/static/img/pete.avif" type="image/avif">
   <script>
     // Pick a palette phase from the browser clock and update it each minute.
     (function () {
@@ -32,7 +32,8 @@
   <header class="mx-auto max-w-6xl px-4 pt-8 pb-4 sm:pt-12">
     <div class="flex items-center justify-between gap-4">
       <a href="/" class="flex items-center gap-3 group">
-        <span class="inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-[color:var(--card)] shadow-pete border-2 border-[color:var(--ink)]/10 text-2xl group-hover:-rotate-6 transition-transform">🌿</span>
+        <img src="/static/img/pete.avif" alt="Pete" width="48" height="48"
+             class="h-12 w-12 rounded-2xl bg-[color:var(--card)] shadow-pete border-2 border-[color:var(--ink)]/10 object-cover group-hover:-rotate-6 transition-transform">
         <span class="font-display text-3xl font-bold tracking-tight">{{.SiteTitle}}</span>
         <span class="hidden sm:inline rounded-full bg-[color:var(--accent)]/20 px-3 py-1 text-xs font-semibold uppercase tracking-wider text-[color:var(--ink)]/70" data-phase-label>day</span>
       </a>
@@ -54,6 +55,8 @@
   </main>
 
   <footer class="mx-auto max-w-6xl px-4 pb-10 text-center text-sm text-[color:var(--ink)]/50">
+    <img src="/static/img/pete.avif" alt="" width="20" height="20"
+         class="inline-block h-5 w-5 rounded-full object-cover align-[-4px] mr-1">
     served by <span class="font-semibold">Pete</span> · also a Matrix bot · <span data-clock>—</span>
   </footer>