Update wishlist

diff --git a/src/styles/main.css b/src/styles/main.css
index 4a031dd64ae0fc1d4e0e2c8489d7935f89e6120e..f1ae3f503ce834b8f85d1be7e0dcd8c307400690 100644 (file)
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -65,12 +65,12 @@ p.dropcap::first-letter {
 
 .wishlist li {
   display: block;
-  height: 6rem;
+  margin-bottom: 1rem;
 }
 
 .wishlist .thumbnail {
   height: 6rem;
-  float: left;
+  float: right;
   margin-right: 1.5rem;
   border-radius: 1rem;
 }

diff --git a/src/wishlist/index.html b/src/wishlist/index.html
index e31a51d366ea8d5a8436acff0f1ddb567b619f29..5335c77f4d6cab8ab74e48c1ecb5adc0a4e12e9d 100644 (file)
--- a/src/wishlist/index.html
+++ b/src/wishlist/index.html
@@ -5,6 +5,16 @@
       name="viewport"
       content="width=device-width, initial-scale=1, viewport-fit=cover"
     />
+    <meta
+      name="theme-color"
+      content="#eee"
+      media="(prefers-color-scheme: light)"
+    />
+    <meta
+      name="theme-color"
+      content="#000"
+      media="(prefers-color-scheme: dark)"
+    />
     <meta charset="UTF-8" />
     <title>Ben's Wishlist</title>
     <link rel="stylesheet" href="/styles/main.css" />
@@ -17,15 +27,26 @@
       <p>Note: I'm the only one who can update this, so be careful.</p>
       <ul class="wishlist">
         <li>
-          <img class="thumbnail" src="https://img.discogs.com/Vs2ekQSPBKi2dRP1VkzLummmwHk=/fit-in/300x300/filters:strip_icc():format(jpeg):mode_rgb():quality(40)/discogs-images/R-3292334-1324287209.jpeg.jpg" />
-          <h3 class="title">Polarskibet Fram</h3>
+          <h3 class="title">Sea of Darkness</h3>
+          <span class="description">
+            Book<br />
+           by Roland Huntford<br />
+           <a
+              href="https://www.goodreads.com/book/show/630212.Sea_of_Darkness?from_search=true&from_srp=true&qid=mRe0UXpthO&rank=1"
+              target="_blank"
+            >View on Goodreads</a>
+          </span>
+       </li>
+        <li>
+          <img class="thumbnail" src="https://www.lg.com/us/images/monitors/md05600872/gallery/1100-1.jpg" />
+          <h3 class="title">24" ultra slim bezel LG monitor</h3>
           <span class="description">
-       Vinyl record &ndash; <a
-            href="https://www.discogs.com/Various-Polarskibet-Fram/release/3292334"
-            target="_blank"
-            >View on Discogs</a
-          >
-</span>
+            Monitor<br />
+           <a
+              href="https://www.lg.com/us/monitors/lg-24MP88HV-S-led-monitor"
+              target="_blank"
+            >View on LG</a>
+          </span>
         </li>
       </ul>
     </main>