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

Merge pull request #1067 from lbryio/254-creator-tour-page

Browse source 
Creator Tour Page
This commit is contained in:
netop://ウエハ 2019-07-03 15:34:24 -05:00 • committed by GitHub
commit d04ca60ce4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 171 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
data/redirect/permanent.yaml
View file

@ -111,4 +111,4 @@
/feedback: /learn
/press-kit.zip: /press-kit
/news/tag/events: /roadmap
/publish: /youtube
# /publish: /youtube

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

@ -79,7 +79,7 @@
<drawer-wrap>
<drawer-children>
<drawer-child>
<a href="/get">
<a href="/publish">
<strong>Publish to LBRY</strong>
<span>Make your content available to everyone using LBRY</span>
</a>

2
view/template/page/privacypolicy.php
View file

@ -2,7 +2,7 @@
<?php Response::setMetaDescription('LBRY Inc. Privacy Policy') ?>
<main class="ancillary">
<section class="hero hereo--half-height">
<section class="hero hero--half-height">
<div class="inner-wrap inner-wrap--center-hero">
<h1>LBRY Inc. Privacy Policy</h1>

66
view/template/page/publish.php Normal file
View file

@ -0,0 +1,66 @@
<?php Response::setMetaDescription('Why should you publish to LBRY?') ?>
<?php Response::setMetaTitle(__('LBRY &middot; Why publish your content here?')) ?>
<main class="ancillary">
<section class="hero hero--half-height">
<div class="inner-wrap inner-wrap--center-hero">
<h1>Why publish to LBRY?</h1>
</div>
</section>
<section>
<div class="inner-wrap">
<div class="inline-image-and-text">
<img
alt="two-minute proposal"
class="inline-image"
src="/img/icon--clock.svg"
/>
<p>What follows is our <strong>two-minute proposal</strong>. Quite frankly, we're a breath of fresh air. Why <em>not</em> try LBRY and see if it works (for you)?</p>
</div>
<div class="inline-image-and-text">
<p>You might've done some research and rolled your eyes because we're yet <em>another</em> startup using Blockchain&trade; within our tech stack. Why should you care about that? Well, <strong>utilizing a blockchain allows us to be censorship resistant</strong>.</p>
<img
alt="censorship resistant"
class="inline-image"
src="/img/icon--cctv.svg"
/>
</div>
<div class="inline-image-and-text">
<img
alt="open-source"
class="inline-image"
src="/img/icon--fork.svg"
/>
<p>The benefits of blockchain + the freedom to be yourself. No middleman required. Honest! <strong>Our tech is open-source</strong> so if you want to self-host, you can easily do so.</p>
</div>
<div class="inline-image-and-text">
<p>As long as servers exist, so will your content. So, <em>forever</em>. The only thing you have to worry about is content creation and keeping your fans happy.</p>
<img
alt="keep your fans happy"
class="inline-image"
src="/img/icon--smile.svg"
/>
</div>
<hr/>
<div style="margin-top: 2rem; margin-bottom: 3rem; text-align: center;">
<p>LBRY was created for and <em>continues</em> to be created for you, the creator.<br/>If this sounds good to you, download our app!</p>
<a
class="button button--primary"
href="/get"
title="Download our app"
>Get LBRY</a>
</div>
</div>
</section>
</main>

2
web/components

@ -1 +1 @@
Subproject commit 267c2636eb25038afef79a82f24810f4c5259f44
Subproject commit f3685d73b6b30f846538882e1b8ccea25902fc08

BIN
web/img/gerbil-happy.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 137 KiB

20
web/img/icon--cctv.svg Normal file
View file

@ -0,0 +1,20 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient fy="0" gradientTransform="rotate(60 0.5 0.5)" id="gradient">
<stop offset="0" stop-color="#60e1ba"></stop>
<stop offset="0" stop-color="#339af0">
<animate
attributeName="offset"
dur="25s"
from="0"
repeatCount="indefinite"
to="1"
values="0;0;1;1;0"
/>
</stop>
<stop offset="1" stop-color="#60e1ba"/>
</linearGradient>
</defs>
<path d="m0 10.926 2.805 7.707 7.442-2.709-6.659-6.304zm20.684 6.837-1.684-1.263v-3.762l3.683-1.341c1.038-.378 1.573-1.525 1.195-2.563l-2.736-7.518c-.378-1.038-1.525-1.573-2.563-1.195l-15.973 5.815 9.742 9.224 4.652-1.694v4.034l3.023 2.268c-.004.078-.023.152-.023.232 0 2.209 1.791 4 4 4v-8c-1.38 0-2.598.699-3.316 1.763z" fill="url(#gradient)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 878 B

20
web/img/icon--clock.svg Normal file
View file

@ -0,0 +1,20 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient fy="0" gradientTransform="rotate(60 0.5 0.5)" id="gradient">
<stop offset="0" stop-color="#60e1ba"></stop>
<stop offset="0" stop-color="#339af0">
<animate
attributeName="offset"
dur="25s"
from="0"
repeatCount="indefinite"
to="1"
values="0;0;1;1;0"
/>
</stop>
<stop offset="1" stop-color="#60e1ba"/>
</linearGradient>
</defs>
<path d="m12 6c-.552 0-1 .448-1 1v5h-3c-.552 0-1 .448-1 1s.448 1 1 1h5v-7c0-.552-.448-1-1-1zm0-6c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 21c-4.97 0-9-4.03-9-9 0-4.971 4.03-9 9-9 4.971 0 9 4.029 9 9 0 4.97-4.029 9-9 9z" fill="url(#gradient)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 806 B

20
web/img/icon--fork.svg Normal file
View file

@ -0,0 +1,20 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient fy="0" gradientTransform="rotate(60 0.5 0.5)" id="gradient">
<stop offset="0" stop-color="#60e1ba"></stop>
<stop offset="0" stop-color="#339af0">
<animate
attributeName="offset"
dur="25s"
from="0"
repeatCount="indefinite"
to="1"
values="0;0;1;1;0"
/>
</stop>
<stop offset="1" stop-color="#60e1ba"/>
</linearGradient>
</defs>
<path d="m17 15.012v1.988h-3.08l-4.286-5 4.286-5h3.08v1.988c0 .9 1.185 1.35 1.878.714l5.122-4.702-5.122-4.702c-.693-.636-1.878-.186-1.878.714v1.988h-4.92l-6 7h-4.08c-1.105 0-2 .895-2 2 0 1.104.895 2 2 2h4.08l6 7h4.92v1.988c0 .9 1.185 1.35 1.878.714l5.122-4.702-5.122-4.702c-.693-.636-1.878-.186-1.878.714z" fill="url(#gradient)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 862 B

20
web/img/icon--smile.svg Normal file
View file

@ -0,0 +1,20 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient fy="0" gradientTransform="rotate(60 0.5 0.5)" id="gradient">
<stop offset="0" stop-color="#60e1ba"></stop>
<stop offset="0" stop-color="#339af0">
<animate
attributeName="offset"
dur="25s"
from="0"
repeatCount="indefinite"
to="1"
values="0;0;1;1;0"
/>
</stop>
<stop offset="1" stop-color="#60e1ba"/>
</linearGradient>
</defs>
<path d="m12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-4.5 8c.828 0 1.5.672 1.5 1.5s-.672 1.5-1.5 1.5-1.5-.672-1.5-1.5.672-1.5 1.5-1.5zm10.197 8.717c-1.515 1.472-3.539 2.283-5.697 2.283s-4.182-.811-5.697-2.283c-.396-.385-.405-1.018-.02-1.414.384-.395 1.018-.405 1.414-.02 1.14 1.108 2.668 1.717 4.303 1.717s3.163-.609 4.303-1.717c.396-.386 1.03-.375 1.414.02.386.396.376 1.029-.02 1.414zm-1.197-5.717c-.828 0-1.5-.672-1.5-1.5s.672-1.5 1.5-1.5 1.5.672 1.5 1.5-.672 1.5-1.5 1.5z" fill="url(#gradient)"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

22
web/scss/pages/_ancillary.scss
View file

@ -1,4 +1,6 @@
.ancillary {
font-size: 1.25rem;
blockquote,
iframe {
margin-bottom: 1.25rem;
@ -110,7 +112,7 @@
list-style-position: inherit;
&:not(:first-of-type) {
padding-top: 0.5rem;
margin-top: 0.5rem;
}
&:not(:last-of-type) {
@ -285,4 +287,22 @@
padding-top: 3.25rem;
}
}
.inline-image-and-text {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 3rem;
> *:not(.inline-image) {
flex: 1;
padding-right: 1rem;
padding-left: 1rem;
}
}
.inline-image {
width: 5rem; height: 5rem;
margin: 0; padding: 1rem;
}
}