jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 13:06:37 -04:00
Code Issues Activity

offload videos to vercel blob storage

Browse Source
This commit is contained in:
Jake Jarvis
2025-03-19 16:14:10 -04:00
parent c134ae76fd
commit d714e6e99b
47 changed files with 204 additions and 418 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/birthday/page.tsx
View File

@ -17,7 +17,14 @@ const Page = () => {
<>
<PageTitle canonical="/birthday">1996.mov</PageTitle>
<Video src={["/static/birthday/birthday.webm", "/static/birthday/birthday.mp4"]} poster={thumbnail.src} />
<Video
src={[
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/birthday/birthday-9HG65MrSNWJjzg679VtirX7MLPpAaV.webm",
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/birthday/birthday-8iayCEy1jfEHpNGZkdBPvxPFOuGz0g.mp4",
]}
poster={thumbnail.src}
crossOrigin="anonymous"
/>
</>
);
};

2
app/contact/form.module.css
View File

@ -16,7 +16,7 @@
.input.textarea {
margin-bottom: 0;
line-height: 1.5;
min-height: 136px; /* approx 5 lines, to avoid severe layout shifting */
min-height: calc(5 * 1.5rem + 1.5em); /* avoid layout shift when textarea-autosize loads */
resize: vertical;
}

7
app/hillary/page.tsx
View File

@ -20,11 +20,12 @@ const Page = () => {
<Video
src={[
"/static/hillary/convention-720p.webm",
"/static/hillary/convention-720p.mp4",
"/static/hillary/subs.en.vtt",
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/hillary/convention-720p-JbNlxyfqE3nz4ACjtfbpbjcR2gOY89.webm",
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/hillary/convention-720p-YLGreYE59PzmPo4epB21HQG6jXgYL5.mp4",
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/hillary/subs.en-k2txNECkQvwxWP8DjfP6GPBPo20vnO.vtt",
]}
poster={thumbnail.src}
crossOrigin="anonymous"
/>
<p

2
app/layout.tsx
View File

@ -42,7 +42,7 @@ const jsonLd: WithContext<Person> = {
],
};
const RootLayout = ({ children }: { children: React.ReactNode }) => {
const RootLayout = ({ children }: Readonly<{ children: React.ReactNode }>) => {
return (
<html lang={config.siteLocale} suppressHydrationWarning>
<head>

10
app/leo/page.tsx
View File

@ -18,7 +18,15 @@ const Page = () => {
<>
<PageTitle canonical="/leo">TheLab.mov</PageTitle>
<Video src={["/static/leo/leo.webm", "/static/leo/leo.mp4", "/static/leo/subs.en.vtt"]} poster={thumbnail.src} />
<Video
src={[
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/leo/leo-lVkSAtUWCqQaDCMqo3SGcuBiSlNWod.webm",
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/leo/leo-x4E4eG4YPo22KSTJuZwAk6fpNF1NgG.mp4",
"https://bcm6wnmyyzj1p5ls.public.blob.vercel-storage.com/videos/leo/subs.en-HRGnRBH8w8CEyM644OV3qmCdm9Aj61.vtt",
]}
poster={thumbnail.src}
crossOrigin="anonymous"
/>
<p
style={{

BIN
app/not-found.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 528 KiB

13
app/not-found.tsx
View File

@ -1,7 +1,9 @@
import Image from "../components/Image";
import Link from "../components/Link";
import Video from "../components/Video";
import type { Metadata } from "next";
import notFoundGif from "./not-found.gif";
export const metadata: Metadata = {
title: "Page Not Found",
description: null,
@ -14,14 +16,7 @@ export const metadata: Metadata = {
const Page = () => {
return (
<div style={{ textAlign: "center" }}>
<Video
src={["/static/not-found/angry-panda.webm", "/static/not-found/angry-panda.mp4"]}
autoplay
responsive={false}
style={{
maxWidth: "400px",
}}
/>
<Image src={notFoundGif} alt="Angry panda" placeholder="empty" unoptimized />
<h1 style={{ margin: "0.2em auto" }}>Page Not Found 😢</h1>