LBRYFoundation/lbry.com
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry.com.git synced 2025-08-23 17:47:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update onboarding, light work on new home

Browse source
This commit is contained in:
Jeremy Kauffman 2017-03-15 08:21:18 -04:00
parent 96dd3f870a
commit 5ea566083c
10 changed files with 53 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
data/i18n/en.yaml
View file

@ -47,7 +47,6 @@ download:
other: Other Systems
popular: Popular publishers can earn $1,000 and early access for publishing via LBRY.
select: Select an OS
signup: LBRY is currently in invite only mode. Enter your email to join the waitlist, or your email and invite code for access.
unavailable: LBRY is not yet out on your platform. You will receive an email as we expand LBRY to your preferred platform.
verb: Download
windows: Download for Windows
@ -77,7 +76,7 @@ global:
get: Get LBRY
learn: Learn More
sentence: Watch, read and play in a decentralized digital library controlled by the community.
tagline: Play, Share, Earn.
tagline: Content Freedom
learn:
100: LBRY in 100 Seconds
art: Art in the Internet Age
@ -242,7 +241,7 @@ social:
slack: Slack (chat)
tweets: Tweets by @LBRYio
title:
home: LBRY - Play, Share, Earn
home: LBRY - Content Freedom
join: Join LBRY Email List
learn: Learn About LBRY
publish: Publish

6
view/template/download/_publish.php
View file

@ -1,5 +1,5 @@
<div class="cover cover-dark cover-center content content-dark" style="background-image:url('/img/cover-home3.jpg')">
<h2 class="cover-title cover-title-tile">{{download.creator}}</h2>
<p class="cover-subtitle text-center" style="max-width: 450px">{{download.popular}}</p>
<a href="/publish" class="btn btn-alt">{{global.learn}}</a>
<h3 class="cover-title text-center cover-title-tile">Know the command line?<br/>Skip the real line.</h3>
<p class="cover-subtitle text-center" style="max-width: 450px">Developers and other technical users can try LBRY before it goes public.</p>
<a href="/quickstart" class="btn btn-alt">Developer Program</a>
</div>

4
view/template/download/_signup.php
View file

@ -7,7 +7,7 @@
<?php echo __('email.address') ?>
</label>
<div class="form-input">
<input type="text" value="<?php echo $defaultEmail ?>" name="email" class="required standard" placeholder="someone@somewhere.com">
<input type="text" value="<?php echo $defaultEmail ?>" name="email" class="required standard input-large" placeholder="someone@somewhere.com">
</div>
</div>
<?php if ($allowInviteCode): ?>
@ -38,7 +38,7 @@
<input type="submit" value="Access LBRY" name="subscribe" class="btn-alt">
</div>
<div class="invite-submit no-code">
<input type="submit" value="Join List" name="subscribe" class="btn-alt">
<input type="submit" value="Join List" name="subscribe" class="btn-alt btn-large">
</div>
</form>
<?php js_start() ?>

12
view/template/download/get.php
View file

@ -12,13 +12,15 @@
<?php endif ?>
<?php if (Session::get(Session::KEY_PREFINERY_USER_ID)): ?>
<h3>You're On The List</h3>
<p>We pull thousands of people off the list regularly.</p>
<p>The longer you are on the list and the more people you invite, the sooner you will be invited.</p>
<h3>You're In!</h3>
<p>You'll be sent an invite when LBRY early access begins.</p>
<p>And remember, friends don't let other friends miss out on content freedom.</p>
<?php echo View::render('download/_refer') ?>
<?php else: ?>
<p>{{download.signup}}</p>
<?php echo View::render('download/_signup') ?>
<div class="spacer1">
<h4>LBRY early access begins April 2017.</h4>
</div>
<?php echo View::render('download/_signup', ['allowInviteCode' => false]) ?>
<?php endif ?>
</div>
</div>

2
view/template/nav/_footer.php
View file

@ -4,7 +4,7 @@
<?php if ($showLearnFooter): ?>
<?php echo View::render('nav/_learnFooter') ?>
<?php endif ?>
<div class="footer-standard <?php echo $isDark ? 'footer-standard--dark' : 'footer-standard--light' ?>">
<div class="footer-standard <?php echo $isDark ? 'footer-standard--dark' : 'footer-standard--light' ?> <?php echo isset($isBordered) && !$isBordered ? 'footer-noborder' : '' ?>">
<nav class="control-group">
<div class="control-item">
<a href="/"><?php echo __('nav.home') ?></a>

5
view/template/nav/_header.php
View file

@ -3,9 +3,10 @@
<?php extract([
'isDark' => false,
'isAbsolute' => false,
'isLogoOnly' => false
'isLogoOnly' => false,
'isBordered' => true
], EXTR_SKIP) ?>
<div class="header <?php echo $isAbsolute ? 'header-absolute' : '' ?> <?php echo $isDark ? 'header-dark' : 'header-light' ?>">
<div class="header <?php echo $isAbsolute ? 'header-absolute' : '' ?> <?php echo $isDark ? 'header-dark' : 'header-light' ?> <?php echo !$isBordered ? 'header-noborder' : '' ?>">
<div class="header-content">
<a href="/" class="primary-logo">
<img src="<?php echo $isDark ? View::imagePath('header-logo-light.png') : View::imagePath('header-logo-dark2.png') ?>" alt="LBRY" />

36
view/template/page/home2.php
View file

@ -1,49 +1,35 @@
<div class="bg-image-full" style="background-color: white" <?php //style="background-image: url(https://s3.amazonaws.com/files.lbry.io/cover-home2.jpg)" ?>></div>
<div class="bg-image-full" style="background-color: white" <?php //style="background-image: url(https://s3.amazonaws.com/files.lbry.io/cover-home2.jpg)" ?>></div>
<?php Response::setMetaTitle(__('title.home')) ?>
<?php Response::setMetaDescription(__('description.home')) ?>
<?php echo View::render('nav/_header', ['isDark' => false, 'isLogoOnly' => false]) ?>
<?php echo View::render('nav/_header', ['isDark' => false, 'isBordered' => false]) ?>
<main class="column-fluid">
<div class="span12">
<div class="cover cover-light cover-center">
<div class="cover cover-light cover-center" style="background-color: white">
<div class="content content-wide content-light" style="max-width: 800px">
<div class="spacer2">
<h1 class="cover-title cover-title-flat">Content Freedom</h1>
<h1 class="cover-title cover-title-flat text-center">Content Freedom.</h1>
<h2 class="cover-subtitle cover-title-flat">Watch, read or play what you choose. Earn 100% of the price you decide.</h2>
<h3 class="cover-subtitle cover-title-flat">You control your data. You own the network. Indeed, you <em>are</em> the network.</h3>
<h3 class="cover-subtitle cover-title-flat">Find Hollywood films, college lessons, amazing streamers and more on the first open, global, and community-controlled digital bazaar.</h3>
<h3 class="cover-subtitle cover-title-flat">Hollywood films, college lessons, amazing streamers and more are on LBRY, the first community-controlled media ________.</h3>
</div>
<div class="control-group spacer2 text-center">
<div class="control-item">
<a href="/get" class="btn-primary btn-large">Join LBRY</a>
<a href="/get" class="btn-primary btn-large">Early Access</a>
</div>
<div class="control-item">
<a href="/learn" class="btn-link btn-large">{{global.learn}}</a>
</div>
</div>
</div>
<div class="cover-special-message text-center">
<p>GitHub user? <a href="/quickstart" class="link-primary">Try our API immediately.</a></p>
<p>Early access begins April 2017.</p>
</div>
<div class="video" style="margin: 48px 0">
<iframe width="560" height="315" src="https://www.youtube.com/embed/DjouYBEkQPY" frameborder="0" allowfullscreen></iframe>
</div>
<?php /*
<div class="content content-dark">
<div class="row-fluid">
<div class="span4">
<h3><?php echo __('email.updates') ?></h3>
<?php echo View::render('mail/_subscribeForm', ['submitLabel' => __('email.go'), 'btnClass' => 'btn-alt']) ?>
</div>
<div class="span4 text-center">
<div class="fb-page" data-href="https://www.facebook.com/lbryio" data-height="300" data-small-header="false" data-width="300"
data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true">
<div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/lbryio"><a href="https://www.facebook.com/lbryio">LBRY</a></blockquote></div>
</div>
</div>
<div class="span4 text-center">
<a width="300" class="twitter-timeline" href="https://twitter.com/LBRYio" data-widget-id="671104143034073088">{{social.tweets}}</a>
</div>
</div> */ ?>
</div>
</div>
</div>
</main>
<?php echo View::render('nav/_footer', ['isDark' => false]) ?>
<?php echo View::render('nav/_footer', ['isDark' => false, 'isBordered' => false]) ?>

7
web/scss/_cover.scss
View file

@ -85,6 +85,13 @@
text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}
}
.cover-special-message
{
font-style: italic;
line-height: 1.8;
}
.cover-title
{
line-height: 1.4;

8
web/scss/_form.scss
View file

@ -79,6 +79,14 @@ input[type="date"] {
height: $line-height * 1.5;
width: $input-width;
vertical-align: middle;
&.input-large
{
height: $line-height * 2.5;
line-height: $line-height * 1.4;
font-size: 1.4em;
width: 100%;
max-width: $max-text-width;
}
}
textarea {

9
web/scss/_header.scss
View file

@ -46,6 +46,10 @@ $color-nav-border-dark: #ddd;
background-color: white;
.logo-light { display: none; }
}
.header-noborder
{
border-bottom: 0 none;
}
.primary-logo
{
line-height: 0;
@ -135,6 +139,11 @@ $color-nav-border-dark: #ddd;
border-top: 1px $color-nav-border-light solid;
border-bottom: 1px $color-nav-border-light solid;
}
.footer-noborder
{
border-top: 0 none;
border-bottom: 0 none;
}
.footer-standard--dark
{
color: $color-content-dark;