mirror of
https://github.com/LBRYFoundation/lbry.com.git
synced 2025-09-05 14:01:34 +00:00
254 lines
8.9 KiB
PHP
254 lines
8.9 KiB
PHP
<?php
|
|
Response::addJsAsset('/js/yt2/TweenMax.min.js');
|
|
Response::addJsAsset('/js/yt2/app.js');
|
|
Response::addJsAsset('/js/yt2/FormValidation.js');
|
|
Response::addJsAsset('/js/yt2/SyncStatus.js');
|
|
Response::addJsAsset('/js/yt2/youtube_video.js');
|
|
if (in_array($_SERVER['REQUEST_URI'], ['/escapeyoutube'])) {
|
|
Response::setMetaTitle("Escape YouTube");
|
|
Response::setMetaDescription("Put your content on the LBRY blockchain before it's too late");
|
|
Response::addMetaImage('https://spee.ch/6/18OanRVGL6mQIMtj93Hb09te.jpeg');
|
|
} else {
|
|
Response::setMetaTitle("LBRY YouTube Partner Program");
|
|
Response::setMetaDescription("Put your content on the blockchain, experience true content freedom, and earn rewards.");
|
|
Response::addMetaImage(Request::getHostAndProto() . '/img/lbry-partner.png');
|
|
}
|
|
?>
|
|
|
|
<main class="ancillary youtube youtube--landing">
|
|
<section class="hero hero--youtube">
|
|
<div class="shape">
|
|
<svg>
|
|
<path d="M 0,0" data-from="-1"/>
|
|
<path d="M 0,0" data-from="0"/>
|
|
<path d="M 0,0" data-from="0"/>
|
|
<path d="M 0,0" data-from="1"/>
|
|
<path d="M 0,0" data-from="1"/>
|
|
<path d="M 0,0" data-from="2"/>
|
|
<path d="M 0,0" data-from="2"/>
|
|
<path d="M 0,0" data-from="2"/>
|
|
</svg>
|
|
|
|
<div class="circle one"></div>
|
|
<div class="circle two"></div>
|
|
<div class="circle three"></div>
|
|
|
|
<div class="dot a"></div>
|
|
<div class="dot b"></div>
|
|
<div class="dot c"></div>
|
|
<div class="dot d"></div>
|
|
<div class="dot e"></div>
|
|
</div>
|
|
|
|
<div class="inner-wrap inner-wrap--center-left">
|
|
<h1 class="weight-light">LBRY × YouTube Sync</h1>
|
|
<h2 class="weight-light">Get your YouTube videos in front of the LBRY audience</h2>
|
|
<button
|
|
class="button button--inverse"
|
|
data-id="scroll-to-claim"
|
|
style="font-size: 1rem; margin-top: 2rem;"
|
|
type="button"
|
|
>Claim your channel now</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="align-text--center" id="claim-section">
|
|
<div class="inner-wrap">
|
|
<?php
|
|
if ($error_message): echo "<p class='error-block'>" . "The following error occurred: ". $error_message . " For support please send an email to <a href='mailto:hello@lbry.com' title='Email LBRY for help'>hello@lbry.com</a>." . "</p>";
|
|
endif;?>
|
|
|
|
<p hidden id="lbry_error" class="error-block">YouTube channel name is either not valid (only letters, numbers and - allowed, no spaces) or your input is blank</p>
|
|
|
|
<h2>Connect with your fans while earning rewards</h2>
|
|
<form id="youtube_claim" method="post" action="/youtube/token">
|
|
<p hidden id="sync-status" class="sync-status"></p>
|
|
|
|
<input-submit style="font-size: 1rem;">
|
|
<label class="symbol-prefix">@</label>
|
|
<input
|
|
id="lbry_channel_name"
|
|
name="desired_lbry_channel_name"
|
|
placeholder="Enter your channel name"
|
|
type="text"
|
|
/>
|
|
<input
|
|
onClick="return submitDetailsForm()"
|
|
type="submit"
|
|
value="Claim now"
|
|
/>
|
|
</input-submit>
|
|
|
|
<br/>
|
|
|
|
<checkbox-element style="font-size: 1rem;">
|
|
<input hidden name="type" type="text" value="sync"/>
|
|
<input id="immediate-sync" name="immediate_sync" type="checkbox" value="true"/>
|
|
<label for="immediate-sync">I want to sync my content to the LBRY network and agree to <a href="/faq/youtube-terms" target="_blank">these terms</a>. I have also read and understand <a href="/faq/youtube" target="_blank">how the program works</a>.</label>
|
|
<checkbox-toggle/>
|
|
</checkbox-element>
|
|
</form>
|
|
|
|
<small class="meta">
|
|
This will verify you are an active YouTuber. Instructions about how to claim credits, and technical details about your channel, will be emailed to you after you are verified.
|
|
<a href="/faq/youtube">Learn more</a>
|
|
</small>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="join section inner-wrap">
|
|
<h3>Join great creators already on LBRY</h3>
|
|
<p>Audiences range from 1,000+ to 10,000,000+ people. The videos below are from creators who have synced their content to LBRY.</p>
|
|
|
|
<div class="ytsync-previews">
|
|
<figure class="ytsync-preview">
|
|
<video
|
|
onclick="playVideo('video1')"
|
|
id="video1"
|
|
poster="/img/youtube/01@2x.jpg"
|
|
src="https://spee.ch/1ac47b8b3def40a25850dc726a09ce23d09e7009/ever-wonder-how-bitcoin-and-other.mp4"
|
|
></video>
|
|
|
|
<figcaption>@3Blue1Brown</figcaption>
|
|
</figure>
|
|
|
|
<figure class="ytsync-preview">
|
|
<video
|
|
onclick="playVideo('video2')"
|
|
id="video2"
|
|
poster="/img/youtube/02@2x.jpg"
|
|
src="https://spee.ch/3c96f32de285db6c04e80bd6f5fad573250541e9/casually-successful.mp4"
|
|
></video>
|
|
|
|
<figcaption>@CasuallyExplained</figcaption>
|
|
</figure>
|
|
|
|
<figure class="ytsync-preview">
|
|
<video
|
|
onclick="playVideo('video3')"
|
|
id="video3"
|
|
poster="/img/youtube/03@2x.jpg"
|
|
src="https://spee.ch/8958c5d573d71f5c2d0c1bfdf752737ce39744cb/the-historical-elements-of-wolfenstein.mp4"
|
|
></video>
|
|
|
|
<figcaption>@ColinsLastStand</figcaption>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="rewards section inner-wrap">
|
|
<h3>What you earn</h3>
|
|
<p>Depending on the number of subscribers you have on YouTube when you claim your channel, you will qualify for different grants of LBC, the token that powers the LBRY network.</p>
|
|
|
|
<h4>
|
|
YouTube Audience
|
|
</h4>
|
|
|
|
<table>
|
|
<thead style="font-size: 80%;">
|
|
<tr>
|
|
<th>Current YouTube Subscribers</th>
|
|
<th>LBC Tokens / Year</th>
|
|
<th>USD Value <small class="meta">1 LBC = <span class="current-value"></span></small></th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<?php foreach ($reward['data'] as $subCount => $rewardAmt): ?>
|
|
<tr>
|
|
<td><?php echo number_format($subCount) ?></td>
|
|
<td><?php echo number_format($rewardAmt * 12); //API returns per month?> <small class="meta">LBC</small></td>
|
|
<td class="lbc-to-usd" data-lbc-amount="<?php echo $rewardAmt * 12 ?>"></td>
|
|
</tr>
|
|
<?php endforeach ?>
|
|
</tbody>
|
|
</table>
|
|
<p class="align-text--center">
|
|
<small> <em>Table shows yearly awards but rewards are distributed monthly. Monthly reward will be one-twelfth the above amount.</em></small>
|
|
</p>
|
|
<h4>
|
|
Views on LBRY
|
|
</h4>
|
|
<p>Receive 2-10 LBC (<span class="lbc-to-usd" data-lbc-amount="2"></span> - <span class="lbc-to-usd" data-lbc-amount="10"></span>) per view from verified lbry.tv accounts. </p>
|
|
|
|
<h4>
|
|
Follows on LBRY
|
|
</h4>
|
|
<p>You receive additional awards for building an audience, starting with your first follower and continuing at various tiers.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="yt-how inner-wrap">
|
|
<h3>Getting on LBRY is easy</h3>
|
|
<p>When you claim your channel your most recent 1,000 YouTube videos will be automatically copied to your LBRY channel.</p>
|
|
|
|
<ol>
|
|
<li>Claim your channel</li>
|
|
<li>Authorize your content</li>
|
|
<li>Users watch your content on LBRY</li>
|
|
</ol>
|
|
|
|
<div class="steps">
|
|
<div class="path">
|
|
<div class="journey"></div>
|
|
</div>
|
|
|
|
<div class="step one enabled" data-enable="12">
|
|
<div class="circle">1</div>
|
|
<p class="text">Claim your channel</p>
|
|
</div>
|
|
|
|
<div class="step two enabled" data-enable="33">
|
|
<div class="circle">2</div>
|
|
<p class="text">Authorize your content</p>
|
|
</div>
|
|
|
|
<div class="step three enabled" data-enable="75">
|
|
<div class="circle">3</div>
|
|
<p class="text">Users watch your content on LBRY</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="align-text--center">
|
|
<div class="inner-wrap">
|
|
<h3>Sync & earn</h3>
|
|
<p>LBRY offers a single-click sync process for existing YouTubers.</p>
|
|
|
|
<br/>
|
|
|
|
<div>
|
|
<button
|
|
class="button button--inverse"
|
|
data-id="scroll-to-claim"
|
|
style="font-size: 1rem;"
|
|
type="button"
|
|
>Sync now</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="inner-wrap">
|
|
<h3>Human available</h3>
|
|
<p>Questions, problems, or feedback? A real human is available.</p>
|
|
|
|
<div class="v-card">
|
|
<figure>
|
|
<img alt="Tom Zarebczan, Community Leader" src="https://spee.ch/@lbryteam:6/tom-zarebczan.jpg"/>
|
|
</figure>
|
|
|
|
<info>
|
|
<h3>Tom Zarebczan</h3>
|
|
<p>Community Leader</p>
|
|
<a href="mailto:tom@lbry.com?subject=YouTube+Freedom">tom@lbry.com</a>
|
|
</info>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|