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

shipable?

Browse source
This commit is contained in:
Jeremy Kauffman 2020-12-15 21:36:24 -05:00 • committed by Jeremy Kauffman
parent cf6e149d56
commit 365426218f
5 changed files with 35 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
view/template/download/_downloadRow.php
View file

@ -11,7 +11,7 @@
<img style="height: 40px;" src="https://odysee.com/public/img/odysee.png" />
</a>
<br/>
<small class="meta" style=" display: inline-block; max-width: 160px">use LBRY in your browser, with odysee.com</small>
<small class="meta" style=" display: inline-block; max-width: 160px">use LBRY in your browser, with <a class="button button--link" href="https://odysee.com">odysee.com</a></small>
</div>
</div>

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

@ -12,7 +12,7 @@
<ul>
<li>Use LBRY</li>
<li><a href="https://lbry.tv" title="Try lbry.tv">lbry.tv</a></li>
<li><strong><a href="https://odysee.com" title="Try odysee.com">odysee.com</a></strong></li>
<li><a href="/android" title="Get LBRY on Android">Android</a></li>
<li><a href="/linux" title="Get LBRY on Linux">Linux</a></li>
<li><a href="/ios" title="Get LBRY on iOS">iOS</a></li>

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

@ -251,7 +251,7 @@
<?php js_end() ?>
<span class="header__download">
<a href="https://open.lbry.com" class="button button--primary">Try Odysee</a>
<a href="https://open.lbry.com" class="button button--primary">Try LBRY</a>
</span>
</div>
</header>

6
view/template/page/home.php
View file

@ -30,8 +30,8 @@
</section>
<section class="home__callout">
<h2>Enjoy the latest content from your favorite creators - as a user, not a product.</h2>
<p>This video shows footage from <a href="https://odysee.com">odysee.com</a>, the most popular LBRY app. This same content can be accessed by <a href="/get">LBRY Desktop</a> and other clients as part of the web 3.0 LBRY network.</p>
<h2 style="max-width: 700px">Enjoy the latest content from your favorite creators - as a user, not a product.</h2>
<p style="max-width: 800px">This video shows footage from <a href="https://odysee.com">odysee.com</a>, the most popular LBRY app. This same content can be accessed by <a href="/get">LBRY Desktop</a> and other clients as part of the web 3.0 LBRY network.</p>
<div class="inner-wrap" style="margin-top: 1rem">
<iframe id="lbry-iframe" width="560" height="315" src="https://odysee.com/$/embed/odysee/7a416c44a6888d94fe045241bbac055c726332aa?r=9wKhJPioiNxTBjT6Zoqaf7LNDJcauUjg" allowfullscreen></iframe>
</div>
@ -39,7 +39,7 @@
<section class="home__cta">
<div class="inner-wrap">
<aside class="home__cta"><h2>Use Desktop and Mobile apps for control. Use web for ease.</h2></aside>
<aside class="home__cta"><h2>Use Desktop and Mobile apps for full control.<br/>Use odysee.com for ease.</h2></aside>
<?php echo View::render('download/_downloadRow') ?>
</div>
</section>

33
web/scss/pages/_home.scss
View file

@ -1,3 +1,7 @@
main.home {
padding-bottom: 0 !important; //this site is poison i'm not fixing it
}
.home__hero,
.home__sites {
.inner-wrap {
@ -8,25 +12,32 @@
}
.home__callout {
background-image: linear-gradient(to right, $lbry-teal-2, $lbry-cyan-3 100%);
background-image: linear-gradient(to right, $lbry-teal-5, $lbry-cyan-5 100%);
background-size: cover;
color: var(--lbry-white);
padding: 2rem;
text-align: center;
padding-top: 2rem;
padding-bottom: 2rem;
font-size: 1.2rem;
h2 {
text-align: center;
margin-bottom: 1rem;
}
h2, p {
padding-right: 1rem;
padding-left: 1rem;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
p {
font-size: 1.0rem;
}
iframe {
display: block;
max-width: 560px;
margin-left: auto;
margin-right: auto;
@ -63,6 +74,18 @@
margin-bottom: 1rem;
}
@media (min-width: 1001px) and (max-width: 1250px) {
h1 {
font-size: 2.0rem;
}
}
@media (max-width: 1000px) {
h1 {
font-size: 1.5rem;
}
}
p {
margin-bottom: 1rem;
}
@ -82,9 +105,10 @@
.home__hero {
flex: 1;
padding-top: 4rem;
padding-top: 2rem;
padding-bottom: 2rem;
.inner-wrap {
flex-direction: column;
}
@ -148,6 +172,7 @@
}
.home__sites {
border-top: 1px solid var(--lbry-gray-1);
background-color: var(--lbry-white);
font-size: 1rem;
padding-top: 2rem;