diff --git a/partials/reading.hbs b/partials/reading.hbs
index a98a1f7e..1b3fae89 100644
--- a/partials/reading.hbs
+++ b/partials/reading.hbs
@@ -1,810 +1,346 @@
-<article class='rd-item'>
+<article class="rd-item">
   <a
-    href='https://www.ben-evans.com/benedictevans/2023/8/27/generative-ai-ad-intellectual-property'
-    class='rd-item-link'
-    target='_blank'
+    href="https://www.ben-evans.com/benedictevans/2023/8/27/generative-ai-ad-intellectual-property"
+    class="rd-item-link"
+    target="_blank"
   >
-    <div class='rd-item-image'>
+    <div class="rd-item-image">
       <img
-        src='http://static1.squarespace.com/static/50363cf324ac8e905e7df861/5055cb1de4b0a751cabaedd5/64e78ab196258525a98fb7af/1693218403440/IMG_0225.jpeg?format=1500w'
-        alt='Generative AI and intellectual property — Benedict Evans'
-        height='573'
-        width='1277'
-        loading='lazy'
+        src="http://static1.squarespace.com/static/50363cf324ac8e905e7df861/5055cb1de4b0a751cabaedd5/64e78ab196258525a98fb7af/1693218403440/IMG_0225.jpeg?format=1500w"
+        alt="Generative AI and intellectual property — Benedict Evans"
+        height="573"
+        width="1277"
+        loading="lazy"
       />
     </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Generative AI and intellectual property —
-          Benedict Evans</h3>
-        <p class='rd-item-excerpt'>If you put all the world’s knowledge into an
-          AI model and use it to make something new, who owns that and who gets
-          paid? This is a completely new problem that we’ve been arguing about
-          for 500 years.</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>ben-evans.com</p>
-        <p class='rd-item-date'>8/28/2023</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
+    <div class="rd-item-content">
+      <div class="rd-item-body">
+        <h3 class="rd-item-title">
+          Generative AI and intellectual property — Benedict Evans
+        </h3>
+        <p class="rd-item-excerpt">
+          If you put all the world’s knowledge into an AI model and use it to
+          make something new, who owns that and who gets paid? This is a
+          completely new problem that we’ve been arguing about for 500 years.
+        </p>
+      </div>
+      <div class="rd-item-footer">
+        <p class="rd-item-domain">ben-evans.com</p>
+        <p class="rd-item-date">8/28/2023</p>
+      </div>
+    </div>
+    <svg class="rd-item-icon" aria-hidden="true">
+      <use href="#sm-icon-link"></use>
+    </svg>
   </a>
 </article>
-<article class='rd-item'>
+<article class="rd-item">
   <a
-    href='https://nofilmschool.com/reservation-dogs-editors-interview'
-    class='rd-item-link'
-    target='_blank'
+    href="https://nofilmschool.com/reservation-dogs-editors-interview"
+    class="rd-item-link"
+    target="_blank"
   >
-    <div class='rd-item-image'>
+    <div class="rd-item-image">
       <img
-        src='https://nofilmschool.com/media-library/two-native-americans-walking-next-to-a-horse-in-reservation-dogs.webp?id=35333914&width=1200&height=600&coordinates=0%2C132%2C0%2C132'
-        alt="These Editors Walk Us Through the Cut of 'Reservation Dogs' Episode Deer Lady"
-        height='600'
-        width='1200'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>These Editors Walk Us Through the Cut of
-          'Reservation Dogs' Episode "Deer Lady"</h3>
-        <p class='rd-item-excerpt'>No Film School speaks with editors Varun
-          Viswanath and Patrick Tuck.</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>nofilmschool.com</p>
-        <p class='rd-item-date'>9/5/2023</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
+      src="https://nofilmschool.com/media-library/two-native-americans-walking-next-to-a-horse-in-reservation-dogs.webp?id=35333914&width=1200&height=600&coordinates=0%2C132%2C0%2C132"
+      alt="These Editors Walk Us Through the Cut of 'Reservation Dogs' Episode
+      "Deer Lady"" height=600 width="1200" loading="lazy" />
+    </div>
+    <div class="rd-item-content">
+      <div class="rd-item-body">
+        <h3 class="rd-item-title">
+          These Editors Walk Us Through the Cut of 'Reservation Dogs' Episode
+          "Deer Lady"
+        </h3>
+        <p class="rd-item-excerpt">
+          No Film School speaks with editors Varun Viswanath and Patrick Tuck.
+        </p>
+      </div>
+      <div class="rd-item-footer">
+        <p class="rd-item-domain">nofilmschool.com</p>
+        <p class="rd-item-date">9/5/2023</p>
+      </div>
+    </div>
+    <svg class="rd-item-icon" aria-hidden="true">
+      <use href="#sm-icon-link"></use>
+    </svg>
   </a>
 </article>
-<article class='rd-item'>
+<article class="rd-item">
   <a
-    href='https://www.bostonreview.net/articles/could-a-large-language-model-be-conscious/'
-    class='rd-item-link'
-    target='_blank'
+    href="https://www.bostonreview.net/articles/could-a-large-language-model-be-conscious/"
+    class="rd-item-link"
+    target="_blank"
   >
-    <div class='rd-item-image'>
+    <div class="rd-item-image">
       <img
-        src='https://www.bostonreview.net/wp-content/uploads/2023/08/chalmers-1.jpg'
-        alt='Could a Large Language Model Be Conscious? - Boston Review'
-        height='814'
-        width='998'
-        loading='lazy'
+        src="https://www.bostonreview.net/wp-content/uploads/2023/08/chalmers-1.jpg"
+        alt="Could a Large Language Model Be Conscious? - Boston Review"
+        height="814"
+        width="998"
+        loading="lazy"
       />
     </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Could a Large Language Model Be Conscious? -
-          Boston Review</h3>
-        <p class='rd-item-excerpt'>Within the next decade, we may well have
-          systems that are serious candidates for consciousness.</p>
+    <div class="rd-item-content">
+      <div class="rd-item-body">
+        <h3 class="rd-item-title">
+          Could a Large Language Model Be Conscious? - Boston Review
+        </h3>
+        <p class="rd-item-excerpt">
+          Within the next decade, we may well have systems that are serious
+          candidates for consciousness.
+        </p>
       </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>bostonreview.net</p>
-        <p class='rd-item-date'>8/10/2023</p>
+      <div class="rd-item-footer">
+        <p class="rd-item-domain">bostonreview.net</p>
+        <p class="rd-item-date">8/10/2023</p>
       </div>
     </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
+    <svg class="rd-item-icon" aria-hidden="true">
+      <use href="#sm-icon-link"></use>
+    </svg>
   </a>
 </article>
-<article class='rd-item'>
+<article class="rd-item">
   <a
-    href='https://hackernoon.com/a-beginners-guide-to-using-large-language-models-llms-with-the-palm-api'
-    class='rd-item-link'
-    target='_blank'
+    href="https://hackernoon.com/a-beginners-guide-to-using-large-language-models-llms-with-the-palm-api"
+    class="rd-item-link"
+    target="_blank"
   >
-    <div class='rd-item-image'>
+    <div class="rd-item-image">
       <img
-        src='https://hackernoon.imgix.net/images/GFxWNaVUGadCuz5svjQlUTu1iz12-avc33xu.jpeg?mark-pad=0&mark=http://hackernoon.imgix.net/HackerNoon%20Rounded%20Horizontal.png?w=400'
+        src="https://hackernoon.imgix.net/images/GFxWNaVUGadCuz5svjQlUTu1iz12-avc33xu.jpeg?mark-pad=0&mark=http://hackernoon.imgix.net/HackerNoon%20Rounded%20Horizontal.png?w=400"
         alt="A Beginner's Guide to Using Large Language Models (LLMs) With the PaLM API | HackerNoon"
-        height='483'
-        width='810'
-        loading='lazy'
+        height="483"
+        width="810"
+        loading="lazy"
       />
     </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>A Beginner's Guide to Using Large Language
-          Models (LLMs) With the PaLM API | HackerNoon</h3>
-        <p class='rd-item-excerpt'>This tutorial is a comprehensive introduction
-          to leveraging Large Language Models (LLMs) through the PaLM API for
-          crafting personalized cover letters to enhance</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>hackernoon.com</p>
-        <p class='rd-item-date'>8/21/2023</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
+    <div class="rd-item-content">
+      <div class="rd-item-body">
+        <h3 class="rd-item-title">
+          A Beginner's Guide to Using Large Language Models (LLMs) With the PaLM
+          API | HackerNoon
+        </h3>
+        <p class="rd-item-excerpt">
+          This tutorial is a comprehensive introduction to leveraging Large
+          Language Models (LLMs) through the PaLM API for crafting personalized
+          cover letters to enhance
+        </p>
+      </div>
+      <div class="rd-item-footer">
+        <p class="rd-item-domain">hackernoon.com</p>
+        <p class="rd-item-date">8/21/2023</p>
+      </div>
+    </div>
+    <svg class="rd-item-icon" aria-hidden="true">
+      <use href="#sm-icon-link"></use>
+    </svg>
   </a>
 </article>
-<article class='rd-item'>
+<article class="rd-item">
   <a
-    href='https://dev.to/this-is-learning/iterate-like-a-pro-mastering-javascript-iterators-for-effortless-code-4e5p'
-    class='rd-item-link'
-    target='_blank'
+    href="https://dev.to/this-is-learning/iterate-like-a-pro-mastering-javascript-iterators-for-effortless-code-4e5p"
+    class="rd-item-link"
+    target="_blank"
   >
-    <div class='rd-item-image'>
+    <div class="rd-item-image">
       <img
-        src='https://res.cloudinary.com/practicaldev/image/fetch/s--_XcGRFJy--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://cdn.hashnode.com/res/hashnode/image/upload/v1692600372219/e008b05a-5b8d-4f83-a935-a1f831bb6e6f.png'
-        alt='Iterate Like a Pro: Mastering JavaScript Iterators for Effortless Code - DEV Community'
-        height='500'
-        width='1000'
-        loading='lazy'
+        src="https://res.cloudinary.com/practicaldev/image/fetch/s--_XcGRFJy--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://cdn.hashnode.com/res/hashnode/image/upload/v1692600372219/e008b05a-5b8d-4f83-a935-a1f831bb6e6f.png"
+        alt="Iterate Like a Pro: Mastering JavaScript Iterators for Effortless Code - DEV Community"
+        height="500"
+        width="1000"
+        loading="lazy"
       />
     </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Iterate Like a Pro: Mastering JavaScript
-          Iterators for Effortless Code - DEV Community</h3>
-        <p class='rd-item-excerpt'>Welcome to this blog post, where we're about
-          to unravel the power and versatility of JavaScript...</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>dev.to</p>
-        <p class='rd-item-date'>8/25/2023</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
+    <div class="rd-item-content">
+      <div class="rd-item-body">
+        <h3 class="rd-item-title">
+          Iterate Like a Pro: Mastering JavaScript Iterators for Effortless Code
+          - DEV Community
+        </h3>
+        <p class="rd-item-excerpt">
+          Welcome to this blog post, where we're about to unravel the power and
+          versatility of JavaScript...
+        </p>
+      </div>
+      <div class="rd-item-footer">
+        <p class="rd-item-domain">dev.to</p>
+        <p class="rd-item-date">8/25/2023</p>
+      </div>
+    </div>
+    <svg class="rd-item-icon" aria-hidden="true">
+      <use href="#sm-icon-link"></use>
+    </svg>
   </a>
 </article>
-<article class='rd-item'>
+<article class="rd-item">
   <a
-    href='https://liahaberman.substack.com/p/icymi-the-best-books-for-marketers'
-    class='rd-item-link'
-    target='_blank'
+    href="https://liahaberman.substack.com/p/icymi-the-best-books-for-marketers"
+    class="rd-item-link"
+    target="_blank"
   >
-    <div class='rd-item-image'>
+    <div class="rd-item-image">
       <img
-        src='https://substackcdn.com/image/fetch/w_1200,h_600,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F100ee6e2-9e63-4563-a84d-eb3e909bfd6a_1920x1080.png'
-        alt='ICYMI: The Best Books for Marketers 2023 📚🍁'
-        height='600'
-        width='1200'
-        loading='lazy'
+        src="https://substackcdn.com/image/fetch/w_1200,h_600,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F100ee6e2-9e63-4563-a84d-eb3e909bfd6a_1920x1080.png"
+        alt="ICYMI: The Best Books for Marketers 2023 📚🍁"
+        height="600"
+        width="1200"
+        loading="lazy"
       />
     </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>ICYMI: The Best Books for Marketers 2023 📚🍁</h3>
-        <p class='rd-item-excerpt'>Plus Meta's new research tool is
-          indispensable!</p>
+    <div class="rd-item-content">
+      <div class="rd-item-body">
+        <h3 class="rd-item-title">
+          ICYMI: The Best Books for Marketers 2023 📚🍁
+        </h3>
+        <p class="rd-item-excerpt">
+          Plus Meta's new research tool is indispensable!
+        </p>
       </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>liahaberman.substack.com</p>
-        <p class='rd-item-date'>8/25/2023</p>
+      <div class="rd-item-footer">
+        <p class="rd-item-domain">liahaberman.substack.com</p>
+        <p class="rd-item-date">8/25/2023</p>
       </div>
     </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
+    <svg class="rd-item-icon" aria-hidden="true">
+      <use href="#sm-icon-link"></use>
+    </svg>
   </a>
 </article>
-<article class='rd-item'>
-  <a href='https://esif.dev/' class='rd-item-link' target='_blank'>
-    <div class='rd-item-image'>
+<article class="rd-item">
+  <a href="https://esif.dev/" class="rd-item-link" target="_blank">
+    <div class="rd-item-image">
       <img
-        src='https://rdl.ink/render/https%3A%2F%2Fesif.dev%2F'
-        alt='Educational Sensational Inspirational Foundational'
-        height='900'
-        width='1280'
-        loading='lazy'
+        src="https://rdl.ink/render/https%3A%2F%2Fesif.dev%2F"
+        alt="Educational Sensational Inspirational Foundational"
+        height="900"
+        width="1280"
+        loading="lazy"
       />
     </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Educational Sensational Inspirational
-          Foundational</h3>
-        <p class='rd-item-excerpt'>A historical record of foundational web
-          development blog posts.</p>
+    <div class="rd-item-content">
+      <div class="rd-item-body">
+        <h3 class="rd-item-title">
+          Educational Sensational Inspirational Foundational
+        </h3>
+        <p class="rd-item-excerpt">
+          A historical record of foundational web development blog posts.
+        </p>
       </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>esif.dev</p>
-        <p class='rd-item-date'>12/31/1997</p>
+      <div class="rd-item-footer">
+        <p class="rd-item-domain">esif.dev</p>
+        <p class="rd-item-date">12/31/1997</p>
       </div>
     </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
+    <svg class="rd-item-icon" aria-hidden="true">
+      <use href="#sm-icon-link"></use>
+    </svg>
   </a>
 </article>
-<article class='rd-item'>
+<article class="rd-item">
   <a
-    href='https://dev.to/inovak/marketing-for-developers-the-unconventional-guide-3a1j'
-    class='rd-item-link'
-    target='_blank'
+    href="https://dev.to/inovak/marketing-for-developers-the-unconventional-guide-3a1j"
+    class="rd-item-link"
+    target="_blank"
   >
-    <div class='rd-item-image'>
+    <div class="rd-item-image">
       <img
-        src='https://res.cloudinary.com/practicaldev/image/fetch/s--O6MST6WP--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4s37gu0z7s1zne33f7za.png'
-        alt='Marketing for Developers: The Unconventional Guide - DEV Community'
-        height='500'
-        width='1000'
-        loading='lazy'
+        src="https://res.cloudinary.com/practicaldev/image/fetch/s--O6MST6WP--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4s37gu0z7s1zne33f7za.png"
+        alt="Marketing for Developers: The Unconventional Guide - DEV Community"
+        height="500"
+        width="1000"
+        loading="lazy"
       />
     </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Marketing for Developers: The Unconventional
-          Guide - DEV Community</h3>
-        <p class='rd-item-excerpt'>You've built an amazing new product. The code
-          is elegant, the interface intuitive. You launch it with...</p>
+    <div class="rd-item-content">
+      <div class="rd-item-body">
+        <h3 class="rd-item-title">
+          Marketing for Developers: The Unconventional Guide - DEV Community
+        </h3>
+        <p class="rd-item-excerpt">
+          You've built an amazing new product. The code is elegant, the
+          interface intuitive. You launch it with...
+        </p>
       </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>dev.to</p>
-        <p class='rd-item-date'>8/24/2023</p>
+      <div class="rd-item-footer">
+        <p class="rd-item-domain">dev.to</p>
+        <p class="rd-item-date">8/24/2023</p>
       </div>
     </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
+    <svg class="rd-item-icon" aria-hidden="true">
+      <use href="#sm-icon-link"></use>
+    </svg>
   </a>
 </article>
-<article class='rd-item'>
+<article class="rd-item">
   <a
-    href='https://time.com/6309281/immanuel-kant-ai-essay/'
-    class='rd-item-link'
-    target='_blank'
+    href="https://time.com/6309281/immanuel-kant-ai-essay/"
+    class="rd-item-link"
+    target="_blank"
   >
-    <div class='rd-item-image'>
+    <div class="rd-item-image">
       <img
-        src='https://api.time.com/wp-content/uploads/2023/08/GettyImages-1387779336.jpg?quality=85'
+        src="https://api.time.com/wp-content/uploads/2023/08/GettyImages-1387779336.jpg?quality=85"
         alt="Why Kant Wouldn't Fear ChatGPT-4 | Time"
-        height='1891'
-        width='1585'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Why Kant Wouldn't Fear ChatGPT-4 | Time</h3>
-        <p class='rd-item-excerpt'>A key aspect of how we think separates us
-          from even the most advanced AI</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>time.com</p>
-        <p class='rd-item-date'>8/29/2023</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://smashingmagazine.com/2023/08/oklch-color-spaces-gamuts-css/'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://files.smashing.media/articles/oklch-color-spaces-gamuts-css/oklch-color-spaces-gamuts-css.jpg'
-        alt='Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS'
-        height='675'
-        width='1200'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Falling For Oklch: A Love Story Of Color
-          Spaces, Gamuts, And CSS</h3>
-        <p class='rd-item-excerpt'>The CSS Color Module Level 4 specification
-          defined a slew of new color features when it became a candidate
-          recommendation in 2022, including Oklab and Oklch, which have widened
-          the field of color we have to work with. Explore the Oklch color space
-          and how to start using it in CSS today.</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>smashingmagazine.com</p>
-        <p class='rd-item-date'>8/28/2023</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://frontendmasters.com/blog/vanilla-javascript-reactivity/'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://static.frontendmasters.com/assets/blog/2023/vanilla-javascript-reactivity.jpg'
-        alt='Patterns for Reactivity with Modern Vanilla JavaScript | Frontend Masters'
-        height='630'
-        width='1200'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Patterns for Reactivity with Modern Vanilla
-          JavaScript | Frontend Masters</h3>
-        <p class='rd-item-excerpt'>Reactivity is how systems react to changes in
-          data and is core to web development. Learn JavaScript reactivity
-          patterns to add to your toolbox, no matter what frameworks and
-          libraries you use!</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>frontendmasters.com</p>
-
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a href='https://viewports.fyi/' class='rd-item-link' target='_blank'>
-    <div class='rd-item-image'>
-      <img
-        src='https://viewports.fyi/images/social-share.png'
-        alt='The ideal viewport doesn’t exist'
-        height='527'
-        width='1024'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>The ideal viewport doesn’t exist</h3>
-        <p class='rd-item-excerpt'>Before you settle on basing design decisions
-          on a handful of strict breakpoints, make sure you consider the vast
-          fragmentation of screen sizes and browser viewports.</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>viewports.fyi</p>
-
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://www.newyorker.com/magazine/2023/08/21/the-man-who-organized-nature-the-life-of-linnaeus-gunnar-broberg-book-review?utm_content=260982918&utm_medium=social&utm_source=facebook&hss_channel=fbp-96124072223'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://media.newyorker.com/photos/64d52deca209fde1c1877f60/16:9/w_1280,c_limit/230821_r42814web-story.jpg'
-        alt='Carl Linnaeus and the Perilous Project of Labelling All of Life | The New Yorker'
-        height='720'
-        width='1280'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Carl Linnaeus and the Perilous Project of
-          Labelling All of Life | The New Yorker</h3>
-        <p class='rd-item-excerpt'>He sorted and systematized and coined names
-          for more than twelve thousand species. What do you call someone like
-          that?</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>newyorker.com</p>
-        <p class='rd-item-date'>8/14/2023</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://ethanmarcotte.com/wrote/let-a-website-be-a-worry-stone/'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://ethanmarcotte.com/img/ethan-thumb-social.jpg'
-        alt='Let a website be a worry stone. — ethanmarcotte.com'
-        height='1200'
-        width='1200'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Let a website be a worry stone. —
-          ethanmarcotte.com</h3>
-        <p class='rd-item-excerpt'>One turn deserves another.</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>ethanmarcotte.com</p>
-        <p class='rd-item-date'>3/24/2020</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://joshcollinsworth.com/blog/antiquated-react#part-1-an-intro-about-music-defaults-and-bubbles'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://joshcollinsworth.com/images/post_images/because-of-react.png'
-        alt='Things you forgot (or never knew) because of React - Josh Collinsworth blog'
-        height='1080'
-        width='1920'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Things you forgot (or never knew) because of
-          React - Josh Collinsworth blog</h3>
-        <p class='rd-item-excerpt'>If you don't often look beyond established
-          comfortable defaults, you might be surprised to learn just how far the
-          world of frontend has moved away from React, and how big that gap
-          continues to grow.</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>joshcollinsworth.com</p>
-
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://www.zeldman.com/2023/08/04/the-next-generation-of-web-layouts/'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://www.zeldman.com/wp-content/zeld-2023-08-04-at-9.15.44-AM.png'
-        alt='The Next Generation of Web Layouts - Zeldman on Web and Interaction Design'
-        height='1220'
-        width='1676'
-        loading='lazy'
+        height="1891"
+        width="1585"
+        loading="lazy"
       />
     </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>The Next Generation of Web Layouts - Zeldman
-          on Web and Interaction Design</h3>
-        <p class='rd-item-excerpt'>Who will design the next generation of
-          readable, writerly web layouts?</p>
+    <div class="rd-item-content">
+      <div class="rd-item-body">
+        <h3 class="rd-item-title">Why Kant Wouldn't Fear ChatGPT-4 | Time</h3>
+        <p class="rd-item-excerpt">
+          A key aspect of how we think separates us from even the most advanced
+          AI
+        </p>
       </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>zeldman.com</p>
-        <p class='rd-item-date'>8/7/2023</p>
+      <div class="rd-item-footer">
+        <p class="rd-item-domain">time.com</p>
+        <p class="rd-item-date">8/29/2023</p>
       </div>
     </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
+    <svg class="rd-item-icon" aria-hidden="true">
+      <use href="#sm-icon-link"></use>
+    </svg>
   </a>
 </article>
-<article class='rd-item'>
+<article class="rd-item">
   <a
-    href='https://ux.shopify.com/uplifting-shopify-polaris-7c54fc6564d9'
-    class='rd-item-link'
-    target='_blank'
+    href="https://smashingmagazine.com/2023/08/oklch-color-spaces-gamuts-css/"
+    class="rd-item-link"
+    target="_blank"
   >
-    <div class='rd-item-image'>
+    <div class="rd-item-image">
       <img
-        src='https://miro.medium.com/v2/resize:fit:1200/1*247B8K14YiHZH7hjuvG2Zg.png'
-        alt='Uplifting Shopify Polaris'
-        height='586'
-        width='1200'
-        loading='lazy'
+        src="https://files.smashing.media/articles/oklch-color-spaces-gamuts-css/oklch-color-spaces-gamuts-css.jpg"
+        alt="Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS"
+        height="675"
+        width="1200"
+        loading="lazy"
       />
     </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Uplifting Shopify Polaris</h3>
-        <p class='rd-item-excerpt'>The process of evolving a large scale Design
-          System.</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>ux.shopify.com</p>
-        <p class='rd-item-date'>8/3/2023</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://www.spicyweb.dev/farewell-jamstack/?utm_source=Codrops+Subscribers&utm_campaign=156080d4a0-COLLECTIVE_776&utm_medium=email&utm_term=0_-a43123b2e4-%5BLIST_EMAIL_ID%5D'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://www.spicyweb.dev/images/spicy-web-avatar-light.png'
-        alt='My Journey Away from the JAMstack'
-        height='1200'
-        width='1200'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>My Journey Away from the JAMstack</h3>
-        <p class='rd-item-excerpt'>The name is all but dead, nerfed by the
-          company who invented it. Here’s why Netlify was ahead of its time and
-          where everything went wrong.</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>spicyweb.dev</p>
-        <p class='rd-item-date'>7/31/2023</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://blogs.gnome.org/tbernard/2023/07/26/rethinking-window-management/?utm_source=Codrops+Subscribers&utm_campaign=156080d4a0-COLLECTIVE_776&utm_medium=email&utm_term=0_-a43123b2e4-%5BLIST_EMAIL_ID%5D'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://blogs.gnome.org/tbernard/files/2023/07/2023-04-26-17-29-38-132-scaled.jpg'
-        alt='Rethinking Window Management – Space and Meaning'
-        height='1920'
-        width='2560'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Rethinking Window Management – Space and
-          Meaning</h3>
-        <p class='rd-item-excerpt'></p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>blogs.gnome.org</p>
-        <p class='rd-item-date'>9/19/2073</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://ryantrimble.com/blog/css-only-scroll-animations/'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://images.unsplash.com/photo-1529641484336-ef35148bab06?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80'
-        alt='CSS-Only Scroll Animations | Ryan Trimble'
-        height='980'
-        width='1470'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>CSS-Only Scroll Animations | Ryan Trimble</h3>
-        <p class='rd-item-excerpt'>I’m still digging into all the amazing things
-          I learned at CSS Day!</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>ryantrimble.com</p>
-        <p class='rd-item-date'>7/7/2023</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://www.wired.com/story/life-philosophy-bioethics/'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://media.wired.com/photos/6418c75c9b6c03d0a5f2a67d/191:100/w_1280,c_limit/ideas_life_biology_philosophy.jpg'
-        alt='The End of ‘Life’ As You Know It | WIRED'
-        height='670'
-        width='1280'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>The End of ‘Life’ As You Know It | WIRED</h3>
-        <p class='rd-item-excerpt'>Society’s outdated ideas about what it means
-          to be alive are obstructing progress on some of today’s most pressing
-          issues.</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>wired.com</p>
-        <p class='rd-item-date'>3/21/2023</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
+    <div class="rd-item-content">
+      <div class="rd-item-body">
+        <h3 class="rd-item-title">
+          Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS
+        </h3>
+        <p class="rd-item-excerpt">
+          The CSS Color Module Level 4 specification defined a slew of new color
+          features when it became a candidate recommendation in 2022, including
+          Oklab and Oklch, which have widened the field of color we have to work
+          with. Explore the Oklch color space and how to start using it in CSS
+          today.
+        </p>
+      </div>
+      <div class="rd-item-footer">
+        <p class="rd-item-domain">smashingmagazine.com</p>
+        <p class="rd-item-date">8/28/2023</p>
+      </div>
+    </div>
+    <svg class="rd-item-icon" aria-hidden="true">
+      <use href="#sm-icon-link"></use>
+    </svg>
   </a>
 </article>
-<article class='rd-item'>
-  <a
-    href='https://discord.com/blog/how-discord-stores-trillions-of-messages'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://assets-global.website-files.com/5f9072399b2640f14d6a2bf4/640658a746a8ce16d18f27ac_027_Header.png'
-        alt='How Discord Stores Trillions of Messages'
-        height='720'
-        width='1800'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>How Discord Stores Trillions of Messages</h3>
-        <p class='rd-item-excerpt'>Almost six years after our blog post titled
-          "How Discord Stores Billions of Messages," we’ve changed a lot, and
-          this means how we store messages has needed to adapt as we scale.
-          Engineer Bo Ingram shares insight into how Discord shoulders its
-          traffic and provides a platform for our users to communicate.</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>discord.com</p>
-        <p class='rd-item-date'>8/25/2023</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://michaelfeathers.silvrback.com/10-papers-every-developer-should-read-at-least-twice'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://rdl.ink/render/https%3A%2F%2Fmichaelfeathers.silvrback.com%2F10-papers-every-developer-should-read-at-least-twice'
-        alt='Michael Feathers - 10 Papers Every Developer Should Read'
-        height='900'
-        width='1280'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>Michael Feathers - 10 Papers Every Developer
-          Should Read</h3>
-        <p class='rd-item-excerpt'>10 Papers Every Developer Should Read - (At
-          Least Twice)</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>michaelfeathers.silvrback.com</p>
-        <p class='rd-item-date'>11/15/2017</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://smashingmagazine.com/2022/03/guide-hover-pointer-media-queries/'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/e8282b7e-20d8-481e-8bd8-0261fd9c1cc0/guide-hover-pointer-media-queries.jpg'
-        alt='A Guide To Hover And Pointer Media Queries'
-        height='675'
-        width='1200'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>A Guide To Hover And Pointer Media Queries</h3>
-        <p class='rd-item-excerpt'>In this article, we’ll talk about how to
-          adapt our sites to the different scenarios of a device pointer:
-          whether it has a pointer or not, or how accurate it is. To adapt our
-          site to those devices’ needs we’ll talk about how to properly use
-          media queries `hover`, `pointer`, `any-hover` and `any-pointer`.</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>smashingmagazine.com</p>
-        <p class='rd-item-date'>3/28/2022</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
-<article class='rd-item'>
-  <a
-    href='https://www.theguardian.com/theguardian/1999/apr/30/features11.g24'
-    class='rd-item-link'
-    target='_blank'
-  >
-    <div class='rd-item-image'>
-      <img
-        src='https://assets.guim.co.uk/images/eada8aa27c12fe2d5afa3a89d3fbae0d/fallback-logo.png'
-        alt='The secret life of ciabatta'
-        height='630'
-        width='1200'
-        loading='lazy'
-      />
-    </div>
-    <div class='rd-item-content'>
-      <div class='rd-item-body'>
-        <h3 class='rd-item-title'>The secret life of ciabatta</h3>
-        <p class='rd-item-excerpt'>So, there you are - Sicily, 1860, towards
-          lunchtime. Garibaldi is heroically forging a modern democracy from
-          blood, gunpowder and steel, but you're beginning to feel a bit
-          peckish. Sod the Risorgimento, what's in the bread bin? Or go back
-          further, to some humble Tuscan village around 1480, teatime. As the
-          paint dries on Renaissance masterpieces all around, you repair to the
-          local osteria for a quick bite and a flagon of Chianti. And what do
-          you eat? Hearty, honest, country fare, of course; goats' cheese, maybe
-          some dried ham, probably a few black olives - all, without doubt,
-          accompanied by a generous slab of golden-brown ciabatta - pride of
-          sun-dried, simple peasantry and folksy staple of Italian dinner tables
-          since the Visigoths sacked Rome. Well, maybe not.</p>
-      </div>
-      <div class='rd-item-footer'>
-        <p class='rd-item-domain'>theguardian.com</p>
-        <p class='rd-item-date'>8/18/2018</p>
-      </div>
-    </div>
-    <svg class='rd-item-icon' aria-hidden='true'><use
-        href='#sm-icon-link'
-      ></use></svg>
-  </a>
-</article>
\ No newline at end of file