Skip to content

Commit 6a39b92

Browse files
cirephecirephe
committed
updated about page
1 parent 80286c0 commit 6a39b92

7 files changed

+456
-250
lines changed

‎about.html

+152-113
Original file line numberDiff line numberDiff line change
@@ -54,148 +54,187 @@
5454
<div class="nav-container">
5555
<div class="nav-start">
5656
<img class="logo" src="img/ozu-logo.png" alt="OZU" />
57+
<div class="nav-links">
58+
<a href="index.html" class="nav-link">Product</a>
59+
<a href="about.html" class="nav-link">About Us</a>
60+
</div>
5761
</div>
58-
59-
<div class="nav-center">
60-
<a href="index.html" class="nav-link">Product</a>
61-
<a href="about.html" class="nav-link">About Us</a>
62-
</div>
63-
6462
<div class="nav-end">
6563
<a href="#" class="nav-link">Log In</a>
6664
<button class="button button--nav">Sign Up</button>
6765
</div>
6866
</div>
6967
</nav>
7068

71-
<!-- About Header -->
72-
<header class="about-header">
73-
<div class="about-container about-header-content">
74-
<p class="about-description">
75-
OZU builds models and products that help people see and capture the
76-
world like a filmmaker. We're a remote-first video AI startup based in
77-
Brooklyn NY and backed by angels, VCs, and entrepreneurs from Figma,
78-
Atlassian, Runway, NVIDIA, and Maximum Effort.
79-
</p>
80-
</div>
81-
</header>
82-
8369
<main>
84-
<div class="about-container">
85-
<!-- Values Section -->
86-
<section class="about-section">
87-
<h2 class="section-heading">
88-
Things we <span class="heart-icon">❤️</span>
89-
</h2>
90-
<div class="values-grid">
91-
<div class="value-card">
92-
<div class="card-header">
93-
<h3 class="card-title">Film and Video Making Craft</h3>
94-
</div>
95-
<p class="card-content">
96-
We believe in the wisdom of the experts that craft stories for
97-
film, tv, and streaming. Their techniques and knowledge guide
98-
our innovations.
70+
<section class="about-header">
71+
<div class="about-header-content">
72+
<div class="about-layout">
73+
<div class="about-text">
74+
<h1 class="section-title">Who We Are</h1>
75+
<p class="about-description">
76+
OZU builds models and products that help people see and capture
77+
the world like a filmmaker.
9978
</p>
100-
</div>
101-
102-
<div class="value-card">
103-
<div class="card-header">
104-
<h3 class="card-title">Creative Flow</h3>
105-
</div>
106-
<p class="card-content">
107-
The feeling we get while making, in particular when we care
108-
about what we're making. We design our tools to enhance and
109-
maintain this state.
79+
<p class="about-description">
80+
We're a remote-first video AI startup based in Brooklyn NY and
81+
backed by angels, VCs, and entrepreneurs from Figma, Atlassian,
82+
Runway, NVIDIA, and Maximum Effort.
11083
</p>
11184
</div>
112-
113-
<div class="value-card">
114-
<div class="card-header">
115-
<h3 class="card-title">Long-form Visual Storytelling</h3>
85+
<!-- TODO: replace with 1 image, just testing -->
86+
<div class="staggered-images">
87+
<div class="image-container image-top">
88+
<img
89+
src="../img/about-hero-image-2.jpeg"
90+
alt="OZU filmmaking visualization 1"
91+
loading="lazy"
92+
width="600"
93+
height="400"
94+
/>
95+
</div>
96+
<div class="image-container image-middle">
97+
<img
98+
src="../img/about-hero-image-2.jpeg"
99+
alt="OZU filmmaking visualization 2"
100+
loading="lazy"
101+
width="600"
102+
height="400"
103+
/>
104+
</div>
105+
<div class="image-container image-bottom">
106+
<img
107+
src="../img/about-hero-image-2.jpeg"
108+
alt="OZU filmmaking visualization 3"
109+
loading="lazy"
110+
width="600"
111+
height="400"
112+
/>
116113
</div>
117-
<p class="card-content">
118-
As a mainstream skill all people deserve. Why can't the photo
119-
album of the future be an episodic series? That's the future we
120-
want to manifest.
121-
</p>
122114
</div>
123115
</div>
124-
</section>
116+
</div>
117+
</section>
125118

126-
<!-- Journey Timeline Section -->
127-
<section class="timeline-section">
128-
<h2 class="section-heading">Our Journey</h2>
129-
<div class="timeline">
130-
<div class="timeline-item left">
131-
<div class="timeline-content">
132-
<div class="timeline-year">The Beginning</div>
133-
<p>
134-
We're long-time computational cinema nerds obsessed with
135-
building creative tools. We love real-time video, creative
136-
flow, and think there's so much more that can be unlocked by
137-
technology.
119+
<section class="values-section">
120+
<div class="values-layout">
121+
<div class="values-image">
122+
<img
123+
src="../img/about-hero-image-3.jpeg"
124+
alt="OZU filmmaking philosophy"
125+
/>
126+
</div>
127+
<div class="values-content">
128+
<h2 class="section-title">We Value</h2>
129+
<div class="values-cards">
130+
<div class="value-card">
131+
<div class="card-header">
132+
<h3 class="card-title">Film and Video Making Craft</h3>
133+
</div>
134+
<p class="card-content">
135+
We believe in the wisdom of the experts that craft stories for
136+
film, tv, and streaming. Their techniques and knowledge guide
137+
our innovations.
138138
</p>
139139
</div>
140-
</div>
141140

142-
<div class="timeline-item right">
143-
<div class="timeline-content">
144-
<div class="timeline-year">2020</div>
145-
<p>
146-
We trained and deployed our own ML models to understand
147-
cinematography and editing. We launched projects for HBO and
148-
Michael Kors, like connecting HBO's episodic archives to
149-
cameras and video walls so users could move and speak and see
150-
matching shots playback from HBO's library.
151-
</p>
152-
<p>
153-
We also turned a live Michael Kors runway show into 400 edited
154-
videos with individual Final Cut Pro project files ready to go
155-
so editors could fine tune them.
141+
<div class="value-card">
142+
<div class="card-header">
143+
<h3 class="card-title">Creative Flow</h3>
144+
</div>
145+
<p class="card-content">
146+
The feeling we get while making, in particular when we care
147+
about what we're making. We design our tools to enhance and
148+
maintain this state.
156149
</p>
157150
</div>
158-
</div>
159151

160-
<div class="timeline-item left">
161-
<div class="timeline-content">
162-
<div class="timeline-year">2023</div>
163-
<p>
164-
We released the Precorder - a Mac App for running OZU models
165-
locally on Apple Silicon to turn huge video archives into
166-
structured data. With it, users could take 1000 hours of
167-
video, and in a couple days, without spending money on
168-
compute, they could search through, edit with, and create
169-
videos from their archive.
170-
</p>
171-
<p>
172-
We demoed the Precorder in Feb 2023 live at Figma AI in NYC
173-
which led to a new round of founding and design partners.
174-
Public demos at USV's Art and AI, and Lighspeed's Generative
175-
NYC confirmed that watching video search and curation live -
176-
across huge libraries - is something the world needs to be
177-
able to do.
152+
<div class="value-card">
153+
<div class="card-header">
154+
<h3 class="card-title">Long-form Visual Storytelling</h3>
155+
</div>
156+
<p class="card-content">
157+
As a mainstream skill all people deserve. Why can't the photo
158+
album of the future be an episodic series? That's the future
159+
we want to manifest.
178160
</p>
179161
</div>
180162
</div>
163+
</div>
164+
</div>
165+
</section>
181166

182-
<div class="timeline-item right">
183-
<div class="timeline-content">
184-
<div class="timeline-year">Today</div>
185-
<p>
186-
Our latest product is for a wider audience - OZU Studio - and
187-
is live in beta now. It's an AI video player in the browser,
188-
designed to work with Precorded video. OZU Studio lets people
189-
playback, search, share, and curate video in a whole new way.
190-
All sorts of users, thinking aloud with video.
191-
</p>
192-
</div>
167+
<section class="timeline-section">
168+
<div class="timeline-header">
169+
<!-- <h2 class="section-title">Our Journey</h2> -->
170+
</div>
171+
<div class="timeline">
172+
<div class="timeline-item left">
173+
<div class="timeline-content">
174+
<div class="timeline-year">The Beginning</div>
175+
<p>
176+
We're long-time computational cinema nerds obsessed with
177+
building creative tools. We love real-time video, creative flow,
178+
and think there's so much more that can be unlocked by
179+
technology.
180+
</p>
193181
</div>
194182
</div>
195-
</section>
196-
</div>
197183

198-
<!-- Sign-up Section -->
184+
<div class="timeline-item right">
185+
<div class="timeline-content">
186+
<div class="timeline-year">2020</div>
187+
<p>
188+
We trained and deployed our own ML models to understand
189+
cinematography and editing. We launched projects for HBO and
190+
Michael Kors, like connecting HBO's episodic archives to cameras
191+
and video walls so users could move and speak and see matching
192+
shots playback from HBO's library.
193+
</p>
194+
<p>
195+
We also turned a live Michael Kors runway show into 400 edited
196+
videos with individual Final Cut Pro project files ready to go
197+
so editors could fine tune them.
198+
</p>
199+
</div>
200+
</div>
201+
202+
<div class="timeline-item left">
203+
<div class="timeline-content">
204+
<div class="timeline-year">2023</div>
205+
<p>
206+
We released the Precorder - a Mac App for running OZU models
207+
locally on Apple Silicon to turn huge video archives into
208+
structured data. With it, users could take 1000 hours of video,
209+
and in a couple days, without spending money on compute, they
210+
could search through, edit with, and create videos from their
211+
archive.
212+
</p>
213+
<p>
214+
We demoed the Precorder in Feb 2023 live at Figma AI in NYC
215+
which led to a new round of founding and design partners. Public
216+
demos at USV's Art and AI, and Lighspeed's Generative NYC
217+
confirmed that watching video search and curation live - across
218+
huge libraries - is something the world needs to be able to do.
219+
</p>
220+
</div>
221+
</div>
222+
223+
<div class="timeline-item right">
224+
<div class="timeline-content">
225+
<div class="timeline-year">Today</div>
226+
<p>
227+
Our latest product is for a wider audience - OZU Studio - and is
228+
live in beta now. It's an AI video player in the browser,
229+
designed to work with Precorded video. OZU Studio lets people
230+
playback, search, share, and curate video in a whole new way.
231+
All sorts of users, thinking aloud with video.
232+
</p>
233+
</div>
234+
</div>
235+
</div>
236+
</section>
237+
199238
<section class="signup-section">
200239
<div class="signup-content">
201240
<h2>Join OZU Studio Beta</h2>

0 commit comments

Comments
 (0)