mirror of
https://github.com/LBRYFoundation/lbry.com.git
synced 2025-08-23 09:37:26 +00:00
256 lines
9.1 KiB
PHP
256 lines
9.1 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">LBRY 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 desired LBRY 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. Channel names cannot be changed once chosen, please be extra careful. 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 up to 2 LBC (<span class="lbc-to-usd" data-lbc-amount="2"></span>) per view from verified lbry.tv accounts. <a href="https://lbry.com/faq/view-rewards" target="_blank">Learn more.</a>
|
|
<small> <em>These reward amounts may change at LBRY Inc.'s discretion.</em></small>
|
|
</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>
|