mirror of
https://github.com/LBRYFoundation/lbry.com.git
synced 2025-08-23 17:47:26 +00:00
219 lines
No EOL
8 KiB
PHP
219 lines
No EOL
8 KiB
PHP
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||
<title>LBRY for YouTubers</title>
|
||
<meta name="description" content="">
|
||
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:locale" content="en">
|
||
<meta property="og:site_name" content="LBRY">
|
||
<meta property="og:title" content="LBRY for YouTubers">
|
||
<meta property="og:description" content="">
|
||
<meta property="og:url" content="https://lbry.io/youtube">
|
||
<meta property="og:image" content="">
|
||
<meta property="og:image:width" content="">
|
||
<meta property="og:image:height" content="">
|
||
|
||
<link href="/css/yt2.css" rel="stylesheet" type="text/css" />
|
||
<link rel="icon" href="images/favicon.ico">
|
||
</head>
|
||
<body>
|
||
<header class="header">
|
||
<div class="inner">
|
||
<div class="left">
|
||
<div class="logo"></div>
|
||
<a href="https://lbry.io/get" target="_blank">Get</a>
|
||
<a href="https://lbry.io/learn" target="_blank">Learn</a>
|
||
</div>
|
||
<div class="right">
|
||
<a href="https://github.com/lbryio" target="_blank" class="github"></a>
|
||
<a href="https://www.reddit.com/r/lbry/" target="_blank" class="reddit"></a>
|
||
<a href="https://www.facebook.com/lbryio" target="_blank" class="facebook"></a>
|
||
<a href="https://twitter.com/lbryio" target="_blank" class="twitter"></a>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<section class="hero">
|
||
<div class="shape">
|
||
<svg style="width: 100%; height: 100%;">
|
||
<path d="M 0,0" stroke="#2F3C5C" stroke-width="0.3px" fill="none" data-from="-1" />
|
||
<path d="M 0,0" stroke="#2F3C5C" stroke-width="0.3px" fill="none" data-from="0" />
|
||
<path d="M 0,0" stroke="#2F3C5C" stroke-width="0.3px" fill="none" data-from="0" />
|
||
<path d="M 0,0" stroke="#2F3C5C" stroke-width="0.3px" fill="none" data-from="1" />
|
||
<path d="M 0,0" stroke="#2F3C5C" stroke-width="0.3px" fill="none" data-from="1" />
|
||
<path d="M 0,0" stroke="#2F3C5C" stroke-width="0.3px" fill="none" data-from="2" />
|
||
<path d="M 0,0" stroke="#2F3C5C" stroke-width="0.3px" fill="none" data-from="2" />
|
||
<path d="M 0,0" stroke="#2F3C5C" stroke-width="0.3px" fill="none" 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="title">
|
||
<div class="overflow"><h1>Leave YouTube.</h1></div>
|
||
<div class="overflow"><h1>For good.</h1></div>
|
||
<p>No more demonetization or sneaky algorithms.<br>Publish on your terms, not Google's.</p>
|
||
<div class="button">Let's do it!</div>
|
||
</div>
|
||
</section>
|
||
<section class="claim section">
|
||
<div class="inner">
|
||
<div class="content">
|
||
<div class="zigzag"></div>
|
||
<h1>What if this were a persuasive copy?</h1>
|
||
<p>Claim your identity on the world’s first user<br>controlled digital marketplace</p>
|
||
<form>
|
||
<div class="form-inner">
|
||
<div class="block">
|
||
<input type="text" placeholder="yourchannel" />
|
||
<label>@</label>
|
||
</div>
|
||
<div class="block">
|
||
<input type="submit" value="Claim now" />
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="join section">
|
||
<div class="inner">
|
||
<div class="content">
|
||
<h1>Join those that get it</h1>
|
||
<p>Whether yo have 500 followers or 5.000.000, you deserve control.</p>
|
||
<div class="boxes">
|
||
<div class="box">
|
||
<a href="https://spee.ch/ever-wonder-how-bitcoin-and-other" class="image" target="_blank">
|
||
<img src="/img/youtube/01@2x.jpg">
|
||
</a>
|
||
<div class="text">
|
||
<p>@3Blue1Brown</p>
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<a href="https://spee.ch/3c96f32de285db6c04e80bd6f5fad573250541e9/casually-successful" class="image" target="_blank">
|
||
<img src="/img/youtube/02@2x.jpg">
|
||
</a>
|
||
<div class="text">
|
||
<p>@CasuallyExplained</p>
|
||
</div>
|
||
</div>
|
||
<div class="box">
|
||
<a href="https://spee.ch/the-historical-elements-of-wolfenstein" class="image" target="_blank">
|
||
<img src="/img/youtube/03@2x.jpg">
|
||
</a>
|
||
<div class="text">
|
||
<p>@ColinsLastStand</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="how section">
|
||
<div class="inner">
|
||
<div class="content">
|
||
<h1>How this work</h1>
|
||
<p>This is an extremely succinct explanation of how LBRY is a new/protocol/blockchain/thing that puts creators. For more technical specific. <a href="#">Go here</a></p>
|
||
<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 for free, above. Be sure to be the first to claim it</p>
|
||
</div>
|
||
<div class="step two enabled" data-enable="33">
|
||
<div class="circle">2</div>
|
||
<p class="text">We’ll send you details on how to take a permanent ownership of your channel via email. Unlike every other way of sharing content, only you own your channel. Once your channel is yours, even we can’t touch it.</p>
|
||
</div>
|
||
<div class="step three enabled" data-enable="75">
|
||
<div class="circle">3</div>
|
||
<p class="text">Optionally, you can sync all of your YouTube content to the LBRY network. This comes with additional outlined below.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="sync section">
|
||
<div class="inner">
|
||
<div class="content">
|
||
<div class="zigzag"></div>
|
||
<h1>Sync & Earn</h1>
|
||
<p>LBRY offers a single-click sync process<br>for existing YouTubers</p>
|
||
<div class="button">
|
||
<a href="https://api.lbry.io/yt/connect">Sync now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="rewards section">
|
||
<div class="inner">
|
||
<div class="content">
|
||
<h1>Rewards</h1>
|
||
<p>We want creators to control the LBRY network and offering rewards commensurate for your talent</p>
|
||
<div class="price">
|
||
<h3>What you get</h3>
|
||
<p>LBC <span class="current-value">(0.3267 USD)</span></p>
|
||
</div>
|
||
<div class="table">
|
||
<div class="head">
|
||
<p>Subscribers</p>
|
||
<p>Monthly</p>
|
||
<p>Amount</p>
|
||
</div>
|
||
<div class="line">
|
||
<p>1,000</p>
|
||
<p>250 <span></span></p>
|
||
<p></p>
|
||
</div>
|
||
<div class="line">
|
||
<p>10,000</p>
|
||
<p>1,000 <span></span></p>
|
||
<p></p>
|
||
</div>
|
||
<div class="line">
|
||
<p>100,000</p>
|
||
<p>2,500 <span></span></p>
|
||
<p></p>
|
||
</div>
|
||
<div class="line">
|
||
<p>1,000,000</p>
|
||
<p>7,000 <span></span></p>
|
||
<p></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="contact section">
|
||
<div class="inner">
|
||
<div class="content">
|
||
<h1>I need an adult</h1>
|
||
<p>Send Reilly all your questions about YouTube freedom.</p>
|
||
<div class="v-card">
|
||
<div class="photo"><img src="/img/youtube/reilly-smith@2x.png"></div>
|
||
<div class="text">
|
||
<h3>Reilly Smith</h3>
|
||
<p>Community manager</p>
|
||
<p>Reilly holds a BA in Film and Media Studies from the University of Oklahoma and consequently has spent a significant amount of time washing dishes. Reilly is passionate about eliminating middlemen in show business.</p>
|
||
<a href="mailto:reilly@lbry.io?subject=YouTube+Freedom">Contact</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<div class="to-top"><span>to top</span></div>
|
||
<script type="text/javascript" src="/js/yt2/TweenMax.min.js"></script>
|
||
<script type="text/javascript" src="/js/yt2/ScrollToPlugin.min.js"></script>
|
||
<script type="text/javascript" src="/js/yt2/app.js"></script>
|
||
</body>
|
||
</html> |