mirror of
https://github.com/LBRYFoundation/lbry.com.git
synced 2025-08-23 17:47:26 +00:00
update /youtube for reward changes
This commit is contained in:
parent
10c9d7ac30
commit
5011768b0c
2 changed files with 30 additions and 21 deletions
|
@ -98,7 +98,7 @@
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<div class="join section inner-wrap">
|
<div class="join section inner-wrap">
|
||||||
<h3>Join the best creators already on LBRY</h3>
|
<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>
|
<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">
|
<div class="ytsync-previews">
|
||||||
|
@ -140,20 +140,19 @@
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<div class="rewards section inner-wrap">
|
<div class="rewards section inner-wrap">
|
||||||
<h3>Getting credits for your channel</h3>
|
<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 lump sums of LBC.</p>
|
<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>
|
<h4>
|
||||||
Subscriber Levels
|
YouTube Audience
|
||||||
<small class="meta">LBC <span class="current-value"></span></small>
|
|
||||||
</h4>
|
</h4>
|
||||||
|
|
||||||
<table>
|
<table>
|
||||||
<thead style="font-size: 80%;">
|
<thead style="font-size: 80%;">
|
||||||
<tr>
|
<tr>
|
||||||
<th>Your Current YouTube Subscribers</th>
|
<th>Current YouTube Subscribers</th>
|
||||||
<th>LBC Tokens</th>
|
<th>LBC Tokens</th>
|
||||||
<th>USD Value</th>
|
<th>USD Value <small class="meta">1 LBC = <span class="current-value"></span></small></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
|
@ -161,12 +160,22 @@
|
||||||
<?php foreach ($reward['data'] as $subCount => $rewardAmt): ?>
|
<?php foreach ($reward['data'] as $subCount => $rewardAmt): ?>
|
||||||
<tr>
|
<tr>
|
||||||
<td><?php echo number_format($subCount) ?></td>
|
<td><?php echo number_format($subCount) ?></td>
|
||||||
<td><?php echo number_format($rewardAmt); ?> <small class="meta">LBC</small></td>
|
<td><?php echo number_format($rewardAmt * 12); //API returns per month?> <small class="meta">LBC</small></td>
|
||||||
<td data-id="amount-<?php echo $rewardAmt ?>"></td>
|
<td class="lbc-to-usd" data-lbc-amount="<?php echo $rewardAmt * 12 ?>"></td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php endforeach ?>
|
<?php endforeach ?>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
<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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
@ -206,7 +215,7 @@
|
||||||
|
|
||||||
<section class="align-text--center">
|
<section class="align-text--center">
|
||||||
<div class="inner-wrap">
|
<div class="inner-wrap">
|
||||||
<h3>Sync & Earn</h3>
|
<h3>Sync & earn</h3>
|
||||||
<p>LBRY offers a single-click sync process for existing YouTubers.</p>
|
<p>LBRY offers a single-click sync process for existing YouTubers.</p>
|
||||||
|
|
||||||
<br/>
|
<br/>
|
||||||
|
@ -224,7 +233,7 @@
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<div class="inner-wrap">
|
<div class="inner-wrap">
|
||||||
<h3>Human Available</h3>
|
<h3>Human available</h3>
|
||||||
<p>Questions, problems, or feedback? A real human is available.</p>
|
<p>Questions, problems, or feedback? A real human is available.</p>
|
||||||
|
|
||||||
<div class="v-card">
|
<div class="v-card">
|
||||||
|
|
|
@ -65,17 +65,17 @@ App.prototype._onReadyStateChange = function(e) {
|
||||||
if (this._xhr.readyState === 4) {
|
if (this._xhr.readyState === 4) {
|
||||||
if (this._xhr.status === 200) {
|
if (this._xhr.status === 200) {
|
||||||
const response = JSON.parse(this._xhr.responseText);
|
const response = JSON.parse(this._xhr.responseText);
|
||||||
const lines = document.querySelectorAll("[data-id*='amount-']");
|
const lines = document.querySelectorAll(".lbc-to-usd");
|
||||||
const price = parseFloat(response.data.lbc_usd);
|
const price = parseFloat(response.data.lbc_usd);
|
||||||
|
|
||||||
lines.forEach(function(line) {
|
lines.forEach(function(line) {
|
||||||
const amount = line.dataset.id.split("-")[1];
|
const amount = line.dataset.lbcAmount;
|
||||||
const total = amount * price;
|
const total = amount * price; //api returns per month
|
||||||
|
|
||||||
line.innerHTML = this._addCommas(total.toFixed(2)) + " <small class='meta'>USD</small>";
|
line.innerHTML = this._addCommas(total.toFixed(2)) + " <small class='meta'>USD</small>";
|
||||||
}, this);
|
}, this);
|
||||||
|
|
||||||
document.getElementsByClassName("current-value")[0].innerHTML = `(${price.toFixed(4)} USD)`;
|
document.getElementsByClassName("current-value")[0].innerHTML = `$${price.toFixed(4)} USD`;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
Loading…
Add table
Reference in a new issue