From ea0dbf608e4c12d3aa95c12a028acd05770ebeef Mon Sep 17 00:00:00 2001
From: Casey Rodarmor <casey@rodarmor.com>
Date: Fri, 24 Jul 2026 13:52:30 -0700
Subject: [PATCH 1/5] Add `/packages` grid view

---
 src/subcommand/serve.rs       |  4 +--
 src/subcommand/serve/route.rs | 11 +++++++-
 src/subcommand/serve/tests.rs | 41 ++++++++++++++++++++++++++-
 src/templates.rs              |  6 +++-
 src/templates/packages.rs     | 52 +++++++++++++++++++++++++++++++++++
 static/packages.css           | 27 ++++++++++++++++++
 templates/packages.html       | 33 +++++++++++++++++-----
 7 files changed, 162 insertions(+), 12 deletions(-)
 create mode 100644 static/packages.css

diff --git a/src/subcommand/serve.rs b/src/subcommand/serve.rs
index 637b2097..5fc07727 100644
--- a/src/subcommand/serve.rs
+++ b/src/subcommand/serve.rs
@@ -2,7 +2,7 @@ use {
   super::*,
   axum::{
     Router,
-    extract::{Extension, Path, Request},
+    extract::{Extension, Path, Query, Request},
     http::{HeaderValue, Uri},
     middleware::{self, Next},
     response::{IntoResponse, Redirect, Response},
@@ -15,7 +15,7 @@ use {
   },
   std::net::TcpStream,
   templates::{
-    AudioHtml, DirectoryHtml, FilesHtml, ImageHtml, PackageHtml, PackagesHtml, VideoHtml,
+    AudioHtml, DirectoryHtml, FilesHtml, ImageHtml, PackageHtml, PackagesHtml, VideoHtml, View,
   },
   tokio::{net::TcpListener, runtime, task::block_in_place},
   tower_http::set_header::SetResponseHeaderLayer,
diff --git a/src/subcommand/serve/route.rs b/src/subcommand/serve/route.rs
index 8082af36..457e0aaf 100644
--- a/src/subcommand/serve/route.rs
+++ b/src/subcommand/serve/route.rs
@@ -1,5 +1,10 @@
 use super::*;
 
+#[derive(Deserialize)]
+pub(crate) struct PackagesQuery {
+  view: Option<View>,
+}
+
 pub(crate) async fn artwork(
   server: ServerExtension,
   fingerprint: Path<Fingerprint>,
@@ -210,11 +215,15 @@ pub(crate) async fn package_item(
   })
 }
 
-pub(crate) async fn packages(server: ServerExtension) -> PageResult<PackagesHtml> {
+pub(crate) async fn packages(
+  server: ServerExtension,
+  Query(query): Query<PackagesQuery>,
+) -> PageResult<PackagesHtml> {
   block_in_place(|| {
     Ok(
       PackagesHtml {
         packages: server.packages()?,
+        view: query.view.unwrap_or_default(),
       }
       .into(),
     )
diff --git a/src/subcommand/serve/tests.rs b/src/subcommand/serve/tests.rs
index 8bb080ad..071be8d2 100644
--- a/src/subcommand/serve/tests.rs
+++ b/src/subcommand/serve/tests.rs
@@ -1578,6 +1578,30 @@ fn packages_empty() {
     .get("/packages")
     .assert_page(PackagesHtml {
       packages: Vec::new(),
+      view: View::List,
+    })
+    .send();
+}
+
+#[test]
+fn packages_grid() {
+  let server = TestServer::new();
+
+  let metadata = Metadata {
+    artwork: Some("foo.png".parse().unwrap()),
+    ..default()
+  };
+
+  let fingerprint = PackageBuilder::new()
+    .metadata(&metadata)
+    .file("foo.png", b"bar")
+    .upload(&server);
+
+  server
+    .get("/packages?view=grid")
+    .assert_page(PackagesHtml {
+      packages: vec![(fingerprint, Some(metadata))],
+      view: View::Grid,
     })
     .send();
 }
@@ -1598,10 +1622,22 @@ fn packages_include_creators_and_titles() {
     .get("/packages")
     .assert_page(PackagesHtml {
       packages: vec![(fingerprint, Some(metadata))],
+      view: View::List,
     })
     .send();
 }
 
+#[test]
+fn packages_invalid_view() {
+  TestServer::new()
+    .get("/packages?view=foo")
+    .status(StatusCode::BAD_REQUEST)
+    .assert_body(
+      "Failed to deserialize query string: view: unknown variant `foo`, expected `grid` or `list`",
+    )
+    .send();
+}
+
 #[test]
 fn packages_non_empty() {
   let server = TestServer::new();
@@ -1622,7 +1658,10 @@ fn packages_non_empty() {
 
   server
     .get("/packages")
-    .assert_page(PackagesHtml { packages })
+    .assert_page(PackagesHtml {
+      packages,
+      view: View::List,
+    })
     .send();
 }
 
diff --git a/src/templates.rs b/src/templates.rs
index ab9dcd0c..ee241506 100644
--- a/src/templates.rs
+++ b/src/templates.rs
@@ -3,7 +3,11 @@ use super::*;
 pub use self::{directory::DirectoryHtml, package::PackageHtml, page::PageHtml};
 
 pub(crate) use self::{
-  audio::AudioHtml, files::FilesHtml, image::ImageHtml, packages::PackagesHtml, video::VideoHtml,
+  audio::AudioHtml,
+  files::FilesHtml,
+  image::ImageHtml,
+  packages::{PackagesHtml, View},
+  video::VideoHtml,
 };
 
 mod audio;
diff --git a/src/templates/packages.rs b/src/templates/packages.rs
index b958331a..c6bcd882 100644
--- a/src/templates/packages.rs
+++ b/src/templates/packages.rs
@@ -1,8 +1,17 @@
 use super::*;
 
+#[derive(Default, Deserialize)]
+#[serde(rename_all = "lowercase")]
+pub(crate) enum View {
+  Grid,
+  #[default]
+  List,
+}
+
 #[derive(Boilerplate)]
 pub(crate) struct PackagesHtml {
   pub(crate) packages: Vec<(Fingerprint, Option<Metadata>)>,
+  pub(crate) view: View,
 }
 
 impl PackagesHtml {
@@ -24,7 +33,50 @@ impl PackagesHtml {
 }
 
 impl Page for PackagesHtml {
+  fn stylesheet(&self) -> Option<&'static str> {
+    Some("/static/packages.css")
+  }
+
   fn title(&self) -> String {
     "packages · filepack".into()
   }
 }
+
+#[cfg(test)]
+mod tests {
+  use {super::*, pretty_assertions::assert_eq};
+
+  #[test]
+  fn grid() {
+    let fingerprint = test::FINGERPRINT.parse::<Fingerprint>().unwrap();
+
+    let metadata = Metadata {
+      artwork: Some("foo.png".parse().unwrap()),
+      ..default()
+    };
+
+    assert_eq!(
+      PackagesHtml {
+        packages: vec![(fingerprint, Some(metadata)), (fingerprint, None)],
+        view: View::Grid,
+      }
+      .to_string(),
+      unindent(&format!(
+        "
+          <h1>Packages</h1>
+          <ul class=grid>
+            <li>
+              <a href=/package/{fingerprint}>
+                <img loading=lazy src=/artwork/{fingerprint} width=150 height=150>
+              </a>
+            </li>
+            <li>
+              <a href=/package/{fingerprint}></a>
+            </li>
+          </ul>
+        ",
+        fingerprint = test::FINGERPRINT,
+      )),
+    );
+  }
+}
diff --git a/static/packages.css b/static/packages.css
new file mode 100644
index 00000000..f4b7cc60
--- /dev/null
+++ b/static/packages.css
@@ -0,0 +1,27 @@
+.grid {
+  display: grid;
+  gap: 12px;
+  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  list-style: none;
+  padding-left: 0;
+
+  a {
+    aspect-ratio: 1 / 1;
+    border-radius: 8px;
+    border: 1px solid #222;
+    display: block;
+    overflow: hidden;
+    transition: border-color 150ms;
+
+    &:hover, &:focus-visible {
+      border-color: #444;
+    }
+  }
+
+  img {
+    display: block;
+    height: 100%;
+    object-fit: contain;
+    width: 100%;
+  }
+}
diff --git a/templates/packages.html b/templates/packages.html
index 6584fa10..bbfcc98e 100644
--- a/templates/packages.html
+++ b/templates/packages.html
@@ -1,17 +1,36 @@
 <h1>Packages</h1>
+%% match self.view {
+%%   View::Grid => {
+<ul class=grid>
+%%     for (fingerprint, metadata) in &self.packages {
+  <li>
+%%       if metadata.as_ref().is_some_and(|metadata| metadata.artwork.is_some()) {
+    <a href=/package/{{ fingerprint }}>
+      <img loading=lazy src=/artwork/{{ fingerprint }} width=150 height=150>
+    </a>
+%%       } else {
+    <a href=/package/{{ fingerprint }}></a>
+%%       }
+  </li>
+%%     }
+</ul>
+%%   }
+%%   View::List => {
 <ul>
-%% for (fingerprint, creator, title) in self.packages() {
+%%     for (fingerprint, creator, title) in self.packages() {
   <li>
     <a href=/package/{{ fingerprint }}>
-%% if let Some(title) = title {
-%%   if let Some(creator) = creator {
+%%       if let Some(title) = title {
+%%         if let Some(creator) = creator {
       {{ creator }} -
-%%   }
+%%         }
       {{ title }}
-%% } else {
+%%       } else {
       <code>{{ fingerprint }}</code>
-%% }
+%%       }
     </a>
   </li>
-%% }
+%%     }
 </ul>
+%%   }
+%% }

From 32e61ae8343a83a5054119627cc4d5f91c69737e Mon Sep 17 00:00:00 2001
From: Casey Rodarmor <casey@rodarmor.com>
Date: Fri, 24 Jul 2026 14:05:57 -0700
Subject: [PATCH 2/5] Adjust

---
 src/lib.rs                    |  2 ++
 src/package_view.rs           |  9 +++++++++
 src/subcommand/serve.rs       |  7 ++++++-
 src/subcommand/serve/route.rs |  5 -----
 src/subcommand/serve/tests.rs |  8 ++++----
 src/templates.rs              |  6 +-----
 src/templates/packages.rs     | 12 ++----------
 templates/packages.html       |  4 ++--
 8 files changed, 26 insertions(+), 27 deletions(-)
 create mode 100644 src/package_view.rs

diff --git a/src/lib.rs b/src/lib.rs
index 606a6f9c..128bd055 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -83,6 +83,7 @@ use {
     ordinal::Ordinal,
     owo_colorize_ext::OwoColorizeExt,
     package::Package,
+    package_view::PackageView,
     path_error::PathError,
     percent_encode::PercentEncode,
     private_key_error::PrivateKeyError,
@@ -323,6 +324,7 @@ mod or;
 mod ordinal;
 mod owo_colorize_ext;
 mod package;
+mod package_view;
 mod page;
 mod path_error;
 mod percent_encode;
diff --git a/src/package_view.rs b/src/package_view.rs
new file mode 100644
index 00000000..419bc7a5
--- /dev/null
+++ b/src/package_view.rs
@@ -0,0 +1,9 @@
+use super::*;
+
+#[derive(Default, Deserialize)]
+#[serde(rename_all = "kebab-case")]
+pub(crate) enum PackageView {
+  Grid,
+  #[default]
+  List,
+}
diff --git a/src/subcommand/serve.rs b/src/subcommand/serve.rs
index 5fc07727..761d3818 100644
--- a/src/subcommand/serve.rs
+++ b/src/subcommand/serve.rs
@@ -15,7 +15,7 @@ use {
   },
   std::net::TcpStream,
   templates::{
-    AudioHtml, DirectoryHtml, FilesHtml, ImageHtml, PackageHtml, PackagesHtml, VideoHtml, View,
+    AudioHtml, DirectoryHtml, FilesHtml, ImageHtml, PackageHtml, PackagesHtml, VideoHtml,
   },
   tokio::{net::TcpListener, runtime, task::block_in_place},
   tower_http::set_header::SetResponseHeaderLayer,
@@ -35,6 +35,11 @@ pub(crate) struct AuthConfig {
   pub(crate) audience: Option<String>,
 }
 
+#[derive(Deserialize)]
+pub(crate) struct PackagesQuery {
+  view: Option<PackageView>,
+}
+
 pub(crate) struct RedirectConfig {
   destination: Url,
   domains: HashSet<String>,
diff --git a/src/subcommand/serve/route.rs b/src/subcommand/serve/route.rs
index 457e0aaf..fcf91006 100644
--- a/src/subcommand/serve/route.rs
+++ b/src/subcommand/serve/route.rs
@@ -1,10 +1,5 @@
 use super::*;
 
-#[derive(Deserialize)]
-pub(crate) struct PackagesQuery {
-  view: Option<View>,
-}
-
 pub(crate) async fn artwork(
   server: ServerExtension,
   fingerprint: Path<Fingerprint>,
diff --git a/src/subcommand/serve/tests.rs b/src/subcommand/serve/tests.rs
index 071be8d2..9069fc83 100644
--- a/src/subcommand/serve/tests.rs
+++ b/src/subcommand/serve/tests.rs
@@ -1578,7 +1578,7 @@ fn packages_empty() {
     .get("/packages")
     .assert_page(PackagesHtml {
       packages: Vec::new(),
-      view: View::List,
+      view: PackageView::List,
     })
     .send();
 }
@@ -1601,7 +1601,7 @@ fn packages_grid() {
     .get("/packages?view=grid")
     .assert_page(PackagesHtml {
       packages: vec![(fingerprint, Some(metadata))],
-      view: View::Grid,
+      view: PackageView::Grid,
     })
     .send();
 }
@@ -1622,7 +1622,7 @@ fn packages_include_creators_and_titles() {
     .get("/packages")
     .assert_page(PackagesHtml {
       packages: vec![(fingerprint, Some(metadata))],
-      view: View::List,
+      view: PackageView::List,
     })
     .send();
 }
@@ -1660,7 +1660,7 @@ fn packages_non_empty() {
     .get("/packages")
     .assert_page(PackagesHtml {
       packages,
-      view: View::List,
+      view: PackageView::List,
     })
     .send();
 }
diff --git a/src/templates.rs b/src/templates.rs
index ee241506..ab9dcd0c 100644
--- a/src/templates.rs
+++ b/src/templates.rs
@@ -3,11 +3,7 @@ use super::*;
 pub use self::{directory::DirectoryHtml, package::PackageHtml, page::PageHtml};
 
 pub(crate) use self::{
-  audio::AudioHtml,
-  files::FilesHtml,
-  image::ImageHtml,
-  packages::{PackagesHtml, View},
-  video::VideoHtml,
+  audio::AudioHtml, files::FilesHtml, image::ImageHtml, packages::PackagesHtml, video::VideoHtml,
 };
 
 mod audio;
diff --git a/src/templates/packages.rs b/src/templates/packages.rs
index c6bcd882..b0fa4ef4 100644
--- a/src/templates/packages.rs
+++ b/src/templates/packages.rs
@@ -1,17 +1,9 @@
 use super::*;
 
-#[derive(Default, Deserialize)]
-#[serde(rename_all = "lowercase")]
-pub(crate) enum View {
-  Grid,
-  #[default]
-  List,
-}
-
 #[derive(Boilerplate)]
 pub(crate) struct PackagesHtml {
   pub(crate) packages: Vec<(Fingerprint, Option<Metadata>)>,
-  pub(crate) view: View,
+  pub(crate) view: PackageView,
 }
 
 impl PackagesHtml {
@@ -58,7 +50,7 @@ mod tests {
     assert_eq!(
       PackagesHtml {
         packages: vec![(fingerprint, Some(metadata)), (fingerprint, None)],
-        view: View::Grid,
+        view: PackageView::Grid,
       }
       .to_string(),
       unindent(&format!(
diff --git a/templates/packages.html b/templates/packages.html
index bbfcc98e..9957cc50 100644
--- a/templates/packages.html
+++ b/templates/packages.html
@@ -1,6 +1,6 @@
 <h1>Packages</h1>
 %% match self.view {
-%%   View::Grid => {
+%%   PackageView::Grid => {
 <ul class=grid>
 %%     for (fingerprint, metadata) in &self.packages {
   <li>
@@ -15,7 +15,7 @@ <h1>Packages</h1>
 %%     }
 </ul>
 %%   }
-%%   View::List => {
+%%   PackageView::List => {
 <ul>
 %%     for (fingerprint, creator, title) in self.packages() {
   <li>

From 2eb23d241bd6e2aa656b27898f6533318bd2f535 Mon Sep 17 00:00:00 2001
From: Casey Rodarmor <casey@rodarmor.com>
Date: Fri, 24 Jul 2026 14:12:42 -0700
Subject: [PATCH 3/5] Adjust

---
 static/index.css    | 2 ++
 static/package.css  | 4 ++--
 static/packages.css | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/static/index.css b/static/index.css
index f27cd09b..3d38dcb8 100644
--- a/static/index.css
+++ b/static/index.css
@@ -1,4 +1,6 @@
 :root {
+  --border: #222;
+  --border-hover: #444;
   --primary: rgb(255 255 255 / 87%);
   --secondary: rgb(255 255 255 / 60%);
 }
diff --git a/static/package.css b/static/package.css
index dd2d12dc..426e0e1f 100644
--- a/static/package.css
+++ b/static/package.css
@@ -17,13 +17,13 @@ time {
 
   a {
     border-radius: 8px;
-    border: 1px solid #222;
+    border: 1px solid var(--border);
     display: block;
     overflow: hidden;
     transition: border-color 150ms;
 
     &:hover, &:focus-visible {
-      border-color: #444;
+      border-color: var(--border-hover);
     }
   }
 
diff --git a/static/packages.css b/static/packages.css
index f4b7cc60..510331c8 100644
--- a/static/packages.css
+++ b/static/packages.css
@@ -8,13 +8,13 @@
   a {
     aspect-ratio: 1 / 1;
     border-radius: 8px;
-    border: 1px solid #222;
+    border: 1px solid var(--border);
     display: block;
     overflow: hidden;
     transition: border-color 150ms;
 
     &:hover, &:focus-visible {
-      border-color: #444;
+      border-color: var(--border-hover);
     }
   }
 

From 532de26d7f2cff586a22f66ac59da1d6e0b005fd Mon Sep 17 00:00:00 2001
From: Casey Rodarmor <casey@rodarmor.com>
Date: Fri, 24 Jul 2026 14:18:55 -0700
Subject: [PATCH 4/5] Adapt

---
 src/templates/packages.rs | 5 ++++-
 templates/packages.html   | 6 +++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/templates/packages.rs b/src/templates/packages.rs
index b0fa4ef4..cf9b040c 100644
--- a/src/templates/packages.rs
+++ b/src/templates/packages.rs
@@ -9,10 +9,13 @@ pub(crate) struct PackagesHtml {
 impl PackagesHtml {
   fn packages(
     &self,
-  ) -> impl Iterator<Item = (Fingerprint, Option<&Component>, Option<&Component>)> {
+  ) -> impl Iterator<Item = (Fingerprint, bool, Option<&Component>, Option<&Component>)> {
     self.packages.iter().map(|(fingerprint, metadata)| {
       (
         *fingerprint,
+        metadata
+          .as_ref()
+          .is_some_and(|metadata| metadata.artwork.is_some()),
         metadata
           .as_ref()
           .and_then(|metadata| metadata.creator.as_deref()),
diff --git a/templates/packages.html b/templates/packages.html
index 9957cc50..a388ae61 100644
--- a/templates/packages.html
+++ b/templates/packages.html
@@ -2,9 +2,9 @@ <h1>Packages</h1>
 %% match self.view {
 %%   PackageView::Grid => {
 <ul class=grid>
-%%     for (fingerprint, metadata) in &self.packages {
+%%     for (fingerprint, artwork, _creator, _title) in self.packages() {
   <li>
-%%       if metadata.as_ref().is_some_and(|metadata| metadata.artwork.is_some()) {
+%%       if artwork {
     <a href=/package/{{ fingerprint }}>
       <img loading=lazy src=/artwork/{{ fingerprint }} width=150 height=150>
     </a>
@@ -17,7 +17,7 @@ <h1>Packages</h1>
 %%   }
 %%   PackageView::List => {
 <ul>
-%%     for (fingerprint, creator, title) in self.packages() {
+%%     for (fingerprint, _artwork, creator, title) in self.packages() {
   <li>
     <a href=/package/{{ fingerprint }}>
 %%       if let Some(title) = title {

From 8d64f8355894c158d92b8ba61895a0c94e1e51d0 Mon Sep 17 00:00:00 2001
From: Casey Rodarmor <casey@rodarmor.com>
Date: Fri, 24 Jul 2026 14:20:48 -0700
Subject: [PATCH 5/5] Reform

---
 src/lib.rs                       | 4 ++--
 src/subcommand/serve.rs          | 2 +-
 src/subcommand/serve/tests.rs    | 8 ++++----
 src/templates/packages.rs        | 4 ++--
 src/{package_view.rs => view.rs} | 2 +-
 templates/packages.html          | 4 ++--
 6 files changed, 12 insertions(+), 12 deletions(-)
 rename src/{package_view.rs => view.rs} (79%)

diff --git a/src/lib.rs b/src/lib.rs
index 128bd055..a629fa3f 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -83,7 +83,6 @@ use {
     ordinal::Ordinal,
     owo_colorize_ext::OwoColorizeExt,
     package::Package,
-    package_view::PackageView,
     path_error::PathError,
     percent_encode::PercentEncode,
     private_key_error::PrivateKeyError,
@@ -118,6 +117,7 @@ use {
     video_format::VideoFormat,
     video_info::VideoInfo,
     video_type::VideoType,
+    view::View,
   },
   axum::{
     body::Body,
@@ -324,7 +324,6 @@ mod or;
 mod ordinal;
 mod owo_colorize_ext;
 mod package;
-mod package_view;
 mod page;
 mod path_error;
 mod percent_encode;
@@ -370,6 +369,7 @@ mod video_error;
 mod video_format;
 mod video_info;
 mod video_type;
+mod view;
 
 #[cfg(test)]
 mod derive;
diff --git a/src/subcommand/serve.rs b/src/subcommand/serve.rs
index 761d3818..51662b24 100644
--- a/src/subcommand/serve.rs
+++ b/src/subcommand/serve.rs
@@ -37,7 +37,7 @@ pub(crate) struct AuthConfig {
 
 #[derive(Deserialize)]
 pub(crate) struct PackagesQuery {
-  view: Option<PackageView>,
+  view: Option<View>,
 }
 
 pub(crate) struct RedirectConfig {
diff --git a/src/subcommand/serve/tests.rs b/src/subcommand/serve/tests.rs
index 9069fc83..071be8d2 100644
--- a/src/subcommand/serve/tests.rs
+++ b/src/subcommand/serve/tests.rs
@@ -1578,7 +1578,7 @@ fn packages_empty() {
     .get("/packages")
     .assert_page(PackagesHtml {
       packages: Vec::new(),
-      view: PackageView::List,
+      view: View::List,
     })
     .send();
 }
@@ -1601,7 +1601,7 @@ fn packages_grid() {
     .get("/packages?view=grid")
     .assert_page(PackagesHtml {
       packages: vec![(fingerprint, Some(metadata))],
-      view: PackageView::Grid,
+      view: View::Grid,
     })
     .send();
 }
@@ -1622,7 +1622,7 @@ fn packages_include_creators_and_titles() {
     .get("/packages")
     .assert_page(PackagesHtml {
       packages: vec![(fingerprint, Some(metadata))],
-      view: PackageView::List,
+      view: View::List,
     })
     .send();
 }
@@ -1660,7 +1660,7 @@ fn packages_non_empty() {
     .get("/packages")
     .assert_page(PackagesHtml {
       packages,
-      view: PackageView::List,
+      view: View::List,
     })
     .send();
 }
diff --git a/src/templates/packages.rs b/src/templates/packages.rs
index cf9b040c..b9b39cfe 100644
--- a/src/templates/packages.rs
+++ b/src/templates/packages.rs
@@ -3,7 +3,7 @@ use super::*;
 #[derive(Boilerplate)]
 pub(crate) struct PackagesHtml {
   pub(crate) packages: Vec<(Fingerprint, Option<Metadata>)>,
-  pub(crate) view: PackageView,
+  pub(crate) view: View,
 }
 
 impl PackagesHtml {
@@ -53,7 +53,7 @@ mod tests {
     assert_eq!(
       PackagesHtml {
         packages: vec![(fingerprint, Some(metadata)), (fingerprint, None)],
-        view: PackageView::Grid,
+        view: View::Grid,
       }
       .to_string(),
       unindent(&format!(
diff --git a/src/package_view.rs b/src/view.rs
similarity index 79%
rename from src/package_view.rs
rename to src/view.rs
index 419bc7a5..e2c01f8c 100644
--- a/src/package_view.rs
+++ b/src/view.rs
@@ -2,7 +2,7 @@ use super::*;
 
 #[derive(Default, Deserialize)]
 #[serde(rename_all = "kebab-case")]
-pub(crate) enum PackageView {
+pub(crate) enum View {
   Grid,
   #[default]
   List,
diff --git a/templates/packages.html b/templates/packages.html
index a388ae61..d64f0985 100644
--- a/templates/packages.html
+++ b/templates/packages.html
@@ -1,6 +1,6 @@
 <h1>Packages</h1>
 %% match self.view {
-%%   PackageView::Grid => {
+%%   View::Grid => {
 <ul class=grid>
 %%     for (fingerprint, artwork, _creator, _title) in self.packages() {
   <li>
@@ -15,7 +15,7 @@ <h1>Packages</h1>
 %%     }
 </ul>
 %%   }
-%%   PackageView::List => {
+%%   View::List => {
 <ul>
 %%     for (fingerprint, _artwork, creator, title) in self.packages() {
   <li>