Display creator and title on /packages grid

src/templates/packages.rs

@@ -47,6 +47,8 @@ mod tests {
 
     let metadata = Metadata {
       artwork: Some("foo.png".parse().unwrap()),
+      creator: Some("foo".parse().unwrap()),
+      title: Some("bar".parse().unwrap()),
       ..default()
     };
 
@@ -69,6 +71,8 @@ mod tests {
               <a href=/package/{fingerprint}>
                 <img loading=lazy src=/artwork/{fingerprint} width=150 height=150>
               </a>
+              <span class=title>bar</span>
+              <span class=creator>foo</span>
             </li>
             <li>
               <a href=/package/{fingerprint}></a>

static/packages.css

@@ -24,6 +24,16 @@
     object-fit: contain;
     width: 100%;
   }
+
+  .title {
+    color: var(--primary);
+    display: block;
+  }
+
+  .creator {
+    color: var(--secondary);
+    display: block;
+  }
 }
 
 header {

templates/packages.html

@@ -14,14 +14,20 @@ <h1>Packages</h1>
 %% match self.view {
 %%   View::Grid => {
 <ul class=grid>
-%%     for (fingerprint, artwork, _creator, _title) in self.packages() {
+%%     for (fingerprint, artwork, creator, title) in self.packages() {
   <li>
 %%       if artwork {
     <a href=/package/{{ fingerprint }}>
       <img loading=lazy src=/artwork/{{ fingerprint }} width=150 height=150>
     </a>
 %%       } else {
     <a href=/package/{{ fingerprint }}></a>
+%%       }
+%%       if let Some(title) = title {
+    <span class=title>{{ title }}</span>
+%%       }
+%%       if let Some(creator) = creator {
+    <span class=creator>{{ creator }}</span>
 %%       }
   </li>
 %%     }