chore(website): error and artifact cleanup

This commit is contained in:
Darius Cepulis
2025-10-20 16:51:50 -07:00
parent 7d2536a766
commit 07e258d5c3
4 changed files with 15 additions and 17 deletions
+2 -4
View File
@@ -41,16 +41,14 @@ export default function ClientCode({ code, lang, className }: ClientCodeProps) {
}
const html = hastToHtml(hast);
const { class: preClassName, style: _preStyle, ...restPreProps } = preProps;
const { class: codeClassName, style: _codeStyle, ...restCodeProps } = codeProps;
const { class: preClassName } = preProps;
const { class: codeClassName } = codeProps;
return (
<pre
{...restPreProps}
className={clsx('rounded-lg p-6 overflow-x-auto overflow-y-scroll max-h-96 border border-light-40 bg-light-100', preClassName, className)}
>
<code
{...restCodeProps}
className={clsx('font-mono text-code', codeClassName)}
// eslint-disable-next-line react-dom/no-dangerously-set-innerhtml
dangerouslySetInnerHTML={{ __html: html }}
+9 -9
View File
@@ -24,7 +24,7 @@ const fullTitle = Array.isArray(title)
<html lang="en">
<head>
<!-- Global Metadata -->
{/* Global Metadata */}
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -32,39 +32,38 @@ const fullTitle = Array.isArray(title)
<link rel="alternate" type="application/rss+xml" title={SITE_TITLE} href={new URL('rss.xml', Astro.site)} />
<meta name="generator" content={Astro.generator} />
<!-- Important stuff -->
{/* Important stuff */}
<slot name="priority-head" />
<!-- Font preloads -->
{/* Font preloads */}
<Font cssVariable="--font-instrument-sans" preload />
<Font cssVariable="--font-ibm-plex-mono" preload />
<!-- Canonical URL -->
{/* Canonical URL */}
<link rel="canonical" href={canonicalURL} />
<!-- Primary Meta Tags -->
{/* Primary Meta Tags */}
<title>{fullTitle}</title>
<meta name="title" content={fullTitle} />
<meta name="description" content={description} />
<!-- Open Graph / Facebook -->
{/* Open Graph / Facebook */}
<meta property="og:type" content="website" />
<meta property="og:url" content={Astro.url} />
<meta property="og:title" content={fullTitle} />
<meta property="og:description" content={description} />
{image && <meta property="og:image" content={new URL(image.src, Astro.url)} />}
<!-- Twitter -->
{/* Twitter */}
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={Astro.url} />
<meta property="twitter:title" content={fullTitle} />
<meta property="twitter:description" content={description} />
{image && <meta property="twitter:image" content={new URL(image.src, Astro.url)} />}
<!-- Whatever else -->
{/* Whatever else */}
<slot name="head" />
</head>
<!-- BaseUI requires body.relative and div.isolate -->
<body
class:list={[
'relative',
@@ -75,6 +74,7 @@ const fullTitle = Array.isArray(title)
'selection:bg-yellow selection:text-dark-100',
]}
>
{/* BaseUI requires body.relative and div.isolate */}
<div class="isolate">
<slot />
<FooterEasterEgg />
+2 -2
View File
@@ -52,14 +52,14 @@ const poster = `https://image.mux.com/${PLAYBACK_ID}/thumbnail.webp?time=0`;
<h2 class="text-h5 font-semibold lg:text-h4 mb-1">Assemble your player</h2>
<p>Feel at home with your framework, skin, and media source</p>
</header>
<HomePageBaseDemo client:idle className="lg:h-88" />
<HomePageBaseDemo client:idle className="lg:h-89" />
</section>
<section class="grid grid-rows-subgrid row-span-2 mb-6">
<header class="max-w-3xl">
<h2 class="text-h5 font-semibold lg:text-h4 mb-1">Take full control</h2>
<p>Make your player truly your own with fully-editable components</p>
</header>
<HomePageEjectDemo client:idle className="lg:h-88" />
<HomePageEjectDemo client:idle className="lg:h-89" />
</section>
</section>
<section class="rounded-3xl">
+2 -2
View File
@@ -120,10 +120,10 @@
--animate-marquee: marquee 40s linear infinite;
@keyframes marquee {
from {
transform: translate3d(0, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
transform: translate3d(-50%, 0, 0);
transform: translate3d(0, 0, 0);
}
}
}