Skip to content

Commit 9cb08de

Browse files
author
Tom Notch
committed
Add background hero video
1 parent ba6c138 commit 9cb08de

12 files changed

Lines changed: 530 additions & 299 deletions

package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,8 @@
1313
"lint:fix": "eslint --fix .",
1414
"format": "prettier .",
1515
"format:fix": "prettier --write .",
16-
"all:fix": "astro check && eslint --fix . && prettier --write ."
16+
"all:fix": "astro check && eslint --fix . && prettier --write .",
17+
"video:headline-posters": "ffmpeg -y -ss 4 -i public/HeadlineAnimationLight.mp4 -vframes 1 -c:v libwebp -quality 85 public/HeadlineAnimationLight-poster.webp && ffmpeg -y -ss 4 -i public/HeadlineAnimationDark.mp4 -vframes 1 -c:v libwebp -quality 85 public/HeadlineAnimationDark-poster.webp"
1718
},
1819
"dependencies": {
1920
"@astrojs/check": "^0.9.6",
18.3 KB
Loading

public/HeadlineAnimationDark.mp4

16.1 MB
Binary file not shown.

public/HeadlineAnimationDark.webm

3.46 MB
Binary file not shown.
15.8 KB
Loading

public/HeadlineAnimationLight.mp4

16.3 MB
Binary file not shown.

public/HeadlineAnimationLight.webm

2.43 MB
Binary file not shown.

src/components/Authors.astro

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,21 +9,26 @@ const { authors } = Astro.props;
99
---
1010

1111
<div
12-
class="links mx-auto flex max-w-[52rem] flex-row flex-wrap justify-center gap-x-6 gap-y-3"
12+
class="links not-prose mx-auto flex max-w-[52rem] flex-row flex-wrap justify-center gap-x-6 gap-y-3"
1313
>
1414
{
1515
authors.map((author) => (
1616
<div class="flex flex-col items-center text-center">
17-
<div class="flex flex-row items-start text-xl font-medium md:text-2xl">
17+
<div class="flex flex-row items-start text-xl font-medium text-zinc-900 md:text-2xl dark:text-zinc-100">
1818
{author.url ? (
19-
<a href={author.url} target="_blank" rel="noopener noreferrer">
19+
<a
20+
class="text-inherit no-underline decoration-zinc-900/40 decoration-2 underline-offset-[0.2em] transition-colors hover:underline dark:decoration-zinc-100/40"
21+
href={author.url}
22+
target="_blank"
23+
rel="noopener noreferrer"
24+
>
2025
{author.name}
2126
</a>
2227
) : (
2328
author.name
2429
)}
2530
{author.notes && (
26-
<sup class="ml-0.5 text-sm md:text-base">
31+
<sup class="ml-0.5 text-sm text-inherit md:text-base">
2732
{author.notes.map(
2833
(note, index, array) =>
2934
note + (index < array.length - 1 ? "," : ""),

0 commit comments

Comments
 (0)