@remotion/promo-pages 4.0.364 → 4.0.365
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Homepage.js +7 -3
- package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/Homepage.js +7 -3
- package/package.json +10 -10
- package/.turbo/turbo-lint.log +0 -15
- package/.turbo/turbo-make.log +0 -5
- package/bundle.ts +0 -54
- package/eslint.config.mjs +0 -7
- package/server.ts +0 -26
- package/src/cn.ts +0 -6
- package/src/components/Homepage.tsx +0 -87
- package/src/components/TeamPicture.tsx +0 -11
- package/src/components/homepage/BackgroundAnimation.tsx +0 -108
- package/src/components/homepage/ChooseTemplate.tsx +0 -57
- package/src/components/homepage/CommunityStats.tsx +0 -54
- package/src/components/homepage/CommunityStatsItems.tsx +0 -304
- package/src/components/homepage/Counter.tsx +0 -120
- package/src/components/homepage/Demo/Card.tsx +0 -273
- package/src/components/homepage/Demo/Cards.tsx +0 -129
- package/src/components/homepage/Demo/Comp.tsx +0 -157
- package/src/components/homepage/Demo/CurrentCountry.tsx +0 -97
- package/src/components/homepage/Demo/DemoError.tsx +0 -18
- package/src/components/homepage/Demo/DemoErrorIcon.tsx +0 -32
- package/src/components/homepage/Demo/DemoRender.tsx +0 -166
- package/src/components/homepage/Demo/DigitWheel.tsx +0 -179
- package/src/components/homepage/Demo/DisplayedEmoji.tsx +0 -93
- package/src/components/homepage/Demo/DoneCheckmark.tsx +0 -39
- package/src/components/homepage/Demo/DownloadNudge.tsx +0 -62
- package/src/components/homepage/Demo/DragAndDropNudge.tsx +0 -57
- package/src/components/homepage/Demo/EmojiCard.tsx +0 -200
- package/src/components/homepage/Demo/Minus.tsx +0 -21
- package/src/components/homepage/Demo/PlayPauseButton.tsx +0 -66
- package/src/components/homepage/Demo/PlayerControls.tsx +0 -48
- package/src/components/homepage/Demo/PlayerSeekBar.tsx +0 -325
- package/src/components/homepage/Demo/PlayerVolume.tsx +0 -83
- package/src/components/homepage/Demo/Progress.tsx +0 -38
- package/src/components/homepage/Demo/Spinner.tsx +0 -60
- package/src/components/homepage/Demo/Switcher.tsx +0 -54
- package/src/components/homepage/Demo/Temperature.tsx +0 -44
- package/src/components/homepage/Demo/TemperatureNumber.tsx +0 -68
- package/src/components/homepage/Demo/ThemeNudge.tsx +0 -72
- package/src/components/homepage/Demo/TimeDisplay.tsx +0 -43
- package/src/components/homepage/Demo/TrendingRepos.tsx +0 -106
- package/src/components/homepage/Demo/icons.tsx +0 -114
- package/src/components/homepage/Demo/index.tsx +0 -158
- package/src/components/homepage/Demo/math.ts +0 -43
- package/src/components/homepage/Demo/types.ts +0 -6
- package/src/components/homepage/EditorStarterSection.tsx +0 -76
- package/src/components/homepage/EvaluateRemotion.tsx +0 -92
- package/src/components/homepage/FreePricing.tsx +0 -283
- package/src/components/homepage/GetStartedStrip.tsx +0 -77
- package/src/components/homepage/GitHubButton.tsx +0 -23
- package/src/components/homepage/IconForTemplate.tsx +0 -170
- package/src/components/homepage/IfYouKnowReact.tsx +0 -68
- package/src/components/homepage/InfoTooltip.tsx +0 -25
- package/src/components/homepage/MoreTemplatesButton.tsx +0 -29
- package/src/components/homepage/MoreVideoPowerSection.tsx +0 -95
- package/src/components/homepage/MuxVideo.tsx +0 -68
- package/src/components/homepage/NewsletterButton.tsx +0 -89
- package/src/components/homepage/ParameterizeAndEdit.tsx +0 -106
- package/src/components/homepage/Pricing.tsx +0 -49
- package/src/components/homepage/PricingBulletPoint.tsx +0 -50
- package/src/components/homepage/RealMp4Videos.tsx +0 -108
- package/src/components/homepage/Spacer.tsx +0 -5
- package/src/components/homepage/TemplateIcon.tsx +0 -36
- package/src/components/homepage/TextInput.tsx +0 -62
- package/src/components/homepage/TrustedByBanner.tsx +0 -145
- package/src/components/homepage/VideoApps.tsx +0 -231
- package/src/components/homepage/VideoAppsShowcase.tsx +0 -270
- package/src/components/homepage/VideoAppsTitle.tsx +0 -11
- package/src/components/homepage/VideoPlayerWithControls.tsx +0 -189
- package/src/components/homepage/WriteInReact.tsx +0 -34
- package/src/components/homepage/YouAreHere.tsx +0 -30
- package/src/components/homepage/layout/Button.tsx +0 -93
- package/src/components/homepage/layout/colors.ts +0 -17
- package/src/components/homepage/layout/use-color-mode.tsx +0 -44
- package/src/components/homepage/layout/use-el-size.ts +0 -51
- package/src/components/homepage/layout/use-mobile-layout.ts +0 -8
- package/src/components/homepage/video-player.css +0 -24
- package/src/components/icons/blank.tsx +0 -13
- package/src/components/icons/clone.tsx +0 -10
- package/src/components/icons/code-hike.tsx +0 -15
- package/src/components/icons/cubes.tsx +0 -13
- package/src/components/icons/js.tsx +0 -17
- package/src/components/icons/music.tsx +0 -9
- package/src/components/icons/next.tsx +0 -64
- package/src/components/icons/overlay.tsx +0 -24
- package/src/components/icons/recorder.tsx +0 -23
- package/src/components/icons/remix.tsx +0 -27
- package/src/components/icons/skia.tsx +0 -13
- package/src/components/icons/stargazer.tsx +0 -13
- package/src/components/icons/still.tsx +0 -13
- package/src/components/icons/tailwind.tsx +0 -22
- package/src/components/icons/tiktok.tsx +0 -13
- package/src/components/icons/ts.tsx +0 -18
- package/src/components/icons/tts.tsx +0 -13
- package/src/components/icons/undo.tsx +0 -11
- package/src/components/icons/waveform.tsx +0 -13
- package/src/components/team/TeamCards.tsx +0 -167
- package/src/components/team/TitleTeamCards.tsx +0 -22
- package/src/components/team.css +0 -22
- package/src/components/team.tsx +0 -51
- package/src/fonts.css +0 -30
- package/src/index.css +0 -140
- package/src/main.tsx +0 -12
- package/src/team.tsx +0 -12
- package/tsconfig.json +0 -11
- package/vite.config.ts +0 -9
package/src/components/team.css
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
.writeincss {
|
|
2
|
-
flex-direction: row;
|
|
3
|
-
display: flex;
|
|
4
|
-
align-items: center;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.writeincsstitle {
|
|
8
|
-
font-size: 4em;
|
|
9
|
-
font-family: GTPlanar;
|
|
10
|
-
font-weight: 700;
|
|
11
|
-
line-height: 1.2;
|
|
12
|
-
max-width: 1000px;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
@media screen and (max-width: 900px) {
|
|
16
|
-
.writeincss {
|
|
17
|
-
flex-direction: column;
|
|
18
|
-
}
|
|
19
|
-
.writeincsstitle {
|
|
20
|
-
font-size: 3.5em;
|
|
21
|
-
}
|
|
22
|
-
}
|
package/src/components/team.tsx
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import {TitleTeamCards} from './team/TitleTeamCards';
|
|
3
|
-
|
|
4
|
-
export const AboutUsHeader: React.FC = () => {
|
|
5
|
-
return (
|
|
6
|
-
<div className="flex flex-row items-center md:flex-col pt-10">
|
|
7
|
-
<div className="flex-1">
|
|
8
|
-
<h1 className="text-3xl font-bold font-['GTPlanar'] leading-tight max-w-[1000px] md:text-5xl">
|
|
9
|
-
<svg
|
|
10
|
-
className="h-6 md:h-8 mr-3 md:mr-6"
|
|
11
|
-
viewBox="0 0 105 107"
|
|
12
|
-
fill="none"
|
|
13
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
-
>
|
|
15
|
-
<path
|
|
16
|
-
d="M24.0635 0.00717926C21.8217 0.12886 20.0152 0.48455 18.1946 1.17721C17.2867 1.51886 15.7984 2.26301 14.9794 2.77782C11.5535 4.926 8.94203 8.15529 7.58011 11.9134C7.30866 12.6576 6.57388 15.0304 6.10119 16.6638C2.95146 27.5825 1.16365 39.5215 0.779884 52.1579C0.719043 54.1703 0.719043 58.9628 0.779884 60.9425C1.03729 69.3199 1.83759 76.883 3.28843 84.5958C3.87813 87.7175 4.82352 91.9109 5.37109 93.8157C6.48964 97.6861 8.77354 100.981 12.0216 103.396C14.1978 105.015 16.6689 106.101 19.4068 106.635C20.7266 106.892 22.4676 107.009 23.75 106.925C25.5237 106.808 29.0432 106.335 31.9027 105.825C44.7918 103.527 56.6981 99.4131 67.4951 93.5255C74.3328 89.7954 80.1783 85.7565 85.8178 80.8564C91.4386 75.9797 96.2311 70.7333 100.448 64.8457C101.426 63.4838 101.917 62.6881 102.409 61.6866C103.673 59.1032 104.267 56.5338 104.262 53.6602C104.262 50.9831 103.757 48.6056 102.666 46.172C102.142 44.9973 101.641 44.1548 100.518 42.5542C96.3809 36.662 91.7897 31.5278 86.1922 26.5388C77.5153 18.8073 67.2096 12.4657 55.7012 7.77151C53.2067 6.75593 50.7496 5.86202 47.7918 4.89323C41.5298 2.84802 33.7795 1.07425 27.2226 0.189705C26.193 0.0493011 24.7936 -0.0302582 24.0635 0.00717926Z"
|
|
17
|
-
fill="#0B84F3"
|
|
18
|
-
/>
|
|
19
|
-
</svg>
|
|
20
|
-
The programmatic video dream{' '}
|
|
21
|
-
</h1>
|
|
22
|
-
<p className="leading-relaxed text-balance font-brand">
|
|
23
|
-
Started as a side project in 2021, we are now a company in Zurich,
|
|
24
|
-
Switzerland and are pushing to combine the powers of video editing and
|
|
25
|
-
programming!
|
|
26
|
-
</p>
|
|
27
|
-
</div>
|
|
28
|
-
</div>
|
|
29
|
-
);
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
const container: React.CSSProperties = {
|
|
33
|
-
maxWidth: 1000,
|
|
34
|
-
margin: 'auto',
|
|
35
|
-
paddingLeft: 16,
|
|
36
|
-
paddingRight: 16,
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export const TeamPage = () => {
|
|
40
|
-
return (
|
|
41
|
-
<div className="bg-[var(--background)]">
|
|
42
|
-
<div style={container}>
|
|
43
|
-
<br />
|
|
44
|
-
<AboutUsHeader />
|
|
45
|
-
<br />
|
|
46
|
-
<TitleTeamCards />
|
|
47
|
-
<br />
|
|
48
|
-
</div>
|
|
49
|
-
</div>
|
|
50
|
-
);
|
|
51
|
-
};
|
package/src/fonts.css
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
@font-face {
|
|
2
|
-
font-family: 'GTPlanar';
|
|
3
|
-
src: url('../public/img/gt-planar-regular.woff2') format('woff2');
|
|
4
|
-
font-weight: 400;
|
|
5
|
-
font-style: normal;
|
|
6
|
-
font-feature-settings: 'ss03' on;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@font-face {
|
|
10
|
-
font-family: 'GTPlanar';
|
|
11
|
-
src: url('../public/img/gt-planar-medium.woff2') format('woff2');
|
|
12
|
-
font-weight: 500;
|
|
13
|
-
font-style: normal;
|
|
14
|
-
font-feature-settings: 'ss03' on;
|
|
15
|
-
}
|
|
16
|
-
@font-face {
|
|
17
|
-
font-family: 'GTPlanar';
|
|
18
|
-
src: url('../public/img/gt-planar-bold.woff2') format('woff2');
|
|
19
|
-
font-weight: 700;
|
|
20
|
-
font-style: normal;
|
|
21
|
-
font-feature-settings: 'ss03' on;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
@font-face {
|
|
25
|
-
font-family: 'GTPlanar';
|
|
26
|
-
src: url('../public/img/gt-planar-black.woff2') format('woff2');
|
|
27
|
-
font-weight: 900;
|
|
28
|
-
font-style: normal;
|
|
29
|
-
font-feature-settings: 'ss03' on;
|
|
30
|
-
}
|
package/src/index.css
DELETED
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
@import 'tailwindcss/theme' layer(theme);
|
|
2
|
-
@import 'tailwindcss/utilities' layer(utilities);
|
|
3
|
-
@import './fonts.css';
|
|
4
|
-
|
|
5
|
-
@layer theme, base, components, utilities;
|
|
6
|
-
|
|
7
|
-
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
|
|
8
|
-
|
|
9
|
-
:root {
|
|
10
|
-
--ifm-color-primary: #0b84f3;
|
|
11
|
-
--ifm-color-primary-dark: #0a77db;
|
|
12
|
-
--ifm-color-primary-darker: #0970cf;
|
|
13
|
-
--ifm-color-primary-darkest: #085caa;
|
|
14
|
-
--ifm-color-primary-light: #2290f5;
|
|
15
|
-
--ifm-color-primary-lighter: #2f96f6;
|
|
16
|
-
--ifm-color-primary-lightest: #53a9f7;
|
|
17
|
-
--ifm-code-font-size: 100%;
|
|
18
|
-
--ifm-font-family-base:
|
|
19
|
-
system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans,
|
|
20
|
-
sans-serif, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif,
|
|
21
|
-
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
22
|
-
--ifm-font-size-base: 16px;
|
|
23
|
-
--ifm-font-family-monospace:
|
|
24
|
-
SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
|
|
25
|
-
monospace;
|
|
26
|
-
--ifm-color-emphasis-200: #ebedf0;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
[data-theme='light'] {
|
|
30
|
-
--background: #f8fafc;
|
|
31
|
-
--footer-background: #fcfcfc;
|
|
32
|
-
--footer-border: #eaeaea;
|
|
33
|
-
--text-color: #000;
|
|
34
|
-
--blue-button-color: #084696;
|
|
35
|
-
--blue-underlay: var(--ifm-color-primary);
|
|
36
|
-
--plain-button: #fff;
|
|
37
|
-
--blue-underlay-hover: #d5e5fd;
|
|
38
|
-
--light-text-color: #777;
|
|
39
|
-
--subtitle: #666;
|
|
40
|
-
--clear-hover: rgba(0, 0, 0, 0.04);
|
|
41
|
-
--border-color: rgb(234, 234, 234);
|
|
42
|
-
--box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
|
|
43
|
-
--ifm-out-of-focus: #eaeaea;
|
|
44
|
-
--box-stroke: #000;
|
|
45
|
-
--ifm-background-surface-color: #fff;
|
|
46
|
-
--ifm-color-emphasis-200: #ebedf0;
|
|
47
|
-
color: var(--text-color);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
[data-theme='dark'] {
|
|
51
|
-
--background: #18191a;
|
|
52
|
-
--footer-background: #1f1f1f;
|
|
53
|
-
--footer-border: #2f2f2f;
|
|
54
|
-
--text-color: #fff;
|
|
55
|
-
--plain-button: var(--blue-underlay);
|
|
56
|
-
--blue-underlay: #424243;
|
|
57
|
-
--blue-underlay-hover: #5b5c5e;
|
|
58
|
-
--clear-hover: rgba(255, 255, 255, 0.06);
|
|
59
|
-
--blue-button-color: white;
|
|
60
|
-
--light-text-color: #aaa;
|
|
61
|
-
--subtitle: #8d8d8d;
|
|
62
|
-
--border-color: rgb(42, 42, 42);
|
|
63
|
-
--box-shadow: 0 1px 8px rgba(255, 255, 255, 0.2);
|
|
64
|
-
--ifm-out-of-focus: #505050;
|
|
65
|
-
--box-stroke: gray;
|
|
66
|
-
--ifm-background-surface-color: #242526;
|
|
67
|
-
--ifm-color-emphasis-200: #444950;
|
|
68
|
-
color: var(--text-color);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
html {
|
|
72
|
-
font-family:
|
|
73
|
-
ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
|
|
74
|
-
'Segoe UI Symbol', 'Noto Color Emoji';
|
|
75
|
-
}
|
|
76
|
-
body {
|
|
77
|
-
margin: 0;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
@keyframes click {
|
|
81
|
-
0% {
|
|
82
|
-
transform: translateY(-18px);
|
|
83
|
-
opacity: 0;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
30% {
|
|
87
|
-
opacity: 0.7;
|
|
88
|
-
}
|
|
89
|
-
70% {
|
|
90
|
-
opacity: 0.7;
|
|
91
|
-
}
|
|
92
|
-
100% {
|
|
93
|
-
transform: translateY(-23px);
|
|
94
|
-
opacity: 0;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
@keyframes jump {
|
|
99
|
-
from {
|
|
100
|
-
transform: scale(0);
|
|
101
|
-
}
|
|
102
|
-
to {
|
|
103
|
-
transform: scale(1);
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
@layer base {
|
|
108
|
-
input[type='number']::-webkit-inner-spin-button,
|
|
109
|
-
input[type='number']::-webkit-outer-spin-button {
|
|
110
|
-
-webkit-appearance: none;
|
|
111
|
-
margin: 0;
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
@theme inline {
|
|
116
|
-
--color-brand: #0b84f3;
|
|
117
|
-
--font-brand: 'GTPlanar', sans-serif;
|
|
118
|
-
--color-pane: var(--ifm-background-surface-color);
|
|
119
|
-
--color-muted: var(--subtitle);
|
|
120
|
-
--color-text: var(--text-color);
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
@utility border-effect {
|
|
124
|
-
border: 2px solid var(--box-stroke);
|
|
125
|
-
border-bottom: 4px solid var(--box-stroke);
|
|
126
|
-
border-radius: var(--radius-lg);
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
@utility bluelink {
|
|
130
|
-
@apply text-brand no-underline hover:underline underline-offset-2;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
@utility card {
|
|
134
|
-
@apply border-effect bg-pane p-5;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
@utility fontbrand {
|
|
138
|
-
@apply font-brand;
|
|
139
|
-
font-feature-settings: 'ss03' on;
|
|
140
|
-
}
|
package/src/main.tsx
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import {StrictMode} from 'react';
|
|
2
|
-
import {createRoot} from 'react-dom/client';
|
|
3
|
-
import {NewLanding} from './components/Homepage';
|
|
4
|
-
import './index.css';
|
|
5
|
-
|
|
6
|
-
createRoot(document.getElementById('root')!).render(
|
|
7
|
-
<StrictMode>
|
|
8
|
-
<div data-theme="light">
|
|
9
|
-
<NewLanding colorMode="light" setColorMode={() => {}} />
|
|
10
|
-
</div>
|
|
11
|
-
</StrictMode>,
|
|
12
|
-
);
|
package/src/team.tsx
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import {StrictMode} from 'react';
|
|
2
|
-
import {createRoot} from 'react-dom/client';
|
|
3
|
-
import {TeamPage} from './components/team';
|
|
4
|
-
import './index.css';
|
|
5
|
-
|
|
6
|
-
createRoot(document.getElementById('root')!).render(
|
|
7
|
-
<StrictMode>
|
|
8
|
-
<div data-theme="light">
|
|
9
|
-
<TeamPage />
|
|
10
|
-
</div>
|
|
11
|
-
</StrictMode>,
|
|
12
|
-
);
|
package/tsconfig.json
DELETED
package/vite.config.ts
DELETED