39 changed files with 326 additions and 1059 deletions
--- a/admin/blog/blog.go
+++ b/admin/blog/blog.go
@ -1,133 +0,0 @@
-package blog
-
-import (
-	"arimelody-web/admin/core"
-	"arimelody-web/admin/templates"
-	"arimelody-web/controller"
-	"arimelody-web/model"
-	"fmt"
-	"net/http"
-	"os"
-	"slices"
-)
-
-func Handler(app *model.AppState) http.Handler {
-    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        mux := http.NewServeMux()
-
-        mux.Handle("/{id}", serveBlogPost(app))
-        mux.Handle("/", serveBlogIndex(app))
-
-        mux.ServeHTTP(w, r)
-    })
-}
-
-type (
-    blogPost struct {
-        *model.BlogPost
-        Author *model.Account
-    }
-
-    blogPostGroup struct {
-        Year int
-        Posts []*blogPost
-    }
-)
-
-func serveBlogIndex(app *model.AppState) http.Handler {
-    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        session := r.Context().Value("session").(*model.Session)
-
-        posts, err := controller.GetBlogPosts(app.DB, false, -1, 0)
-        if err != nil {
-			fmt.Fprintf(os.Stderr, "WARN: Failed to fetch blog posts: %v\n", err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-            return
-        }
-
-        collections := []*blogPostGroup{}
-        collectionPosts := []*blogPost{}
-        collectionYear := -1
-        for i, post := range posts {
-            author, err := controller.GetAccountByID(app.DB, post.AuthorID)
-            if err != nil {
-                fmt.Fprintf(os.Stderr, "WARN: Failed to retrieve author of blog %s: %v\n", post.ID, err)
-                continue
-            }
-
-            if collectionYear == -1 {
-                collectionYear = post.CreatedAt.Year()
-            }
-
-            authoredPost := blogPost{
-                BlogPost: post,
-                Author: author,
-            }
-
-            if post.CreatedAt.Year() != collectionYear || i == len(posts) - 1 {
-                if i == len(posts) - 1 {
-                    collectionPosts = append(collectionPosts, &authoredPost)
-                }
-                collections = append(collections, &blogPostGroup{
-                    Year: collectionYear,
-                    Posts: slices.Clone(collectionPosts),
-                })
-                collectionPosts = []*blogPost{}
-                collectionYear = post.CreatedAt.Year()
-            }
-
-            collectionPosts = append(collectionPosts, &authoredPost)
-        }
-
-        type blogsData struct {
-            core.AdminPageData
-            TotalPosts int
-            Collections []*blogPostGroup
-        }
-
-        err = templates.BlogsTemplate.Execute(w, blogsData{
-            AdminPageData: core.AdminPageData{
-                Session: session,
-            },
-            TotalPosts: len(posts),
-            Collections: collections,
-        })
-		if err != nil {
-            fmt.Fprintf(os.Stderr, "WARN: Error rendering admin blog index: %v\n", err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-            return
-		}
-    })
-}
-
-func serveBlogPost(app *model.AppState) http.Handler {
-    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        session := r.Context().Value("session").(*model.Session)
-
-        blogID := r.PathValue("id")
-
-        post, err := controller.GetBlogPost(app.DB, blogID)
-        if err != nil {
-            fmt.Printf("can't find blog with ID %s\n", blogID)
-            http.NotFound(w, r)
-            return
-        }
-
-        type blogPostData struct {
-            core.AdminPageData
-            Post *model.BlogPost
-        }
-
-        err = templates.EditBlogTemplate.Execute(w, blogPostData{
-            AdminPageData: core.AdminPageData{
-                Session: session,
-            },
-            Post: post,
-        })
-		if err != nil {
-            fmt.Fprintf(os.Stderr, "WARN: Error rendering admin edit page for blog %s: %v\n", blogID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-            return
-		}
-    })
-}
--- a/admin/http.go
+++ b/admin/http.go
@ -7,7 +7,6 @@ import (

 	"arimelody-web/admin/account"
 	"arimelody-web/admin/auth"
-	"arimelody-web/admin/blog"
 	"arimelody-web/admin/core"
 	"arimelody-web/admin/logs"
 	"arimelody-web/admin/music"
@ -25,10 +24,8 @@ func Handler(app *model.AppState) http.Handler {
    mux.Handle("/totp", auth.LoginTOTPHandler(app))
    mux.Handle("/logout", core.RequireAccount(auth.LogoutHandler(app)))

-    mux.Handle("/logs", core.RequireAccount(logs.Handler(app)))
    mux.Handle("/music/", core.RequireAccount(http.StripPrefix("/music", music.Handler(app))))
-    mux.Handle("/blogs/", core.RequireAccount(http.StripPrefix("/blogs", blog.Handler(app))))
-
+    mux.Handle("/logs", core.RequireAccount(logs.Handler(app)))
    mux.Handle("/account/", core.RequireAccount(http.StripPrefix("/account", account.Handler(app))))

    mux.Handle("/static/", http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
@ -45,13 +42,13 @@ func Handler(app *model.AppState) http.Handler {
            view.ServeFiles("./admin/static"))).ServeHTTP(w, r)
        }))

-    mux.Handle("/", core.RequireAccount(adminIndexHandler(app)))
+    mux.Handle("/", core.RequireAccount(AdminIndexHandler(app)))

    // response wrapper to make sure a session cookie exists
    return core.EnforceSession(app, mux)
 }

-func adminIndexHandler(app *model.AppState) http.Handler {
+func AdminIndexHandler(app *model.AppState) http.Handler {
    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
        if r.URL.Path != "/" {
            http.NotFound(w, r)
--- a/admin/music/releasehttp.go
+++ b/admin/music/releasehttp.go
@ -156,8 +156,7 @@ func serveAddCredit(app *model.AppState, release *model.Release) http.Handler {

 func serveNewCredit(app *model.AppState) http.Handler {
    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        split := strings.Split(r.URL.Path, "/")
-        artistID := split[len(split) - 1]
+        artistID := strings.Split(r.URL.Path, "/")[3]
        artist, err := controller.GetArtist(app.DB, artistID)
        if err != nil {
            fmt.Fprintf(os.Stderr, "WARN: Failed to fetch artist %s: %s\n", artistID, err)
@ -195,7 +194,7 @@ func serveEditTracks(release *model.Release) http.Handler {

        type editTracksData struct { Release *model.Release }

-		for i, track := range release.Tracks { track.Number = i + 1 }
+        for i, track := range release.Tracks { track.Number = i + 1 }

        err := templates.EditTracksTemplate.Execute(w, editTracksData{ Release: release })
        if err != nil {
@ -233,8 +232,7 @@ func serveAddTrack(app *model.AppState, release *model.Release) http.Handler {

 func serveNewTrack(app *model.AppState) http.Handler {
    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        split := strings.Split(r.URL.Path, "/")
-        trackID := split[len(split) - 1]
+        trackID := strings.Split(r.URL.Path, "/")[3]
        track, err := controller.GetTrack(app.DB, trackID)
        if err != nil {
            fmt.Fprintf(os.Stderr, "WARN: Failed to fetch track %s: %s\n", trackID, err)
--- a/admin/releasehttp.go
+++ b/admin/releasehttp.go
@ -1,256 +0,0 @@
-package admin
-
-import (
-	"fmt"
-	"net/http"
-	"os"
-	"strings"
-
-	"arimelody-web/admin/core"
-	"arimelody-web/admin/templates"
-	"arimelody-web/controller"
-	"arimelody-web/model"
-)
-
-func serveReleases(app *model.AppState) http.Handler {
-    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        session := r.Context().Value("session").(*model.Session)
-
-        slices := strings.Split(strings.TrimPrefix(r.URL.Path, "/releases")[1:], "/")
-        releaseID := slices[0]
-
-        var action string = ""
-        if len(slices) > 1 {
-            action = slices[1]
-        }
-
-        if len(releaseID) > 0 {
-            serveRelease(app, releaseID, action).ServeHTTP(w, r)
-            return
-        }
-
-        type ReleasesData struct {
-            core.AdminPageData
-            Releases    []*model.Release
-        }
-
-        releases, err := controller.GetAllReleases(app.DB, false, 0, true)
-        if err != nil {
-            fmt.Fprintf(os.Stderr, "WARN: Failed to fetch releases: %s\n", err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-            return
-        }
-
-        err = templates.ReleasesTemplate.Execute(w, ReleasesData{
-            AdminPageData: core.AdminPageData{
-                Path: r.URL.Path,
-                Session: session,
-            },
-            Releases: releases,
-        })
-        if err != nil {
-            fmt.Fprintf(os.Stderr, "WARN: Failed to serve releases page: %s\n", err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-            return
-        }
-    })
-}
-
-func serveRelease(app *model.AppState, releaseID string, action string) http.Handler {
-    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        session := r.Context().Value("session").(*model.Session)
-
-        release, err := controller.GetRelease(app.DB, releaseID, true)
-        if err != nil {
-            if strings.Contains(err.Error(), "no rows") {
-                http.NotFound(w, r)
-                return
-            }
-            fmt.Printf("WARN: Failed to fetch full release data for %s: %s\n", releaseID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-            return
-        }
-
-        if len(action) > 0 {
-            switch action {
-            case "editcredits":
-                serveEditCredits(release).ServeHTTP(w, r)
-                return
-            case "addcredit":
-                serveAddCredit(app, release).ServeHTTP(w, r)
-                return
-            case "newcredit":
-                serveNewCredit(app).ServeHTTP(w, r)
-                return
-            case "editlinks":
-                serveEditLinks(release).ServeHTTP(w, r)
-                return
-            case "edittracks":
-                serveEditTracks(release).ServeHTTP(w, r)
-                return
-            case "addtrack":
-                serveAddTrack(app, release).ServeHTTP(w, r)
-                return
-            case "newtrack":
-                serveNewTrack(app).ServeHTTP(w, r)
-                return
-            }
-            http.NotFound(w, r)
-            return
-        }
-
-        type ReleaseResponse struct {
-            core.AdminPageData
-            Release *model.Release
-        }
-
-        for i, track := range release.Tracks { track.Number = i + 1 }
-
-        err = templates.EditReleaseTemplate.Execute(w, ReleaseResponse{
-            AdminPageData: core.AdminPageData{ Path: r.URL.Path, Session: session },
-            Release: release,
-        })
-        if err != nil {
-            fmt.Printf("WARN: Failed to serve admin release page for %s: %s\n", release.ID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-        }
-    })
-}
-
-func serveEditCredits(release *model.Release) http.Handler {
-    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        w.Header().Set("Content-Type", "text/html")
-        err := templates.EditCreditsTemplate.Execute(w, release)
-        if err != nil {
-            fmt.Printf("WARN: Failed to serve edit credits component for %s: %s\n", release.ID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-        }
-    })
-}
-
-func serveAddCredit(app *model.AppState, release *model.Release) http.Handler {
-    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        artists, err := controller.GetArtistsNotOnRelease(app.DB, release.ID)
-        if err != nil {
-            fmt.Printf("WARN: Failed to fetch artists not on %s: %s\n", release.ID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-            return
-        }
-
-        type response struct {
-            ReleaseID   string;
-            Artists     []*model.Artist
-        }
-
-        w.Header().Set("Content-Type", "text/html")
-        err = templates.AddCreditTemplate.Execute(w, response{
-            ReleaseID: release.ID,
-            Artists: artists,
-        })
-        if err != nil {
-            fmt.Printf("WARN: Failed to serve add credits component for %s: %s\n", release.ID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-        }
-    })
-}
-
-func serveNewCredit(app *model.AppState) http.Handler {
-    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        split := strings.Split(r.URL.Path, "/")
-        artistID := split[len(split) - 1]
-        artist, err := controller.GetArtist(app.DB, artistID)
-        if err != nil {
-            fmt.Printf("WARN: Failed to fetch artist %s: %s\n", artistID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-            return
-        }
-        if artist == nil {
-            http.NotFound(w, r)
-            return
-        }
-
-        w.Header().Set("Content-Type", "text/html")
-        err = templates.NewCreditTemplate.Execute(w, artist)
-        if err != nil {
-            fmt.Printf("WARN: Failed to serve new credit component for %s: %s\n", artist.ID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-        }
-    })
-}
-
-func serveEditLinks(release *model.Release) http.Handler {
-    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        w.Header().Set("Content-Type", "text/html")
-        err := templates.EditLinksTemplate.Execute(w, release)
-        if err != nil {
-            fmt.Printf("WARN: Failed to serve edit links component for %s: %s\n", release.ID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-        }
-    })
-}
-
-func serveEditTracks(release *model.Release) http.Handler {
-    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        w.Header().Set("Content-Type", "text/html")
-
-        type editTracksData struct { Release *model.Release }
-
-		for i, track := range release.Tracks { track.Number = i + 1 }
-
-        err := templates.EditTracksTemplate.Execute(w, editTracksData{ Release: release })
-        if err != nil {
-            fmt.Printf("WARN: Failed to serve edit tracks component for %s: %s\n", release.ID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-        }
-    })
-}
-
-func serveAddTrack(app *model.AppState, release *model.Release) http.Handler {
-    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        tracks, err := controller.GetTracksNotOnRelease(app.DB, release.ID)
-        if err != nil {
-            fmt.Printf("WARN: Failed to fetch tracks not on %s: %s\n", release.ID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-            return
-        }
-
-        type response struct {
-            ReleaseID   string;
-            Tracks      []*model.Track
-        }
-
-        w.Header().Set("Content-Type", "text/html")
-        err = templates.AddTrackTemplate.Execute(w, response{
-            ReleaseID: release.ID,
-            Tracks: tracks,
-        })
-        if err != nil {
-            fmt.Printf("WARN: Failed to add tracks component for %s: %s\n", release.ID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-        }
-    })
-}
-
-func serveNewTrack(app *model.AppState) http.Handler {
-    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
-        split := strings.Split(r.URL.Path, "/")
-        trackID := split[len(split) - 1]
-        track, err := controller.GetTrack(app.DB, trackID)
-        if err != nil {
-            fmt.Printf("WARN: Failed to fetch track %s: %s\n", trackID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-            return
-        }
-        if track == nil {
-            http.NotFound(w, r)
-            return
-        }
-
-        w.Header().Set("Content-Type", "text/html")
-        err = templates.NewTrackTemplate.Execute(w, track)
-        if err != nil {
-            fmt.Printf("WARN: Failed to serve new track component for %s: %s\n", track.ID, err)
-            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
-        }
-    })
-}
--- a/admin/static/admin.css
+++ b/admin/static/admin.css
@ -111,7 +111,7 @@ body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: var(--fg-0);
-    background-color: var(--bg-0);
+    background: var(--bg-0);

    transition: background .1s ease-out, color .1s ease-out;
 }
@ -252,6 +252,12 @@ a {
    transition: color .1s ease-out, background-color .1s ease-out;
 }

+/*
+a:hover {
+    text-decoration: underline;
+}
+*/
+
 img.icon {
    height: .8em;
    transition: filter .1s ease-out;
@ -264,6 +270,10 @@ code {
    border-radius: 4px;
 }

+h1 {
+    margin: 0 0 .5em 0;
+}
+


 .cards {
@ -277,7 +287,7 @@ code {
 .card {
    flex-basis: 40em;
    padding: 1em;
-    background-color: var(--bg-1);
+    background: var(--bg-1);
    border-radius: 16px;
    box-shadow: var(--shadow-lg);

@ -355,7 +365,7 @@ a.delete:not(.button) {
    font-size: inherit;

    color: inherit;
-    background-color: var(--bg-2);
+    background: var(--bg-2);
    border: none;
    border-radius: 10em;
    box-shadow: var(--shadow-sm);
@ -374,27 +384,27 @@ button:active, .button:active {

 .button.new, button.new {
    color: var(--col-on-new);
-    background-color: var(--col-new);
+    background: var(--col-new);
 }
 .button.save, button.save {
    color: var(--col-on-save);
-    background-color: var(--col-save);
+    background: var(--col-save);
 }
 .button.delete, button.delete {
    color: var(--col-on-delete);
-    background-color: var(--col-delete);
+    background: var(--col-delete);
 }
 .button:hover, button:hover {
    color: var(--bg-3);
-    background-color: var(--fg-3);
+    background: var(--fg-3);
 }
 .button:active, button:active {
    color: var(--bg-2);
-    background-color: var(--fg-0);
+    background: var(--fg-0);
 }
 .button[disabled], button[disabled] {
    color: var(--fg-0) !important;
-    background-color: var(--bg-3) !important;
+    background: var(--bg-3) !important;
    opacity: .5;
    cursor: default !important;
 }
--- a/admin/static/artists.css
+++ b/admin/static/artists.css
@ -2,7 +2,7 @@
    padding: .5em;

    color: var(--fg-3);
-    background-color: var(--bg-2);
+    background: var(--bg-2);
    box-shadow: var(--shadow-md);
    border-radius: 16px;
    text-align: center;
@ -12,7 +12,7 @@
 }

 .artist:hover {
-    background-color: var(--bg-1);
+    background: var(--bg-1);
    text-decoration: hover;
 }

--- a/admin/static/artists.js
+++ b/admin/static/artists.js
@ -4,29 +4,4 @@ document.addEventListener("readystatechange", () => {
    document.querySelectorAll(".artists-group .artist").forEach(el => {
        hijackClickEvent(el, el.querySelector("a.artist-name"))
    });
-
-    const newArtistBtn = document.getElementById("create-artist");
-    if (newArtistBtn) newArtistBtn.addEventListener("click", event => {
-        event.preventDefault();
-        const id = prompt("Enter an ID for this artist:");
-        if (id == null || id == "") return;
-
-        fetch("/api/v1/artist", {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({id})
-        }).then(res => {
-            res.text().then(text => {
-                if (res.ok) {
-                    location = "/admin/artists/" + id;
-                } else {
-                    alert(text);
-                    console.error(text);
-                }
-            })
-        }).catch(err => {
-            alert("Failed to create artist. Check the console for details.");
-            console.error(err);
-        });
-    });
 });
--- a/admin/static/blog.css
+++ b/admin/static/blog.css
@ -1,80 +0,0 @@
-.blog-collection h2 {
-    margin: .5em 1em;
-    font-size: 1em;
-    text-transform: uppercase;
-    font-weight: 600;
-    color: var(--fg-0);
-}
-
-.blogpost {
-    padding: 1em;
-    display: block;
-    border-radius: 8px;
-    background-color: var(--bg-2);
-    box-shadow: var(--shadow-md);
-}
-
-.blogpost .title {
-    margin: 0;
-    font-size: 1.5em;
-}
-
-.blogpost .title small {
-    display: inline-block;
-    font-size: .6em;
-    transform: translateY(-0.1em);
-    color: var(--fg-0);
-}
-
-.blogpost .description {
-    margin: .5em 0 .6em 0;
-    color: var(--fg-1);
-}
-
-.blogpost .meta {
-    margin: 0;
-    font-size: .8em;
-    color: var(--fg-0);
-}
-
-.blogpost .meta .author {
-    color: var(--fg-1);
-}
-
-.blogpost .meta .author img {
-    width: 1.3em;
-    height: 1.3em;
-    margin-right: .2em;
-    display: inline-block;
-    transform: translate(0, 4px);
-    border-radius: 4px;
-}
-
-.blogpost a:hover {
-    text-decoration: underline;
-}
-
-.blogpost .actions {
-    margin-top: .5em;
-    display: flex;
-    gap: .3em;
-    user-select: none;
-    color: var(--fg-3);
-}
-
-.blogpost .actions a {
-    padding: .3em .5em;
-    display: inline-block;
-
-    border-radius: 4px;
-    background-color: var(--bg-3);
-    box-shadow: var(--shadow-sm);
-
-    transition: color .1s ease-out, background-color .1s ease-out;
-}
-
-.blogpost .actions a:hover {
-    background-color: var(--bg-0);
-    color: var(--fg-3);
-    text-decoration: none;
-}
--- a/admin/static/blog.js
+++ b/admin/static/blog.js
--- a/admin/static/edit-account.css
+++ b/admin/static/edit-account.css
@ -33,7 +33,7 @@ form#delete-account input {
    justify-content: space-between;

    color: var(--fg-3);
-    background-color: var(--bg-2);
+    background: var(--bg-2);
    box-shadow: var(--shadow-md);
    border-radius: 16px;
 }
--- a/admin/static/edit-artist.css
+++ b/admin/static/edit-artist.css
@ -6,7 +6,7 @@
    gap: 1.2em;

    border-radius: 16px;
-    background-color: var(--bg-2);
+    background: var(--bg-2);
    box-shadow: var(--shadow-md);
 }

@ -50,11 +50,18 @@ input[type="text"] {
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
-    background-color: var(--bg-0);
+    background: var(--bg-0);
    border: none;
    border-radius: 4px;
    outline: none;
 }
+input[type="text"]:hover {
+    border-color: #80808080;
+}
+input[type="text"]:active,
+input[type="text"]:focus {
+    border-color: #808080;
+}

 .artist-actions {
    margin-top: auto;
@ -77,7 +84,7 @@ input[type="text"] {
    align-items: center;

    border-radius: 16px;
-    background-color: var(--bg-2);
+    background: var(--bg-2);
    box-shadow: var(--shadow-md);

    cursor: pointer;
@ -85,7 +92,7 @@ input[type="text"] {
 }

 .credit:hover {
-    background-color: var(--bg-1);
+    background: var(--bg-1);
 }

 .release-artwork {
--- a/admin/static/edit-blog.css
+++ b/admin/static/edit-blog.css
@ -1,100 +0,0 @@
-input[type="text"] {
-    padding: .3em .5em;
-    font-size: inherit;
-    font-family: inherit;
-    border: none;
-    border-radius: 4px;
-    outline: none;
-    color: inherit;
-    background-color: var(--bg-1);
-    box-shadow: var(--shadow-sm);
-}
-
-#blogpost {
-    margin-bottom: 1em;
-    padding: 1.5em;
-
-    border-radius: 8px;
-    background-color: var(--bg-2);
-    box-shadow: var(--shadow-lg);
-
-    transition: background .1s ease-out, color .1s ease-out;
-}
-
-#blogpost label {
-    margin: 1.2em 0 .2em .1em;
-    display: block;
-    font-size: .8em;
-    text-transform: uppercase;
-    font-weight: 600;
-}
-#blogpost label:first-of-type {
-    margin-top: 0;
-}
-
-#blogpost h2 {
-    margin: 0;
-    font-size: 2em;
-}
-
-#blogpost #title {
-    width: 100%;
-    margin: 0 -.2em;
-    padding: 0 .2em;
-    resize: none;
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: bold;
-    border-radius: 4px;
-    border: 1px solid transparent;
-    background: transparent;
-    color: var(--fg-3);
-    outline: none;
-    cursor: pointer;
-    transition: background .1s ease-out, border-color .1s ease-out;
-
-    /*position: relative; outline: none;*/
-    white-space: pre-wrap; overflow-wrap: break-word;
-}
-
-#blogpost #title:hover {
-    background-color: var(--bg-3);
-    border-color: var(--fg-0);
-}
-
-#blogpost #title:active,
-#blogpost #title:focus {
-    background-color: var(--bg-3);
-}
-
-#blogpost textarea {
-    width: calc(100% - 2em);
-    margin: 0;
-    padding: 1em;
-    display: block;
-    border: none;
-    border-radius: 4px;
-    background-color: var(--bg-1);
-    color: var(--fg-3);
-    box-shadow: var(--shadow-md);
-    resize: vertical;
-    outline: none;
-}
-
-#blogpost #description {
-    font-family: inherit;
-}
-
-#blogpost select {
-    padding: .5em .8em;
-    font-size: inherit;
-    border: none;
-    border-radius: 10em;
-    color: var(--fg-3);
-    background-color: var(--bg-1);
-    box-shadow: var(--shadow-sm);
-}
-
-#blogpost .blog-actions {
-    margin-top: 1em;
-}
--- a/admin/static/edit-blog.js
+++ b/admin/static/edit-blog.js
@ -1,63 +0,0 @@
-const blogID = document.getElementById("blogpost").dataset.id;
-const titleInput = document.getElementById("title");
-const descInput = document.getElementById("description");
-const mdInput = document.getElementById("markdown");
-const blueskyActorInput = document.getElementById("bluesky-actor");
-const blueskyPostInput = document.getElementById("bluesky-post");
-const visInput = document.getElementById("visibility");
-const saveBtn = document.getElementById("save");
-const deleteBtn = document.getElementById("delete");
-
-saveBtn.addEventListener("click", () => {
-    fetch("/api/v1/blog/" + blogID, {
-        method: "PUT",
-        body: JSON.stringify({
-            title: titleInput.value,
-            description: descInput.value,
-            markdown: mdInput.value,
-            bluesky_actor: blueskyActorInput.value,
-            bluesky_post: blueskyPostInput.value,
-            visible: visInput.value === "true",
-        }),
-        headers: { "Content-Type": "application/json" }
-    }).then(res => {
-        if (!res.ok) {
-            res.text().then(error => {
-                console.error(error);
-                alert("Failed to update blog post: " + error);
-            });
-            return;
-        }
-
-        location = location;
-    });
-});
-
-deleteBtn.addEventListener("click", () => {
-    if (blogID != prompt(
-        "You are about to permanently delete " + blogID + ". " +
-        "This action is irreversible. " +
-        "Please enter \"" + blogID + "\" to continue.")) return;
-    fetch("/api/v1/blog/" + blogID, {
-        method: "DELETE",
-    }).then(res => {
-        if (!res.ok) {
-            res.text().then(error => {
-                console.error(error);
-                alert("Failed to delete blog post: " + error);
-            });
-            return;
-        }
-
-        location = "/admin";
-    });
-});
-
-[titleInput, descInput, mdInput, blueskyActorInput, blueskyPostInput, visInput].forEach(input => {
-    input.addEventListener("change", () => {
-        saveBtn.disabled = false;
-    });
-    input.addEventListener("keypress", () => {
-        saveBtn.disabled = false;
-    });
-});
--- a/admin/static/edit-release.css
+++ b/admin/static/edit-release.css
@ -12,7 +12,7 @@ input[type="text"] {
    gap: 1.2em;

    border-radius: 8px;
-    background-color: var(--bg-2);
+    background: var(--bg-2);
    box-shadow: var(--shadow-md);

    transition: background .1s ease-out, color .1s ease-out;
@ -33,7 +33,7 @@ input[type="text"] {
 .release-artwork #remove-artwork {
    margin-top: .5em;
    padding: .3em .6em;
-    background-color: var(--bg-3);
+    background: var(--bg-3);
 }

 .release-info {
@ -62,13 +62,13 @@ input[type="text"] {
 }

 #title:hover {
-    background-color: var(--bg-3);
+    background: var(--bg-3);
    border-color: var(--fg-0);
 }

 #title:active,
 #title:focus {
-    background-color: var(--bg-3);
+    background: var(--bg-3);
 }

 .release-title small {
@ -93,7 +93,7 @@ input[type="text"] {
 .release-info table tr td:not(:first-child) select:hover,
 .release-info table tr td:not(:first-child) input:hover,
 .release-info table tr td:not(:first-child) textarea:hover {
-    background-color: var(--bg-3);
+    background: var(--bg-3);
    cursor: pointer;
 }
 .release-info table td select,
@ -127,7 +127,7 @@ input[type="text"] {
 .release-actions button,
 .release-actions .button {
    color: var(--fg-2);
-    background-color: var(--bg-3);
+    background: var(--bg-3);
 }

 dialog {
@ -234,7 +234,7 @@ dialog div.dialog-actions {
    gap: 1em;

    border-radius: 8px;
-    background-color: var(--bg-2);
+    background: var(--bg-2);
    box-shadow: var(--shadow-md);
 }

@ -280,7 +280,7 @@ dialog div.dialog-actions {
    border: none;
    border-radius: 4px;
    color: var(--fg-2);
-    background-color: var(--bg-0);
+    background: var(--bg-0);
 }
 #editcredits .credit .credit-info .credit-attribute input[type="checkbox"] {
    margin: 0 .3em;
@ -299,7 +299,6 @@ dialog div.dialog-actions {
 #editcredits .credit .delete {
    margin-right: .5em;
    cursor: pointer;
-    overflow: visible;
 }
 #editcredits .credit .delete:hover {
    text-decoration: underline;
@ -316,17 +315,14 @@ dialog div.dialog-actions {
    display: flex;
    gap: .5em;
    cursor: pointer;
-    background-color: var(--bg-2);
 }

 #addcredit ul li.new-artist:nth-child(even) {
    background: #f0f0f0;
-    background-color: var(--bg-1);
 }

 #addcredit ul li.new-artist:hover {
    background: #e0e0e0;
-    background-color: var(--bg-2);
 }

 #addcredit .new-artist .artist-id {
@ -379,8 +375,6 @@ dialog div.dialog-actions {

 #editlinks tr {
    display: flex;
-    background-color: var(--bg-1);
-    transition: background-color .1s ease-out;
 }

 #editlinks th {
@ -391,7 +385,7 @@ dialog div.dialog-actions {
 }

 #editlinks tr:nth-child(odd) {
-    background-color: var(--bg-2);
+    background: #f8f8f8;
 }

 #editlinks tr th,
@ -422,11 +416,6 @@ dialog div.dialog-actions {
    width: 1em;
    pointer-events: none;
 }
-@media (prefers-color-scheme: dark) {
-    #editlinks tr .grabber img {
-        filter: invert();
-    }
-}
 #editlinks tr .link-name {
    width: 8em;
 }
@ -465,7 +454,6 @@ dialog div.dialog-actions {
 }

 #edittracks .track {
-    background-color: var(--bg-2);
    transition: transform .2s ease-out, opacity .2s;
 }

@ -488,7 +476,7 @@ dialog div.dialog-actions {
 }

 #edittracks .track:nth-child(even) {
-    background-color: var(--bg-1);
+    background: #f0f0f0;
 }

 #edittracks .track-number {
@ -504,6 +492,7 @@ dialog div.dialog-actions {
 #addtrack ul {
    padding: 0;
    list-style: none;
+    background: #f8f8f8;
 }

 #addtrack ul li.new-track {
--- a/admin/static/edit-track.css
+++ b/admin/static/edit-track.css
@ -8,7 +8,7 @@
    gap: 1.2em;

    border-radius: 16px;
-    background-color: var(--bg-2);
+    background: var(--bg-2);
    box-shadow: var(--shadow-md);
 }

@ -45,13 +45,25 @@
    font-weight: inherit;
    font-family: inherit;
    font-size: inherit;
-    background-color: var(--bg-0);
+    background: var(--bg-0);
    border: none;
    border-radius: 4px;
    outline: none;
    color: inherit;
 }

+.track-info input[type="text"]:hover,
+.track-info textarea:hover {
+    border-color: #80808080;
+}
+
+.track-info input[type="text"]:active,
+.track-info textarea:active,
+.track-info input[type="text"]:focus,
+.track-info textarea:focus {
+    border-color: #808080;
+}
+
 .track-actions {
    margin-top: 1em;
    display: flex;
--- a/admin/static/index.js
+++ b/admin/static/index.js
@ -0,0 +1,74 @@
+const newReleaseBtn = document.getElementById("create-release");
+const newArtistBtn = document.getElementById("create-artist");
+const newTrackBtn = document.getElementById("create-track");
+
+newReleaseBtn.addEventListener("click", event => {
+    event.preventDefault();
+    const id = prompt("Enter an ID for this release:");
+    if (id == null || id == "") return;
+
+    fetch("/api/v1/music", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({id})
+    }).then(res => {
+        if (res.ok) location = "/admin/releases/" + id;
+        else {
+            res.text().then(err => {
+                alert("Request failed: " + err);
+                console.error(err);
+            });
+        }
+    }).catch(err => {
+        alert("Failed to create release. Check the console for details.");
+        console.error(err);
+    });
+});
+
+newArtistBtn.addEventListener("click", event => {
+    event.preventDefault();
+    const id = prompt("Enter an ID for this artist:");
+    if (id == null || id == "") return;
+
+    fetch("/api/v1/artist", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({id})
+    }).then(res => {
+        res.text().then(text => {
+            if (res.ok) {
+                location = "/admin/artists/" + id;
+            } else {
+                alert("Request failed: " + text);
+                console.error(text);
+            }
+        })
+    }).catch(err => {
+        alert("Failed to create artist. Check the console for details.");
+        console.error(err);
+    });
+});
+
+newTrackBtn.addEventListener("click", event => {
+    event.preventDefault();
+    const title = prompt("Enter an title for this track:");
+    if (title == null || title == "") return;
+
+    fetch("/api/v1/track", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({title})
+    }).then(res => {
+        res.text().then(text => {
+            if (res.ok) {
+                location = "/admin/tracks/" + text;
+            } else {
+                alert("Request failed: " + text);
+                console.error(text);
+            }
+        })
+    }).catch(err => {
+        alert("Failed to create track. Check the console for details.");
+        console.error(err);
+    });
+});
--- a/admin/static/logs.css
+++ b/admin/static/logs.css
@ -8,7 +8,7 @@ form#search-form {
    padding: 1em;
    border-radius: 16px;
    color: var(--fg-0);
-    background-color: var(--bg-2);
+    background: var(--bg-2);
    box-shadow: var(--shadow-md);
 }

@ -23,7 +23,7 @@ div#search {
    border: none;
    border-radius: 16px;
    color: var(--fg-1);
-    background-color: var(--bg-0);
+    background: var(--bg-0);
    box-shadow: var(--shadow-sm);
 }

@ -100,8 +100,8 @@ td.log-content {

 #logs .log.warn {
    color: var(--col-on-warn);
-    background-color: var(--col-warn);
+    background: var(--col-warn);
 }
 #logs .log.warn:hover {
-    background-color: var(--col-warn-hover);
+    background: var(--col-warn-hover);
 }
--- a/admin/static/releases.css
+++ b/admin/static/releases.css
@ -6,7 +6,7 @@
    gap: 1em;

    border-radius: 16px;
-    background-color: var(--bg-2);
+    background: var(--bg-2);
    box-shadow: var(--shadow-md);

    transition: background .1s ease-out, color .1s ease-out;
@ -67,14 +67,14 @@
    display: inline-block;

    border-radius: 4px;
-    background-color: var(--bg-3);
+    background: var(--bg-3);
    box-shadow: var(--shadow-sm);

    transition: color .1s ease-out, background .1s ease-out;
 }

 .release .release-actions a:hover {
-    background-color: var(--bg-0);
+    background: var(--bg-0);
    color: var(--fg-3);
    text-decoration: none;
 }
--- a/admin/static/releases.js
+++ b/admin/static/releases.js
@ -1,25 +0,0 @@
-document.addEventListener('readystatechange', () => {
-    const newReleaseBtn = document.getElementById("create-release");
-    if (newReleaseBtn) newReleaseBtn.addEventListener("click", event => {
-        event.preventDefault();
-        const id = prompt("Enter an ID for this release:");
-        if (id == null || id == "") return;
-
-        fetch("/api/v1/music", {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({id})
-        }).then(res => {
-            if (res.ok) location = "/admin/releases/" + id;
-            else {
-                res.text().then(err => {
-                    alert(err);
-                    console.error(err);
-                });
-            }
-        }).catch(err => {
-            alert("Failed to create release. Check the console for details.");
-            console.error(err);
-        });
-    });
-});
--- a/admin/static/tracks.css
+++ b/admin/static/tracks.css
@ -12,7 +12,7 @@
    gap: .5em;

    border-radius: 16px;
-    background-color: var(--bg-2);
+    background: var(--bg-2);
    box-shadow: var(--shadow-md);

    transition: background .1s ease-out, color .1s ease-out;
@ -44,6 +44,11 @@
    opacity: .5;
 }

+#tracks .track-album.empty {
+    color: #ff2020;
+    opacity: 1;
+}
+
 #tracks .track-description {
    font-style: italic;
 }
@ -62,4 +67,61 @@
    margin: 0;
    display: flex;
    flex-direction: row;
+    /*
+    justify-content: space-between;
+    */
 }
+
+/*
+.track {
+    margin-bottom: 1em;
+    padding: 1em;
+    display: flex;
+    flex-direction: column;
+    gap: .5em;
+
+    border-radius: 8px;
+    background-color: var(--bg-2);
+    box-shadow: var(--shadow-md);
+
+    transition: color .1s ease-out, background-color .1s ease-out;
+}
+
+.track p {
+    margin: 0;
+}
+
+.track-id {
+    width: fit-content;
+    font-family: "Monaspace Argon", monospace;
+    font-size: .8em;
+    font-style: italic;
+    line-height: 1em;
+    user-select: all;
+}
+
+.track-album {
+    margin-left: auto;
+    font-style: italic;
+    font-size: .75em;
+    opacity: .5;
+}
+
+.track-album.empty {
+    color: #ff2020;
+    opacity: 1;
+}
+
+.track-description {
+    font-style: italic;
+}
+
+.track-lyrics {
+    max-height: 10em;
+    overflow-y: scroll;
+}
+
+.track .empty {
+    opacity: 0.75;
+}
+*/
--- a/admin/static/tracks.js
+++ b/admin/static/tracks.js
@ -1,24 +0,0 @@
-const newTrackBtn = document.getElementById("create-track");
-if (newTrackBtn) newTrackBtn.addEventListener("click", event => {
-    event.preventDefault();
-    const title = prompt("Enter an title for this track:");
-    if (title == null || title == "") return;
-
-    fetch("/api/v1/track", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({title})
-    }).then(res => {
-        res.text().then(text => {
-            if (res.ok) {
-                location = "/admin/tracks/" + text;
-            } else {
-                alert(text);
-                console.error(text);
-            }
-        })
-    }).catch(err => {
-        alert("Failed to create track. Check the console for details.");
-        console.error(err);
-    });
-});
--- a/admin/templates/html/blogs.html
+++ b/admin/templates/html/blogs.html
@ -1,33 +0,0 @@
-{{define "head"}}
-<title>Blog - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/admin/static/blog.css">
-{{end}}
-
-{{define "content"}}
-<main>
-    <header>
-        <h1>Blog Posts <small>({{.TotalPosts}} total)</small></h2>
-        <a class="button new" id="create-post">Create New</a>
-    </header>
-
-    {{if .Collections}}
-    <div class="blog-group">
-        {{range .Collections}}
-        {{if .Posts}}
-        <div class="blog-collection">
-            <h2>{{.Year}}</h2>
-            {{range .Posts}}
-            {{block "blogpost" .}}{{end}}
-            {{end}}
-        </div>
-        {{end}}
-        {{end}}
-    </div>
-    {{else}}
-    <p>There are no blog posts.</p>
-    {{end}}
-</main>
-
-<script type="module" src="/admin/static/blog.js"></script>
-{{end}}
--- a/admin/templates/html/components/blog/blogpost.html
+++ b/admin/templates/html/components/blog/blogpost.html
@ -1,14 +0,0 @@
-{{define "blogpost"}}
-<div class="blogpost">
-    <h3 class="title"><a href="/admin/blogs/{{.ID}}">{{.Title}}</a>{{if not .Visible}} <small>(Not published)</small>{{end}}</h3>
-    <p class="meta">
-    <span class="author"><img src="/img/favicon.png" alt="{{.Author.Username}}'s avatar" width="32" height="32"/> {{.Author.Username}}</span>
-    <span class="date">&bull; {{.PrintDate}}</span>
-    </p>
-    <p class="description">{{.Description}}</p>
-    <div class="actions">
-        <a href="/admin/blogs/{{.ID}}">Edit</a>
-        <a href="/blog/{{.ID}}">View</a>
-    </div>
-</div>
-{{end}}
--- a/admin/templates/html/components/track/edittracks.html
+++ b/admin/templates/html/components/track/edittracks.html
@ -49,6 +49,7 @@

                deleteBtn.addEventListener("click", e => {
                    e.preventDefault();
+                    if (!confirm("Are you sure you want to remove " + trackTitle + "?")) return;
                    trackItem.remove();
                    refreshTrackNumbers();
                });
--- a/admin/templates/html/edit-blog.html
+++ b/admin/templates/html/edit-blog.html
@ -1,87 +0,0 @@
-{{define "head"}}
-<title>Editing {{.Post.Title}} - ari melody 💫</title>
-<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
-<link rel="stylesheet" href="/admin/static/edit-blog.css">
-{{end}}
-
-{{define "content"}}
-<main>
-    <h1>Editing Blog Post</h1>
-
-    <div id="blogpost" data-id="{{.Post.ID}}">
-        <label for="title">Title</label>
-        <h2 id="blog-title">
-            <div
-                id="title"
-                name="title"
-                role="textbox"
-                aria-multiline="true"
-                spellcheck="true"
-                aria-haspopup="listbox"
-                aria-invalid="false"
-                aria-autocomplete="list"
-                autocorrect="off"
-                contenteditable="true"
-                zindex="-1"
-                >{{.Post.Title}}</div>
-        </h2>
-
-        <label for="description">Description</label>
-        <textarea
-                id="description"
-                name="description"
-                value="{{.Post.Description}}"
-                placeholder="No description provided."
-                rows="3"
-                >{{.Post.Description}}</textarea>
-
-        <label for="markdown">Markdown</label>
-        <textarea
-                id="markdown"
-                name="markdown"
-                value="{{.Post.Markdown}}"
-                rows="30"
-                >{{.Post.Markdown}}</textarea>
-
-        <label for="bluesky-actor">Bluesky Author DID</label>
-        <input
-                type="text"
-                name="bluesky-actor"
-                id="bluesky-actor"
-                placeholder="did:plc:1234abcd..."
-                value="{{if .Post.BlueskyActorID}}{{.Post.BlueskyActorID}}{{end}}">
-        <label for="bluesky-post">Bluesky Post ID</label>
-        <input
-                type="text"
-                name="bluesky-post"
-                id="bluesky-post"
-                placeholder="3m109a03..."
-                value="{{if .Post.BlueskyPostID}}{{.Post.BlueskyPostID}}{{end}}">
-
-        <label for="visibility">Visibility</label>
-        <select name="visibility" id="visibility">
-            <option value="true"{{if .Post.Visible}} selected{{end}}>Visible</option>
-            <option value="false"{{if not .Post.Visible}} selected{{end}}>Hidden</option>
-        </select>
-
-        <div class="blog-actions">
-            <a href="/blog/{{.Post.ID}}" class="button">View</a>
-            <button type="submit" class="save" id="save" disabled>Save</button>
-        </div>
-    </div>
-
-    <div class="card" id="danger">
-        <div class="card-header">
-            <h2>Danger Zone</h2>
-        </div>
-        <p>
-        Clicking the button below will delete this blog post.
-        This action is <strong>irreversible</strong>.
-        You will be prompted to confirm this decision.
-        </p>
-        <button class="delete" id="delete">Delete Release</button>
-    </div>
-</main>
-
-<script type="module" src="/admin/static/edit-blog.js"></script>
-{{end}}
--- a/admin/templates/html/edit-release.html
+++ b/admin/templates/html/edit-release.html
@ -8,7 +8,7 @@

 {{define "content"}}
 <main>
-    <h1>Editing Release</h1>
+    <h1>Editing {{.Release.Title}}</h1>

    <div id="release" data-id="{{.Release.ID}}">
        <div class="release-artwork">
@ -126,7 +126,7 @@
        </div>       
        {{end}}
        {{if not .Release.Credits}}
-        <p>This release has no credits.</p>
+        <p>There are no credits.</p>
        {{end}}
    </div>

@ -141,15 +141,11 @@
               >Edit</a>
        </div>

-        {{if .Release.Links}}
        <ul>
            {{range .Release.Links}}
            <a href="{{.URL}}" target="_blank" class="button" data-name="{{.Name}}">{{.Name}} <img class="icon" src="/img/external-link.svg"/></a>
            {{end}}
        </ul>
-        {{else}}
-        <p>This release has no links.</p>
-        {{end}}
    </div>

    <div id="tracks" class="card">
@ -166,9 +162,6 @@
        {{range .Release.Tracks}}
        {{block "track" .}}{{end}}
        {{end}}
-        {{if not .Release.Tracks}}
-        <p>This release has no tracks.</p>
-        {{end}}
    </div>

    <div class="card" id="danger">
--- a/admin/templates/html/index.html
+++ b/admin/templates/html/index.html
@ -56,7 +56,6 @@

 </main>

-<script type="module" src="/admin/static/releases.js"></script>
 <script type="module" src="/admin/static/artists.js"></script>
-<script type="module" src="/admin/static/tracks.js"></script>
+<script type="module" src="/admin/static/index.js"></script>
 {{end}}
--- a/admin/templates/html/layout.html
+++ b/admin/templates/html/layout.html
@ -27,9 +27,7 @@
                <div class="nav-item{{if eq .Path "/logs"}} active{{end}}">
                    <a href="/admin/logs">logs</a>
                </div>
-
                <hr>
-
                <p class="section-label">music</p>
                <div class="nav-item{{if hasPrefix .Path "/releases"}} active{{end}}">
                    <a href="/admin/music/releases/">releases</a>
@ -40,13 +38,6 @@
                <div class="nav-item{{if hasPrefix .Path "/tracks"}} active{{end}}">
                    <a href="/admin/music/tracks/">tracks</a>
                </div>
-
-                <hr>
-
-                <p class="section-label">blog</p>
-                <div class="nav-item{{if hasPrefix .Path "/blogs"}} active{{end}}">
-                    <a href="/admin/blogs/">blog</a>
-                </div>
                {{end}}

                <div class="flex-fill"></div>
--- a/admin/templates/html/releases.html
+++ b/admin/templates/html/releases.html
@ -21,6 +21,4 @@
    <p>There are no releases.</p>
    {{end}}
 </main>
-
-<script type="module" src="/admin/static/releases.js"></script>
 {{end}}
--- a/admin/templates/html/tracks.html
+++ b/admin/templates/html/tracks.html
@ -12,8 +12,8 @@
    </header>
        
    <div id="tracks">
-        {{range .Tracks}}
-        {{block "track" .}}{{end}}
+        {{range $Track := .Tracks}}
+        {{block "track" $Track}}{{end}}
        {{end}}
    </div>
 </main>
--- a/admin/templates/templates.go
+++ b/admin/templates/templates.go
@ -17,9 +17,63 @@ var prideflagHTML string
 //go:embed "html/index.html"
 var indexHTML string

+//go:embed "html/register.html"
+var registerHTML string
+//go:embed "html/login.html"
+var loginHTML string
+//go:embed "html/login-totp.html"
+var loginTotpHTML string
+//go:embed "html/totp-confirm.html"
+var totpConfirmHTML string
+//go:embed "html/totp-setup.html"
+var totpSetupHTML string
+//go:embed "html/logout.html"
+var logoutHTML string
+
 //go:embed "html/logs.html"
 var logsHTML string

+//go:embed "html/edit-account.html"
+var editAccountHTML string
+
+//go:embed "html/releases.html"
+var releasesHTML string
+//go:embed "html/artists.html"
+var artistsHTML string
+//go:embed "html/tracks.html"
+var tracksHTML string
+
+//go:embed "html/edit-release.html"
+var editReleaseHTML string
+//go:embed "html/edit-artist.html"
+var editArtistHTML string
+//go:embed "html/edit-track.html"
+var editTrackHTML string
+
+//go:embed "html/components/credit/newcredit.html"
+var componentNewCreditHTML string
+//go:embed "html/components/credit/addcredit.html"
+var componentAddCreditHTML string
+//go:embed "html/components/credit/editcredits.html"
+var componentEditCreditsHTML string
+
+//go:embed "html/components/link/editlinks.html"
+var componentEditLinksHTML string
+
+//go:embed "html/components/release/release.html"
+var componentReleaseHTML string
+//go:embed "html/components/artist/artist.html"
+var componentArtistHTML string
+//go:embed "html/components/track/track.html"
+var componentTrackHTML string
+
+//go:embed "html/components/track/newtrack.html"
+var componentNewTrackHTML string
+//go:embed "html/components/track/addtrack.html"
+var componentAddTrackHTML string
+//go:embed "html/components/track/edittracks.html"
+var componentEditTracksHTML string
+
 var BaseTemplate = template.Must(
    template.New("base").Funcs(
        template.FuncMap{
@ -30,13 +84,6 @@ var BaseTemplate = template.Must(
        prideflagHTML,
    }, "\n")))

-//go:embed "html/components/release/release.html"
-var componentReleaseHTML string
-//go:embed "html/components/artist/artist.html"
-var componentArtistHTML string
-//go:embed "html/components/track/track.html"
-var componentTrackHTML string
-
 var IndexTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(
    strings.Join([]string{
        indexHTML,
@ -48,83 +95,37 @@ var IndexTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(



-//go:embed "html/login.html"
-var loginHTML string
 var LoginTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(loginHTML))
-
-//go:embed "html/login-totp.html"
-var loginTotpHTML string
 var LoginTOTPTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(loginTotpHTML))
-
-//go:embed "html/register.html"
-var registerHTML string
 var RegisterTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(registerHTML))
-
-//go:embed "html/logout.html"
-var logoutHTML string
 var LogoutTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(logoutHTML))
-
-//go:embed "html/edit-account.html"
-var editAccountHTML string
 var AccountTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(editAccountHTML))
-
-//go:embed "html/totp-setup.html"
-var totpSetupHTML string
 var TOTPSetupTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(totpSetupHTML))
-
-//go:embed "html/totp-confirm.html"
-var totpConfirmHTML string
 var TOTPConfirmTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(totpConfirmHTML))



 var LogsTemplate = template.Must(template.Must(BaseTemplate.Clone()).Funcs(template.FuncMap{
-    "parseLevel": func (level log.LogLevel) string {
-        switch level {
-        case log.LEVEL_INFO:
-            return "INFO"
-        case log.LEVEL_WARN:
-            return "WARN"
-        }
-        return fmt.Sprintf("%d?", level)
-    },
-    "titleCase": func (logType string) string {
-        runes := []rune(logType)
-        for i, r := range runes {
-            if (i == 0 || runes[i - 1] == ' ') && r >= 'a' && r <= 'z' {
-                runes[i] = r + ('A' - 'a')
-            }
-        }
-        return string(runes)
-    },
-    "toLower": func (str string) string {
-        return strings.ToLower(str)
-    },
-    "prettyTime": func (t time.Time) string {
-        return t.Format("02 Jan 2006, 15:04:05")
-    },
+    "parseLevel": parseLevel,
+    "titleCase": titleCase,
+    "toLower": toLower,
+    "prettyTime": prettyTime,
 }).Parse(logsHTML))



-//go:embed "html/releases.html"
-var releasesHTML string
 var ReleasesTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(
    strings.Join([]string{
        releasesHTML,
        componentReleaseHTML,
    }, "\n"),
 ))
-//go:embed "html/artists.html"
-var artistsHTML string
 var ArtistsTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(
    strings.Join([]string{
        artistsHTML,
        componentArtistHTML,
    }, "\n"),
 ))
-//go:embed "html/tracks.html"
-var tracksHTML string
 var TracksTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(
    strings.Join([]string{
        tracksHTML,
@ -134,21 +135,13 @@ var TracksTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(



-//go:embed "html/edit-release.html"
-var editReleaseHTML string
 var EditReleaseTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(
    strings.Join([]string{
        editReleaseHTML,
        componentTrackHTML,
    }, "\n"),
 ))
-
-//go:embed "html/edit-artist.html"
-var editArtistHTML string
 var EditArtistTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(editArtistHTML))
-
-//go:embed "html/edit-track.html"
-var editTrackHTML string
 var EditTrackTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(
    strings.Join([]string{
        editTrackHTML,
@ -158,54 +151,41 @@ var EditTrackTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(



-//go:embed "html/components/credit/newcredit.html"
-var componentNewCreditHTML string
 var EditCreditsTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(componentEditCreditsHTML))
-
-//go:embed "html/components/credit/addcredit.html"
-var componentAddCreditHTML string
 var AddCreditTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(componentAddCreditHTML))
-
-//go:embed "html/components/credit/editcredits.html"
-var componentEditCreditsHTML string
 var NewCreditTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(componentNewCreditHTML))

-
-//go:embed "html/components/link/editlinks.html"
-var componentEditLinksHTML string
 var EditLinksTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(componentEditLinksHTML))

-
-//go:embed "html/components/track/newtrack.html"
-var componentNewTrackHTML string
 var EditTracksTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(componentEditTracksHTML))
-
-//go:embed "html/components/track/addtrack.html"
-var componentAddTrackHTML string
 var AddTrackTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(componentAddTrackHTML))
-
-//go:embed "html/components/track/edittracks.html"
-var componentEditTracksHTML string
 var NewTrackTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(componentNewTrackHTML))



-//go:embed "html/blogs.html"
-var blogsHTML string
-//go:embed "html/components/blog/blogpost.html"
-var componentBlogPostHTML string
-var BlogsTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(
-    strings.Join([]string{
-        blogsHTML,
-        componentBlogPostHTML,
-    }, "\n"),
-))
-
-//go:embed "html/edit-blog.html"
-var editBlogHTML string
-var EditBlogTemplate = template.Must(template.Must(BaseTemplate.Clone()).Parse(
-    strings.Join([]string{
-        editBlogHTML,
-        componentBlogPostHTML,
-    }, "\n"),
-))
+func parseLevel(level log.LogLevel) string {
+    switch level {
+    case log.LEVEL_INFO:
+        return "INFO"
+    case log.LEVEL_WARN:
+        return "WARN"
+    }
+    return fmt.Sprintf("%d?", level)
+}
+func titleCase(logType string) string {
+    runes := []rune(logType)
+    for i, r := range runes {
+        if (i == 0 || runes[i - 1] == ' ') && r >= 'a' && r <= 'z' {
+            runes[i] = r + ('A' - 'a')
+        }
+    }
+    return string(runes)
+}
+func toLower(str string) string {
+    return strings.ToLower(str)
+}
+func prettyTime(t time.Time) string {
+    // return t.Format("2006-01-02 15:04:05")
+    // return t.Format("15:04:05, 2 Jan 2006")
+    return t.Format("02 Jan 2006, 15:04:05")
+}
--- a/api/release.go
+++ b/api/release.go
@ -324,10 +324,6 @@ func UpdateReleaseTracks(app *model.AppState, release *model.Release) http.Handl

        err = controller.UpdateReleaseTracks(app.DB, release.ID, trackIDs)
        if err != nil {
-            if strings.Contains(err.Error(), "duplicate key") {
-                http.Error(w, "Release cannot have duplicate tracks", http.StatusBadRequest)
-                return
-            }
            if strings.Contains(err.Error(), "no rows") {
                http.NotFound(w, r)
                return
@ -370,14 +366,14 @@ func UpdateReleaseCredits(app *model.AppState, release *model.Release) http.Hand
        err = controller.UpdateReleaseCredits(app.DB, release.ID, credits)
        if err != nil {
            if strings.Contains(err.Error(), "duplicate key") {
-                http.Error(w, "Artists may only be credited once", http.StatusBadRequest)
+                http.Error(w, "Artists may only be credited once\n", http.StatusBadRequest)
                return
            }
            if strings.Contains(err.Error(), "no rows") {
                http.NotFound(w, r)
                return
            }
-            fmt.Printf("WARN: Failed to update credits for %s: %s\n", release.ID, err)
+            fmt.Printf("WARN: Failed to update links for %s: %s\n", release.ID, err)
            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
        }

@ -398,10 +394,6 @@ func UpdateReleaseLinks(app *model.AppState, release *model.Release) http.Handle

        err = controller.UpdateReleaseLinks(app.DB, release.ID, links)
        if err != nil {
-            if strings.Contains(err.Error(), "duplicate key") {
-                http.Error(w, "Release cannot have duplicate link names", http.StatusBadRequest)
-                return
-            }
            if strings.Contains(err.Error(), "no rows") {
                http.NotFound(w, r)
                return
--- a/model/blog.go
+++ b/model/blog.go
@ -21,7 +21,7 @@ type (
 		Markdown 	    string 			`db:"markdown"`
 		HTML		    template.HTML	`db:"html"`
 		BlueskyActorID	*string         `db:"bluesky_actor"`
-		BlueskyPostID	*string         `db:"bluesky_post"`
+		BlueskyPostID	*string	        `db:"bluesky_post"`
 	}
 )

--- a/public/style/header.css
+++ b/public/style/header.css
@ -153,7 +153,7 @@ header ul li a:hover {
        flex-direction: column;
        gap: 1rem;
        border-bottom: 1px solid #888;
-        background-color: var(--background);
+        background: var(--background);
        display: none;
    }

--- a/public/style/main.css
+++ b/public/style/main.css
@ -16,7 +16,7 @@
 body {
    margin: 0;
    padding: 0;
-    background-color: var(--background);
+    background: var(--background);
    color: var(--on-background);
    font-family: "Monaspace Argon", monospace;
    font-size: 18px;
@ -165,7 +165,7 @@ a#backtotop:hover {
    @keyframes list-item-fadein {
        from {
            opacity: 1;
-            background-color: var(--links);
+            background: var(--links);
        }

        to {
--- a/public/style/music-gateway.css
+++ b/public/style/music-gateway.css
@ -30,7 +30,7 @@ header {
    background-size: cover;
    background-position: center;
    filter: blur(25px) saturate(25%) brightness(0.5);
-    -webkit-filter: blur(25px) saturate(25%) brightness(0.5);
+    -webkit-filter: blur(25px) saturate(25%) brightness(0.5);;
    animation: background-init .5s forwards,background-loop 30s ease-in-out infinite
 }

--- a/templates/html/music-gateway.html
+++ b/templates/html/music-gateway.html
@ -83,9 +83,9 @@

                {{else if .IsSingle}}

-                {{index .Tracks 0}}
-                {{if .Description}}
-                <p id="description">{{.Description}}</p>
+                {{$Track := index .Tracks 0}}
+                {{if $Track.Description}}
+                <p id="description">{{$Track.Description}}</p>
                {{end}}

                {{end}}
@ -132,18 +132,18 @@
            {{else if .Tracks}}
            <div id="tracks">
                <h2>TRACKS</h2>
-                {{range .Tracks}}
+                {{range $i, $track := .Tracks}}
                <details>
-                    <summary class="album-track-title">{{.Number}}. {{.Title}}</summary>
+                    <summary class="album-track-title">{{add $i 1}}. {{$track.Title}}</summary>

-                    {{if .Description}}
+                    {{if $track.Description}}
                    <p class="album-track-subheading">DESCRIPTION</p>
-                    {{.Description}}
+                    {{$track.Description}}
                    {{end}}

                    <p class="album-track-subheading">LYRICS</p>
-                    {{if .Lyrics}}
-                    {{.GetLyricsHTML}}
+                    {{if $track.Lyrics}}
+                    {{$track.GetLyricsHTML}}
                    {{else}}
                    <span class="empty">No lyrics.</span>
                    {{end}}
--- a/templates/templates.go
+++ b/templates/templates.go
@ -28,7 +28,11 @@ var blogHTML string
 var blogPostHTML string

 var BaseTemplate = template.Must(
-    template.New("base").Parse(strings.Join([]string{
+    template.New("base").Funcs(
+        template.FuncMap{
+            "add": func (a int, b int) int { return a + b },
+        },
+    ).Parse(strings.Join([]string{
        layoutHTML,
        headerHTML,
        footerHTML,
--- a/view/music.go
+++ b/view/music.go
@ -78,15 +78,15 @@ func ServeGateway(app *model.AppState, release *model.Release) http.Handler {
            }
        }

-        if !release.IsReleased() && !privileged {
-            release.Tracks = nil
-            release.Credits = nil
-            release.Links = nil
+        response := *release
+
+        if release.IsReleased() || privileged {
+            response.Tracks = release.Tracks
+            response.Credits = release.Credits
+            response.Links = release.Links
        }

-        for i, track := range release.Tracks { track.Number = i + 1 }
-
-        err := templates.MusicGatewayTemplate.Execute(w, release)
+        err := templates.MusicGatewayTemplate.Execute(w, response)

        if err != nil {
            fmt.Fprintf(os.Stderr, "Error rendering music gateway for %s: %v\n", release.ID, err)