Remove download layout from List compononent, refactor call sites to use Check layout without lead

Author: webstackdev

_TODO.md

@@ -239,6 +239,16 @@ Generate cover images for the skills and technologies tags pages
 
 - Highlighter component in Markdown needs better colors in dark theme. It's spotlight color with content text - and there's not much contrast in dark theme between the yellow and white text.
 
+- 'three-column-icon-list' List layout is broken in dark theme
+
+- 'two-column-icon-list' List layout looks bad on dark theme. The bgColor looks good on light theme, but awkward on dark theme.
+
+- Font size on GitHub Gist embed is too small
+
+- Task list checked variant Markdown in dark theme is awkward, it has a dark shadow
+
+- Contact Callout looks awkward in dark theme and needs redone generally
+
 ## Header
 
 - Need to improve the "squish" animation where the header reduces in size on scroll down, and returns to full size on scroll up. Maybe reduce and expand the text and search / themepicker / hamburger menu sizes in place, and then slide them horizontally.

src/components/List/index.astro

@@ -5,7 +5,6 @@ import CardGridList from '@components/List/layouts/CardGridList.astro'
 import CheckIconsList from '@components/List/layouts/CheckIconsList.astro'
 import ChevronList from '@components/List/layouts/ChevronList.astro'
 import ColoredMarkerList from '@components/List/layouts/ColoredMarkerList.astro'
-import DownloadPageList from '@components/List/layouts/DownloadPageList.astro'
 import NumberedWithBackgroundList from '@components/List/layouts/NumberedWithBackgroundList.astro'
 import PlainIconList from '@components/List/layouts/PlainIconList.astro'
 import SideBySideList from '@components/List/layouts/SideBySideList.astro'
@@ -70,7 +69,6 @@ const plainIconItems = items.filter((item): item is Props['items'][number] & { i
 {variant === 'check-icons-list' && <CheckIconsList items={items} {...classesProps} />}
 {variant === 'chevron-list' && <ChevronList items={items} {...classesProps} />}
 {variant === 'colored-marker-list' && <ColoredMarkerList items={itemsWithColor} {...classesProps} {...sizeProps} />}
-{variant === 'download-page-list' && <DownloadPageList items={itemsWithIconAndColor} {...classesProps} {...sizeProps} />}
 {variant === 'numbered-with-background-list' && <NumberedWithBackgroundList items={items} {...classesProps} />}
 {variant === 'plain-icon-list' && <PlainIconList items={plainIconItems} {...classesProps} {...sizeProps} />}
 {variant === 'side-by-side-list' && <SideBySideList items={items} {...classesProps} />}

src/components/List/layouts/DownloadPageList.astro

@@ -19,7 +19,7 @@ This complete guide walks you through the systematic process used to reduce a 20
 Read this e-book to understand:
 
 <List
-  variant="download-page-list"
+  variant="check-icons-list"
   items={[
     { text: "The quantifiable cost of alert fatigue (MTTA, action rate, burnout indicators)" },
     { text: "How to audit and inventory your alerts systematically" },

src/content/articles/alert-fatigue-reduction-triage-actionable-alerts/download.mdx

@@ -19,7 +19,7 @@ This complete guide walks you through the full deprecation lifecycle and the org
 Read this e-book to understand:
 
 <List
-  variant="download-page-list"
+  variant="check-icons-list"
   items={[
     { text: "Realistic timeline guidance based on consumer type (internal, external, enterprise)" },
     { text: "RFC 8594 Sunset headers and Deprecation headers as technical foundations" },

src/content/articles/api-deprecation-sunset-headers-consumer-migration/download.mdx

@@ -19,7 +19,7 @@ This complete guide shows you how to instrument API gateways so the data actuall
 Read this e-book to understand:
 
 <List
-  variant="download-page-list"
+  variant="check-icons-list"
   items={[
     { text: "Why gateway observability is fundamentally different from service observability" },
     { text: "The RED method applied correctly to gateways with meaningful label dimensions" },

src/content/articles/api-gateway-metrics-traces-logs-debugging/download.mdx

@@ -21,7 +21,7 @@ This complete guide walks you through building cost visibility into your API inf
 Read this e-book to understand:
 
 <List
-  variant="download-page-list"
+  variant="check-icons-list"
   items={[
     { text: "Metering architecture: synchronous vs. asynchronous tracking" },
     { text: "What dimensions to capture (request count, data transfer, compute time, storage, features)" },

src/content/articles/api-usage-metering-quotas-cost-attribution/download.mdx

@@ -21,7 +21,7 @@ This complete guide breaks down the sync process and catalogs the failure modes
 Read this e-book to understand:
 
 <List
-  variant="download-page-list"
+  variant="check-icons-list"
   items={[
     { text: "The ArgoCD sync process phase by phase: detection, manifest generation, diff calculation, resource ordering, health checks" },
     { text: "Sync waves and resource ordering—explicit control over which resources deploy first" },

src/content/articles/argocd-sync-failures-gitops-debugging-troubleshooting/download.mdx

@@ -21,7 +21,7 @@ This complete guide provides the cost-benefit framework for making informed avai
 Read this e-book to understand:
 
 <List
-  variant="download-page-list"
+  variant="check-icons-list"
   items={[
     { text: "What availability percentages mean: concrete downtime hours and composite availability math" },
     { text: "Cost scaling: why each additional nine costs roughly 10x more than the previous one" },

src/content/articles/availability-targets-five-nines-cost-benefit-analysis/download.mdx

@@ -21,7 +21,7 @@ This complete guide teaches you how to implement backpressure patterns that keep
 Read this e-book to understand:
 
 <List
-  variant="download-page-list"
+  variant="check-icons-list"
   items={[
     { text: "Cascading failure anatomy: how overload feeds retries that compound the problem" },
     { text: "Little's Law and queue growth: why queue depth becomes unbounded when arrivals exceed capacity" },