@@ -0,0 +1,35 @@ 
+{{ define "changelog" }}
+{{ template "head" . }}
+{{ template "nav" . }}
+
+<h3>changelog</h3>
+
+<div class="changelog-entry">
+  <h3>august 2025</h3>
+  <ul>
+    <li>added read tracking - articles you've clicked on now appear purple across all your devices</li>
+    <li>renamed "settings" to "feeds" (old urls redirect automatically)</li>
+    <li>renamed "saves" to "archive" (old urls redirect automatically)</li>
+    <li>changed "save" button to "archive" button, "saving..." to "archiving..."</li>
+  </ul>
+</div>
+
+<div class="changelog-entry">
+  <h3>february 2025</h3>
+  <ul>
+    <li>archive.is -> archive.org</li>
+    <li>make save async</li>
+    <li>replace "discovery" with "finger"</li>
+  </ul>
+</div>
+
+
+<div class="changelog-entry">
+  <h3>earlier</h3>
+  <ul>
+    <li>lots of other stuff happened but who's counting</li>
+  </ul>
+</div>
+
+{{ template "tail" . }}
+{{ end }}

@@ -5,6 +5,9 @@ <a href="/">
 			vore.website
 		</a>
 	</h2>
+	<div class="changelog-marquee">
+		<marquee><a href="/changelog">✨ NEW: purple read tracking! settings→feeds! saves→archive! click for details ✨</a></marquee>
+	</div>
 	{{ if .LoggedIn }}
 	<a {{ if eq .Title "user" }}style="font-weight: bold;"{{ end }} href="/{{ .Username }}">home</a>
 	| <a {{ if eq .Title "archive" }}style="font-weight: bold;"{{ end }} href="/archive">archive</a>

@@ -51,6 +51,35 @@ nav a {
   color: #000;
 }
 
+.changelog-marquee {
+  font-size: 0.8rem;
+  margin: 0.5rem 0;
+  background-color: #ffff99;
+  border: 1px dashed #ff6600;
+  padding: 0.2rem;
+}
+
+.changelog-marquee a {
+  color: #ff6600;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.changelog-marquee a:hover {
+  background-color: #ff6600;
+  color: #ffff99;
+}
+
+.changelog-entry {
+  margin-bottom: 1.5rem;
+}
+
+.changelog-entry h4 {
+  margin-bottom: 0.5rem;
+  color: #666;
+  font-size: 0.9rem;
+}
+
 nav .left {
 	float: left;
 }
@@ -102,5 +131,23 @@ }
 
   ul li.read a:visited {
     color: #B894D1;
+  }
+
+  .changelog-marquee {
+    background-color: #444;
+    border-color: #ff9900;
+  }
+
+  .changelog-marquee a {
+    color: #ff9900;
+  }
+
+  .changelog-marquee a:hover {
+    background-color: #ff9900;
+    color: #444;
+  }
+
+  .changelog-entry h4 {
+    color: #a0a0a0;
   }
 }

@@ -14,6 +14,7 @@ http.HandleFunc("GET /archive", s.userSavesHandler)
 	http.HandleFunc("GET /static/{file}", s.staticHandler)
 	http.HandleFunc("GET /finger", s.fingerHandler)
 	http.HandleFunc("POST /finger", s.fingerHandler)
+	http.HandleFunc("GET /changelog", s.changelogHandler)
 	http.HandleFunc("GET /feeds", s.settingsHandler)
 	http.HandleFunc("POST /feeds/submit", s.settingsSubmitHandler)
 	http.HandleFunc("GET /login", s.loginHandler)

@@ -610,6 +610,10 @@ 
 	http.Redirect(w, r, decodedURL, http.StatusSeeOther)
 }
 
+func (s *Site) changelogHandler(w http.ResponseWriter, r *http.Request) {
+	s.renderPage(w, r, "changelog", nil)
+}
+
 func (s *Site) randomCutePhrase() string {
 	phrases := []string{
 		"nom nom posts (๑ᵔ⤙ᵔ๑)",