From 1abe0a9ee5e6ca23d22ed5bdde3ac8d2bf7c2db6 Mon Sep 17 00:00:00 2001
From: Xe Iaso <me@xeiaso.net>
Date: Sat, 13 Jan 2024 23:37:37 -0500
Subject: blog: add wicked cushions mini-review

Signed-off-by: Xe Iaso <me@xeiaso.net>
---
 lume/src/_includes/base.njk            |  4 +++
 lume/src/_includes/blog.njk            |  2 ++
 lume/src/_includes/talk.njk            |  2 ++
 lume/src/_includes/vod.njk             |  2 ++
 lume/src/blog/2024/wicked-cushions.mdx | 53 ++++++++++++++++++++++++++++++++++
 5 files changed, 63 insertions(+)
 create mode 100644 lume/src/blog/2024/wicked-cushions.mdx

diff --git a/lume/src/_includes/base.njk b/lume/src/_includes/base.njk
index 1631684..06349f1 100644
--- a/lume/src/_includes/base.njk
+++ b/lume/src/_includes/base.njk
@@ -77,6 +77,10 @@ la budza pu cusku lu
             <meta property="twitter:title" content="Xe Iaso"/>
         {% endif %}
 
+        {% if image %}
+            <meta property="og:image" content="https://cdn.xeiaso.net/file/christine-static/{{ image }}.jpg"/>
+        {% endif %}
+
         {% if hero %}
             <meta property="og:image" content="https://cdn.xeiaso.net/file/christine-static/hero/{{ hero.file }}.jpg"/>
             <meta property="twitter:image" content="https://cdn.xeiaso.net/file/christine-static/hero/{{ hero.file }}.jpg"/>
diff --git a/lume/src/_includes/blog.njk b/lume/src/_includes/blog.njk
index beadc6e..6349cce 100644
--- a/lume/src/_includes/blog.njk
+++ b/lume/src/_includes/blog.njk
@@ -17,6 +17,8 @@ layout: base.njk
 
     {{content | safe}}
 
+    <hr/>
+
     <button id="shareButton" type="button" class="rounded-md bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"> Share <svg
         xmlns="http://www.w3.org/2000/svg"
         class="icon icon-tabler icon-tabler-share-2 h-8 w-8"
diff --git a/lume/src/_includes/talk.njk b/lume/src/_includes/talk.njk
index 6f5c413..53bab2e 100644
--- a/lume/src/_includes/talk.njk
+++ b/lume/src/_includes/talk.njk
@@ -17,6 +17,8 @@ layout: base.njk
 
     {{content | safe}}
 
+    <hr/>
+
     <button id="shareButton" type="button" class="rounded-md bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"> Share <svg
         xmlns="http://www.w3.org/2000/svg"
         class="icon icon-tabler icon-tabler-share-2 h-8 w-8"
diff --git a/lume/src/_includes/vod.njk b/lume/src/_includes/vod.njk
index 0f2596d..666a827 100644
--- a/lume/src/_includes/vod.njk
+++ b/lume/src/_includes/vod.njk
@@ -18,6 +18,8 @@ layout: base.njk
         {{content | safe}}
     </div>
 
+    <hr/>
+
     <button id="shareButton" type="button" class="rounded-md bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"> Share <svg
         xmlns="http://www.w3.org/2000/svg"
         class="icon icon-tabler icon-tabler-share-2 h-8 w-8"
diff --git a/lume/src/blog/2024/wicked-cushions.mdx b/lume/src/blog/2024/wicked-cushions.mdx
new file mode 100644
index 0000000..6554e1f
--- /dev/null
+++ b/lume/src/blog/2024/wicked-cushions.mdx
@@ -0,0 +1,53 @@
+---
+title: Review of Wicked Cushions
+date: 2024-01-13
+image: blog/2024/wc-mini-review/wc_shot
+---
+
+export const PercentageRing = ({ percentage }) => {
+  let color = "green";
+  if (percentage < 50) {
+    color = "red";
+  }
+  if (percentage < 80) {
+    color = "yellow";
+  }
+  return (
+    <div className="relative inline-block mt-2 ml-20 md:ml-6">
+      <div
+        className={`w-36 md:w-48 h-36 md:h-48 bg-bg-2 dark:bg-bgDark-2 border-8 border-${color}-light dark:border-${color}Dark-light rounded-full`}
+      >
+        <div
+          className="absolute top-0 left-0 w-full h-full border-8 border-green-500 rounded-full"
+          style={{
+            clip: `rect(0, 1em, 1em, ${(percentage / 100) * 2}em)`,
+          }}
+        ></div>
+      </div>
+      <div className="absolute inset-0 flex items-center justify-center">
+        <span className="text-2xl md:text-4xl font-bold">
+          {percentage / 10}/10
+        </span>
+      </div>
+    </div>
+  );
+};
+
+I wear headphones a lot. The thing that makes me frustrated with my headphones is how they feel on my head. I use DT 770 Pro headphones at my gaming desk and Audiotechnica ATH-M40x headphones at my work desk, and the cushions on the ATH-M40x's kinda suck over longer periods of time.
+
+This company called [Wicked Cushions](https://wickedcushions.com/) sponsored [Linus Tech Tips](https://www.youtube.com/@LinusTechTips)' coverage of CES 2024 and I saw that it was like $25 on Amazon so I used it to get free shipping for some sponges and a headphone extension cable for my husband. I figured there was nothing to lose by going for it.
+
+<XeblogPicture
+  path="blog/2024/wc-mini-review/wc_shot"
+  alt="A picture of black headphones with pink multicolored ear cushions. The cushions are about 1.5 cm thick."
+/>
+
+What can I say? They're cushions. They're squishy and feel nice on my head.
+
+Installation was a little finnicky (I'm pretty sure the cushions on the ATH-M40x headphones weren't really designed to be easily user-replaceable for good reason), but once I shimmied it around a few times everything fell into place.
+
+I had very low expectations going into them, but overall I think they are a solid upgrade for solid headphones. I think it also increased the sound deadening a bit, but I don't really have any easy way to test that without putting the old cushions on. That's a bit more effort than I want to give right now.
+
+I'll write a followup article in a few months if I have any other opinions about these things. I seriously doubt I will, but I might. It's headphone cushions, it's pretty hard to have opinions about them because they're good enough.
+
+<PercentageRing percentage={80} />
-- 
cgit v1.2.3