mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2026-06-19 12:15:27 -04:00
jake
b2416ff0db
- Replace single `<ViewTransition>` wrapper in layout with `FadeTransition` and `DirectionalTransition` components applied per page - Add `components/page-transition.tsx` with reusable transition wrappers - Expand view transition CSS with named classes: fade, slide, nav-forward/back, morph, text-morph, scale — all driven by CSS custom property durations - Use React `<ViewTransition name=... share="text-morph">` for shared note title element between list and detail views - Wrap comments suspense boundary with enter/exit slide transitions - Add `persistent-nav` and `persistent-footer` view-transition-name groups to keep chrome static during navigation - Fix reduced-motion override to target delay and duration instead of `animation: none` - Add tracking-tight and letter-spacing tweaks to home page typography
73 lines
2.3 KiB
TypeScript
73 lines
2.3 KiB
TypeScript
import { JsonLd } from "react-schemaorg";
|
|
import type { VideoObject } from "schema-dts";
|
|
|
|
import { PageTitle } from "@/components/layout/page-title";
|
|
import { FadeTransition } from "@/components/page-transition";
|
|
import { Video } from "@/components/video";
|
|
import { createMetadata } from "@/lib/metadata";
|
|
|
|
import thumbnail from "./thumbnail.png";
|
|
|
|
export const metadata = createMetadata({
|
|
title: 'Facebook App on "The Lab with Leo Laporte"',
|
|
description: "Powncer app featured in Leo Laporte's TechTV show.",
|
|
canonical: "/leo",
|
|
openGraph: {
|
|
videos: [
|
|
{
|
|
url: "https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/leo-uoCXHS9gViyRnQhr8CEGXFvj4VGh5Y.webm",
|
|
type: "video/webm",
|
|
},
|
|
],
|
|
},
|
|
});
|
|
|
|
const Page = () => (
|
|
<FadeTransition>
|
|
<JsonLd<VideoObject>
|
|
item={{
|
|
"@context": "https://schema.org",
|
|
"@type": "VideoObject",
|
|
name: metadata.title as string,
|
|
description: metadata.description as string,
|
|
contentUrl:
|
|
"https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/leo-uoCXHS9gViyRnQhr8CEGXFvj4VGh5Y.webm",
|
|
thumbnailUrl: `${process.env.NEXT_PUBLIC_BASE_URL}${thumbnail.src}`,
|
|
embedUrl: `${process.env.NEXT_PUBLIC_BASE_URL}/leo`,
|
|
uploadDate: "2007-05-10T00:00:00Z",
|
|
duration: "PT1M48S",
|
|
}}
|
|
/>
|
|
|
|
<PageTitle canonical="/leo">TheLab.mov</PageTitle>
|
|
|
|
<Video
|
|
src={[
|
|
"https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/leo-uoCXHS9gViyRnQhr8CEGXFvj4VGh5Y.webm",
|
|
"https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/leo-Blp1bsf872vuY05LuSw7fjZBHURWT1.mp4",
|
|
"https://ijyxfbpcm3itvdly.public.blob.vercel-storage.com/leo.en-TsoyI7XMA10Uaj8EFZV1bQ65At35gz.vtt",
|
|
]}
|
|
poster={thumbnail.src}
|
|
/>
|
|
|
|
<p className="text-muted-foreground mx-4 mt-5 mb-0 text-center text-sm leading-relaxed">
|
|
Video is property of{" "}
|
|
<a
|
|
href="https://web.archive.org/web/20070511004304/www.g4techtv.ca"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="font-bold"
|
|
>
|
|
G4techTV Canada
|
|
</a>{" "}
|
|
&{" "}
|
|
<a href="https://leo.fm/" target="_blank" rel="noopener noreferrer" className="font-bold">
|
|
Leo Laporte
|
|
</a>
|
|
. © 2007 G4 Media, Inc.
|
|
</p>
|
|
</FadeTransition>
|
|
);
|
|
|
|
export default Page;
|