🐛 💚 fix bugs and deploy!

src/remotion/components/scary-elevator-remotion.tsx

@@ -20,7 +20,7 @@ export const ScaryElevatorRemotion: typeof DefaultRemotion = (props) => {
   //   }
   // }, [])
   return <>
-    <div style={{height: '100%', width: '100%', position: 'absolute', zIndex: 1000}} onClick={() => sound.play()}></div>
+    <div style={{height: '100%', width: '100%', position: 'absolute', zIndex: 1000}} /*onClick={() => sound.play()}*/></div>
     <DefaultRemotion {...props}/>
   </>
 }

src/remotion/compositions/showcases/devfestNantes/DevfestNantesDefaultTotem.tsx

@@ -1,9 +1,5 @@
-import React from 'react';
 import {loadFont} from '@remotion/google-fonts/CrimsonText';
-import {AbsoluteFill, Img, Sequence, staticFile, 
-	Easing,
-	interpolate,
-	useCurrentFrame,} from 'remotion';
+import {AbsoluteFill, Img, Sequence, staticFile} from 'remotion';
 
 import {GhostBackground} from './GhostBackground';
 import {Logo} from './Logo';
@@ -13,14 +9,7 @@ import {Trees} from './Trees';
 const {fontFamily} = loadFont();
 
 export const DevfestNantesDefaultTotem = () => {
-	const frame = useCurrentFrame();
-
-	const SlideDown = interpolate(frame, [300, 330], [0, 1300], {
-		extrapolateRight: 'clamp',
-		extrapolateLeft: 'clamp',
-		easing: Easing.bezier(0.51, -0.75, 0.99, 0.75),
-	});
-
+
 	return (
 		<AbsoluteFill
 			style={{

src/remotion/compositions/showcases/devfestNantes/DevfestNantesDirection.tsx

@@ -1,7 +1,6 @@
 import {loadFont} from '@remotion/google-fonts/CrimsonText';
-import {AbsoluteFill, Sequence, staticFile,} from 'remotion';
+import {AbsoluteFill, Sequence} from 'remotion';
 
-import {BackgroundFiller} from '../../../design/atoms/BackgroundFiller';
 import {Logo} from './Logo';
 import {Direction} from "src/types.ts";
 import {DirectionComponent} from "src/remotion/compositions/showcases/devfestNantes/DirectionComponent.tsx";

src/remotion/compositions/showcases/devfestNantes/DevfestNantesDirectionTotem.tsx

@@ -1,7 +1,5 @@
 import {loadFont} from '@remotion/google-fonts/CrimsonText';
-import {AbsoluteFill, Sequence, staticFile,} from 'remotion';
-
-import {BackgroundFiller} from '../../../design/atoms/BackgroundFiller';
+import {AbsoluteFill, Sequence} from 'remotion';
 
 import { Moon } from './Moon';
 import { Trees } from './Trees';

src/remotion/compositions/showcases/devfestNantes/DevfestNantesEcranPlats.tsx

@@ -1,7 +1,6 @@
 import {loadFont} from '@remotion/google-fonts/CrimsonText';
-import {AbsoluteFill, Img, Sequence, staticFile,} from 'remotion';
+import {AbsoluteFill, Img, staticFile,} from 'remotion';
 
-import {BackgroundFiller} from '../../../design/atoms/BackgroundFiller';
 
 const {fontFamily} = loadFont();
 

src/remotion/compositions/showcases/devfestNantes/DevfestNantesGrandEcran.tsx

@@ -1,5 +1,5 @@
 import {loadFont} from '@remotion/google-fonts/CrimsonText';
-import {AbsoluteFill, Img, Sequence, staticFile,} from 'remotion';
+import {AbsoluteFill, Img, staticFile,} from 'remotion';
 
 
 import {DirectionComponent} from "src/remotion/compositions/showcases/devfestNantes/DirectionComponent.tsx";

src/remotion/compositions/showcases/devfestNantes/DevfestNantesLoopTotem.tsx

@@ -1,5 +1,5 @@
 import {loadFont} from '@remotion/google-fonts/CrimsonText';
-import {AbsoluteFill, Easing, interpolate, Sequence, staticFile, useCurrentFrame,} from 'remotion';
+import {AbsoluteFill, Easing, interpolate, Sequence, useCurrentFrame,} from 'remotion';
 
 import {DefaultProps} from '../../../types/defaultProps.types';
 
@@ -59,7 +59,7 @@ return (
       }}
     >
       <Sequence name="Speakers" from={30}>
-        <Speakers speakers={speakers} isTotemDisplayMode />
+        <Speakers speakers={speakers ?? []} isTotemDisplayMode />
         <TalkTitle
           title={title}
           style={{

src/remotion/compositions/showcases/devfestNantes/DevfestNantesPhraseTotem.tsx

@@ -4,11 +4,9 @@ import {
     Easing,
     interpolate,
     Sequence,
-    staticFile,
     useCurrentFrame,
 } from 'remotion';
 
-import { BackgroundFiller } from '../../../design/atoms/BackgroundFiller';
 import { DefaultProps } from '../../../types/defaultProps.types';
 
 import {Logo} from './Logo';

src/remotion/compositions/showcases/devfestNantes/DevfestNantesTalk.tsx

@@ -55,7 +55,7 @@ export const DevfestNantesTalk = ({
 				}}
 			>
 				<Sequence name="Speakers" from={30}>
-					<Speakers speakers={speakers} />
+					<Speakers speakers={speakers ?? []} />
 					<TalkTitle
 						title={title}
 						style={{

src/remotion/compositions/showcases/devfestNantes/GhostBackground.tsx

@@ -9,7 +9,7 @@ import {
 import {ComponentDisplayMode} from '../../../types/defaultProps.types';
 
 export const GhostBackground = ({
-	isTotemDisplayMode = false,
+	//isTotemDisplayMode = false,
 }: ComponentDisplayMode) => {
 	const {durationInFrames} = useVideoConfig();
 	const frame = useCurrentFrame();

src/remotion/compositions/showcases/devfestNantes/TalkTitle.tsx

@@ -1,4 +1,3 @@
-import {loadFont} from '@remotion/google-fonts/Creepster';
 import {loadLocalFont} from '../../../../../src/utils/loadFont';
 
 import {interpolate, spring, useCurrentFrame, useVideoConfig} from 'remotion';

src/remotion/types/defaultProps.types.ts

@@ -5,7 +5,7 @@ export type Speaker = {
 
 export type DefaultProps = {
   title: string;
-  speakers: Speaker[];
+  speakers?: Speaker[];
   date?: string;
   time?: string;
   location?: string;
@@ -14,7 +14,3 @@ export type DefaultProps = {
 export type ComponentDisplayMode = {
 	isTotemDisplayMode?: boolean;
 };
-
-export const ShowcaseDevfestNantes2024Schema = DefaultProps.extend({
-	titleFontSize: z.number().optional(),
-});

src/utils/loadFont.ts

@@ -1,9 +1,5 @@
 import {continueRender, delayRender, staticFile} from 'remotion';
 
-type RemotionFont = {
-	loadFont: () => void;
-};
-
 export function loadLocalFont(
 	fontName: string,
 	fontLocalPath: string,