From: Ben Larson <github@benlarson.xyz>
Date: Thu, 16 Dec 2021 02:40:30 +0000 (-0600)
Subject: Update wishlist
X-Git-Url: http://git.neb.cc/?a=commitdiff_plain;h=088a7ce04325532aba32eb60b9a66b3b1f153f35;p=xyz.git

Update wishlist
---

diff --git a/src/styles/main.css b/src/styles/main.css
index 4a031dd..f1ae3f5 100644
--- 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 e31a51d..5335c77 100644
--- 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>