From f3ab275113ad04f1d4c63cbfd0bf33ef20395f43 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micka=C3=ABl=20Alves?= Date: Mon, 13 Jan 2025 21:55:50 +0100 Subject: [PATCH] fix(template): font speaker name snowcamp (#1268) --- remotion/compositions/showcases/snowcamp/Details.tsx | 2 ++ remotion/compositions/showcases/snowcamp/Speakers.tsx | 10 ++++++---- remotion/compositions/showcases/snowcamp/TalkTitle.tsx | 2 +- 3 files changed, 9 insertions(+), 5 deletions(-) diff --git a/remotion/compositions/showcases/snowcamp/Details.tsx b/remotion/compositions/showcases/snowcamp/Details.tsx index dc782319ce..0d17fc67fd 100644 --- a/remotion/compositions/showcases/snowcamp/Details.tsx +++ b/remotion/compositions/showcases/snowcamp/Details.tsx @@ -23,10 +23,12 @@ export const Details: React.FC<{ style={{ fontFamily: 'Noto Sans,sans-serif', fontSize: '32px', + textShadow: '0 0 10px black', }} iconStyle={{ opacity, bottom: drop, + filter: 'drop-shadow(0 0 5px black)', }} /> ); diff --git a/remotion/compositions/showcases/snowcamp/Speakers.tsx b/remotion/compositions/showcases/snowcamp/Speakers.tsx index db437bbf07..d0119628b5 100644 --- a/remotion/compositions/showcases/snowcamp/Speakers.tsx +++ b/remotion/compositions/showcases/snowcamp/Speakers.tsx @@ -56,8 +56,8 @@ export const Speakers: React.FC<{speakers: Speaker[]}> = ({speakers}) => { = ({speakers}) => { style={{ position: 'relative', bottom: '-20%', - width: 250, + width: 350, height: 100, - fontSize: 30, + fontSize: 35, fontWeight: 700, opacity: nameOpacity, filter: `blur(${nameUnblur}px)`, + fontFamily: 'Noto Sans,sans-serif', + textShadow: '0 0 10px black', }} > {speaker.name} diff --git a/remotion/compositions/showcases/snowcamp/TalkTitle.tsx b/remotion/compositions/showcases/snowcamp/TalkTitle.tsx index ce200de0f5..6f21bb8a88 100644 --- a/remotion/compositions/showcases/snowcamp/TalkTitle.tsx +++ b/remotion/compositions/showcases/snowcamp/TalkTitle.tsx @@ -33,7 +33,7 @@ export const TalkTitle: React.FC<{ textAlign: 'center', opacity: titleOpacity, filter: `blur(${titleDeblur}px)`, - textShadow: '`1px 1px 3px white`', + textShadow: '0 0 10px black', ...style, }} >