This repository has been archived by the owner on Sep 29, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
278 lines (261 loc) · 12.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
---
layout: bootstrap
title: "Filmhub, the #1 Film Distribution Platform"
id: home
eyebrow: false
---
<section id="cinema" class="py-5">
<div class="container">
<h1 class="text-md-center hero-header mb-md-5">
<span class="shine">Access. </span><span class="shine shine-group2">Control. </span><br/>
<span class="shine shine-group3">Ownership. </span>
</h1>
<p class="lead text-md-center pt-4 pb-md-3">
Join thousands of filmmakers distributing strong, fresh films & shows made for an audience.
</p>
</div>
</section>
<section id="featured" class="pt-0 bg-silver">
<div class="container-fluid px-0 pt-0">
<div class="posters pt-3">
{% for title in site.data.featured.titles %}
<div class="poster mr-2">
<img loading="lazy"
alt="{{ title.name }}" title="{{ title.name }}" width="150" height="200"
data-image-filename="{{ title.image_filename }}">
{% if title.new == true %}
<div class="badge badge-success topic-header small text-uppercase">New</div>
{% endif %}
<div class="topic text-uppercase small"
style="background-color: #{{ site.data.featured.topics[title.topic].color }};">
{{ site.data.featured.topics[title.topic].name }}
</div>
</div>
{% endfor %}
</div>
</section>
<section id="endorsements" class="endorsements py-5 bg-silver">
<div class="container">
<blockquote class="blockquote text-center mb-0 pb-0">
<h2 class="mb-4 font-weight-bolder">“… dynamic disruptor in the film distribution space”</h2>
<img
src="/images/variety.svg"
loading="lazy"
style="max-width: 160px;"
alt="Variety"
title="Variety" />
</blockquote>
</div>
</section>
<section id="howitworks" class="py-5">
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-1 vertical-center order-md-2">
<div>
<h2 class="font-weight-bolder display-3 pb-2">How It Works</h2>
<p class="lead">
Filmhub allows filmmakers to upload your film for free, while streaming channels discover, order, and stream your work - worldwide.
</p>
<p class="lead">Once revenue starts flowing, 80% goes to you. No deductions or fees. That's it.</p>
<p class="d-none d-md-block">
<a href="https://app.filmhub.com/owner/signup" class="btn btn-lg btn-info">Get Started</a>
</p>
</div>
</div>
<div class="col-md-4 offset-md-1 vertical-center order-md-1">
<svg width="100%" height="100%" viewBox="0 0 42 42" class="donut">
<circle
class="donut-ring"
cx="21"
cy="21"
r="15.91549430918954"
fill="transparent"
stroke-width="8">
</circle>
<circle
class="donut-segment"
cx="21"
cy="21"
r="15.91549430918954"
fill="transparent"
stroke-width="8"
stroke-dasharray="80 20"
stroke-dashoffset="0">
</circle>
<g transform="translate(110,110)">
<path d="M2862 161l-18-18c14-9 18-23 20-36 3-23 0-45-11-65-7-13-15-23-27-30s-25-12-39-12h-167v307h175c8 0 16-5 25-3 15-7 32-13 44-27 12-15 19-32 22-50 3-25-5-48-24-66zM2681 61h92a30 30 0 0122 10 30 30 0 010 41c-5 6-13 10-22 10h-92V61zm135 183a23 23 0 01-2 2 23 23 0 01-2 2 30 30 0 01-4 2 31 31 0 01-4 2 15 15 0 01-1 1h-2c-3 2-7 2-11 2h-109v-69h109a35 35 0 0126 58zm-340-39c0 9-3 16-6 24-8 14-12 22-19 30a131 131 0 01-73 44c-11 2-23 4-36 4h-1a127 127 0 01-4 0c-65-3-117-44-127-97v-2-2l-1-4v-3V0h64v183c0 26 20 48 47 56a81 81 0 0047 0c17-5 30-15 39-28a53 53 0 008-31V0h62v205zm-472-85V0h60v307h-60V179h-144v128h-61V0h61v120h144zm-414 13l-17 21-73 83-90-104v174h-61V1h21l128 153L1630 0h21v307h-61V133zm-383 119v55H987V0h58v252h162zM837 0v307h-59V0h59zM493 59v64h117v59H493v125h-58V0h215v59H493zM234 242c-3-3-3-8 0-11a7 7 0 0110 0c3 3 3 8 0 11a7 7 0 01-10 0zM44 149a7 7 0 100 14 7 7 0 000-14zm28 82c-3 3-3 8 0 10a7 7 0 0010 0c3-2 3-7 0-10a7 7 0 00-10 0zM244 80c3-3 3-8 0-11-3-2-8-2-10 0a7 7 0 000 11c2 2 7 2 10 0zM73 69c-3 3-3 8 0 11 2 2 7 2 10 0 3-3 3-8 0-11-3-2-8-2-10 0zm241-7v187c0 34-28 62-62 62H62c-34 0-62-28-62-62V62C0 28 28 0 62 0h190c34 0 62 28 62 62zm-25 94a17 17 0 00-33-4h-39c-1-13-7-26-15-35l28-28a17 17 0 10-5-5l-28 28c-10-9-22-14-35-15V58a17 17 0 10-7 0v39c-13 1-26 6-35 15L92 84a17 17 0 10-5 4l28 28c-9 10-14 23-15 36H60a17 17 0 00-33 4 17 17 0 0033 3h40a58 58 0 0014 35l-28 28a17 17 0 105 5l28-28c10 9 22 14 36 15v40a17 17 0 107 0v-40c13-1 25-6 35-14l28 28a17 17 0 105-5l-28-28c8-10 14-22 15-36h39a17 17 0 0033-3zM165 41a7 7 0 10-14 0 7 7 0 0014 0zm108 107a7 7 0 100 15 7 7 0 000-15zm-115-41a48 48 0 100 97 48 48 0 000-97zm-7 163a7 7 0 1014 0 7 7 0 00-14 0z"/>
</g>
<g class="chart-text">
<text x="51%" y="51%" class="chart-number">80<tspan class="chart-percent">%</tspan></text>
<text x="50%" y="50%" class="chart-note">YOU</text>
<text x="83%" y="20%" class="chart-label filmhub">Filmhub</text>
<text x="50%" y="76%" class="chart-label you">Filmmaker</text>
</g>
</svg>
</div>
</div>
</div>
</section>
<section id="channels" class="channels pt-5 pb-0 py-sm-0">
<div class="container" style="z-index: 0 !important;">
<div class="row">
<div class="col-md-5 vertical-center">
<div>
<h2 class="font-weight-bolder display-3">Dozens of Channels</h2>
<p class="lead">Release wide on Filmhub's fast growing channel partner network.</p>
<p class="mt-3">
<a href="https://app.filmhub.com/owner/outlets" class="btn btn-block-xs btn-info">Sign Up to See All</a>
</p>
</div>
</div>
<div class="col-md-7">
<div class="logos-container">
<div class="logos-scrolling">
{% assign channels = site.data.channels | where_exp: "item", "item.logo != nil" %}
{% for channel in channels %}
<div class="col-4 col-md-3 col-xl-3 my-md-1 text-center logo" id={{ channel.name | slugify }}>
<img
src="/images/channels/{{ channel.logo }}"
class="img-fluid"
loading="lazy"
alt="{{ channel.name }}"
title="{{ channel.name }}"
>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</section>
<section id="different" class="py-5 different bg-gradient-info text-white">
<div class="container">
<div class="row">
<div class="col-md-4 text-center different">
<p>
<span class="fa-stack fa-3x text-dark">
<i class="fas fa-ban fa-stack-2x transparent-50"></i>
<i class="fas fa-dollar-sign fa-stack-1x"></i>
</span>
</p>
<p><b>No upfront fee.</b> Free listing, asset processing and delivery.</p>
</div>
<div class="col-md-4 text-center different">
<p>
<span class="fa-stack fa-3x text-dark">
<i class="fas fa-ban fa-stack-2x transparent-50"></i>
<i class="fas fa-hand-paper fa-stack-1x"></i>
</span>
</p>
<p><b>No gatekeeper.</b> Access for all filmmakers. No "application" - just upload.</p>
</div>
<div class="col-md-4 text-center different">
<p>
<span class="fa-stack fa-3x text-dark">
<i class="fas fa-ban fa-stack-2x transparent-50"></i>
<i class="fas fa-link fa-stack-1x"></i>
</span>
</p>
<p><b>Keep your rights.</b> Non-exclusive, cancel anytime.</p>
</div>
<div class="col-md-4 text-center different">
<p><i class="fas fa-chart-bar fa-5x text-dark"></i></p>
<p><b>Get paid, and fast.</b> Transparent reporting, auditing, consolidated payments.</p>
</div>
<div class="col-md-4 text-center d-none d-md-block different">
<p><i class="fas fa-star fa-5x text-dark"></i></p>
<p><b>Discovery.</b> Predictive analytics help what to promote and when.</p>
</div>
<div class="col-md-4 text-center d-none d-md-block different">
<p><i class="fas fa-globe fa-5x text-dark"></i></p>
<p><b>Scale and reach.</b> Cloud handles a global partner network and a massive catalog.</p>
</div>
<div class="col-md-4 text-center different">
<p><i class="fas fa-cloud fa-5x text-dark"></i></p>
<p><b>Technology.</b> A modern B2B tech marketplace takes the entire film distribution online.</p>
</div>
<div class="col-md-4 text-center d-none d-md-block different">
<p><i class="fas fa-check-square fa-5x text-dark"></i></p>
<p><b>Fanatical quality.</b> Rigorous QC, consistent delivery. Tech makes streaming services love us.</p>
</div>
<div class="col-md-4 text-center d-none d-md-block different">
<p><i class="fas fa-magic fa-5x text-dark"></i></p>
<p><b>Beyond film.</b> TV, docs, digital first, family… Any format, genre, language. </p>
</div>
</div>
</div>
</section>
<section id="email" class="email py-5 bg-silver">
<div class="container text-md-center">
<h2 class="font-weight-bolder n-text-info">Sounds interesting but not sure yet?</h2>
<p class="lead">Follow us and get our occasional newsletter with digital distribution tips and updates on our development.</p>
<form class="form-inline justify-content-md-center" id="sendgrid-signup-form">
<div class="mb-0 d-block d-md-inline pr-sm-2 mt-2">I'm a:</div>
<div class="form-check form-check-inline mt-2">
<input class="form-check-input" type="radio" name="type" id="type-filmmaker" value="filmmaker" required>
<label class="form-check-label" for="type-filmmaker">filmmaker/producer</label>
</div>
<div class="form-check form-check-inline mt-2">
<input class="form-check-input" type="radio" name="type" id="type-catalog" value="catalog" required>
<label class="form-check-label" for="type-catalog">catalog owner</label>
</div>
<div class="form-check form-check-inline mt-2">
<input class="form-check-input" type="radio" name="type" id="type-buyer" value="buyer" required>
<label class="form-check-label" for="type-buyer">buyer/programmer</label>
</div>
<label class="sr-only" for="sendgrid-signup-email">Email</label>
<input class="form-control email required mt-4 mt-sm-2 mr-sm-2" type="email" size=30 value="" name="email" id="sendgrid-signup-email" placeholder="Email" required>
<button id="sendgrid-signup-submit" type="submit" class="btn btn-block-xs btn-info mt-2">Subscribe</button>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="honeypot" tabindex="-1" value=""></div>
</form>
</div>
</section>
<section id="enterprise" class="enterprise py-5 bg-gradient-secondary text-light">
<div class="container">
<div class="row">
<div class="col-md-8 order-md-2">
<h2 class="font-weight-bolder display-3">Filmhub Enterprise</h2>
<p class="lead pb-3">Sales agents, distributors, indie studios: use our cloud service to release your content in streaming services worldwide.</p>
<p>
Monetize dormant assets. Fill your distribution gaps. Carve out territories already sold. Deliver to your own channels and ours.
</p>
<p>
Our cloud technology does all the complicated technical work.
Consolidated tracking, collection, accounting, short lead times all included. We are scalable to infinite catalog sizes.
</p>
<p class="pt-4">
<a
href="http://help.filmhub.com"
class="btn btn-info btn-block-xs contact-us mr-3"
id="enterprise_requestdemobtn" data-toggle="modal" data-target="#requestdemomodal"
>Get Demo</a></li>
</p>
</div>
<div class="col-md-4 px-sm-5 px-md-1 px-lg-5 order-md-1">
<div class="card text-dark bg-light shadow my-3">
<div class="card-body">
<p class="card-text">Carve out territories with fine-grained control</p>
</div>
<img src="/images/blog/screen-territories.png" loading="lazy" class="card-img-top" alt="Carve out territories and streaming services">
</div>
<div class="card text-dark bg-light shadow my-3">
<div class="card-body">
<p class="card-text">Set release dates for different business models</p>
</div>
<img src="/images/blog/screen-releases.png" loading="lazy" class="card-img-top" alt="Set release dates for different business models">
</div>
</div>
</div>
</div>
</section>
<script>
if (window.netlifyIdentity) {
window.netlifyIdentity.on("init", user => {
if (!user) {
window.netlifyIdentity.on("login", () => {
document.location.href = "/admin/";
});
}
});
}
</script>