diff --git a/view/template/download/_downloadRow.php b/view/template/download/_downloadRow.php index 1a26d0a2..421df7ee 100644 --- a/view/template/download/_downloadRow.php +++ b/view/template/download/_downloadRow.php @@ -6,9 +6,9 @@ other platforms -
+
- +
use LBRY in your browser, with odysee.com diff --git a/view/template/page/home.php b/view/template/page/home.php index 482ed63b..a88c6276 100644 --- a/view/template/page/home.php +++ b/view/template/page/home.php @@ -2,27 +2,32 @@
+
+

HELP LBRY SAVE CRYPTO

+
+
The SEC doesn’t understand blockchain. The claims made in SEC vs. LBRY would destroy the United States + cryptocurrency industry.
Learn more at helplbrysavecrypto.com +
+
-
@@ -31,18 +36,24 @@

Enjoy the latest content from your favorite creators - as a user, not a product.

-

This video shows footage from odysee.com, the most popular LBRY app. This same content can be accessed by LBRY Desktop and other clients as part of the web 3.0 LBRY network.

-
- -
+

This video shows footage from odysee.com, the most + popular LBRY app. This same content can be accessed by LBRY Desktop and other clients as part + of the web 3.0 LBRY network.

+
+ +
-
-
- - -
-
+
+
+ + +
+
@@ -59,4 +70,20 @@
-
+
+
+
+

As featured on

+ +
+
+ \ No newline at end of file diff --git a/web/img/featured/bitcoincom.png b/web/img/featured/bitcoincom.png new file mode 100644 index 00000000..779b6b55 Binary files /dev/null and b/web/img/featured/bitcoincom.png differ diff --git a/web/img/featured/cointelegraph.svg b/web/img/featured/cointelegraph.svg new file mode 100644 index 00000000..6869c540 --- /dev/null +++ b/web/img/featured/cointelegraph.svg @@ -0,0 +1,23 @@ + + + + CT logo Black tag + Created with Sketch. + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/web/img/featured/forbes.svg b/web/img/featured/forbes.svg new file mode 100644 index 00000000..a9971209 --- /dev/null +++ b/web/img/featured/forbes.svg @@ -0,0 +1,1150 @@ + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/web/img/featured/nasdaq.svg b/web/img/featured/nasdaq.svg new file mode 100644 index 00000000..d6c10143 --- /dev/null +++ b/web/img/featured/nasdaq.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/img/featured/nationalpublicradio.svg b/web/img/featured/nationalpublicradio.svg new file mode 100644 index 00000000..f9ae22d6 --- /dev/null +++ b/web/img/featured/nationalpublicradio.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + diff --git a/web/img/featured/newyorktimes.svg b/web/img/featured/newyorktimes.svg new file mode 100644 index 00000000..1e1f1fcb --- /dev/null +++ b/web/img/featured/newyorktimes.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/img/featured/reclaimthenet.svg b/web/img/featured/reclaimthenet.svg new file mode 100644 index 00000000..b4e65f3b --- /dev/null +++ b/web/img/featured/reclaimthenet.svg @@ -0,0 +1,101 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/img/featured/techcrunch.svg b/web/img/featured/techcrunch.svg new file mode 100644 index 00000000..4051c124 --- /dev/null +++ b/web/img/featured/techcrunch.svg @@ -0,0 +1,9 @@ + + + + + + + + diff --git a/web/scss/_layout.scss b/web/scss/_layout.scss index e35bb317..4fe8af24 100644 --- a/web/scss/_layout.scss +++ b/web/scss/_layout.scss @@ -16,7 +16,9 @@ body { word-wrap: anywhere; } - +video, img { +pointer-events: none; +} code { @include font-mono; @@ -167,31 +169,9 @@ input::placeholder { } } -.button--apple-store { - @include hide-text; - width: 10rem; height: 4rem; - - background-image: url("../img/apple-store-badge.svg"); - background-position: center; - background-repeat: no-repeat; - background-size: contain; - display: block; - position: relative; - - .header & { - top: 0.5rem; - } - - main & { - margin-right: auto; - margin-left: auto; - } -} - .button--fdroid { @include hide-text; width: 10rem; height: 4rem; - background-image: url("../img/fdroid-badge.png"); background-position: center; background-repeat: no-repeat; @@ -209,6 +189,21 @@ input::placeholder { } } +.odysee{ + @media (min-width: 901px) { + img{ + height: 40px; + } + } + // i want to detect android phones here because of fdroid problem, please help me + @media (max-width: 900px) { + img { + height: 40px; + } + padding-top: 1.5rem; + } + } + .flex-third { flex-basis: 33.333333%; } @@ -353,4 +348,4 @@ input::placeholder { &::after { @include clearfix; } -} +} \ No newline at end of file diff --git a/web/scss/pages/_home.scss b/web/scss/pages/_home.scss index 74a0a7e8..f94991a0 100644 --- a/web/scss/pages/_home.scss +++ b/web/scss/pages/_home.scss @@ -2,6 +2,67 @@ main.home { padding-bottom: 0 !important; //this site is poison i'm not fixing it } +//Announcement for Help LBRY save Crypto +.anno__text { + background-color: #31afa1; + color: #fff; + display: block; +} + +@media(min-width:901px) { + .anno__text { + padding: 0.5rem; + } +} +@media(max-width:900px) { + .anno__text { + padding: 1rem; + } +} + +.anno__title { + font-size: 2.5rem; + font-weight: 900 +} + +@media(min-width:901px) { + .anno__title { + font-size: 2rem; + text-align: center; + margin-bottom: 0.5rem; + } +} + +@media(max-width:900px) { + .anno__title { + font-size: 1.5rem; + margin-bottom: 1rem; + text-align: center; + } +} + +.anno__subtitle { + font-weight: 300 +} + +#anno__link { + text-decoration: underline; +} + +@media(min-width:901px) { + .anno__subtitle { + font-size: 1.2rem; + text-align: center; + } +} + +@media(max-width:900px) { + .anno__subtitle { + font-size: 1rem; + text-align: center; + } +} + .home__hero, .home__sites { .inner-wrap { @@ -213,22 +274,13 @@ main.home { } } -.home__site--org { - @media (max-width: 900px) { - padding-top: 4rem; - } - - h3 { - &::before { - background-image: url("../img/emoji-wire-globe.png"); - } - } -} - .home__site--tech { @media (max-width: 900px) { padding-bottom: 5rem; } + @media (min-width: 901px) { + padding-top: 3rem; + } &::after { background-color: var(--lbry-gray-1); @@ -252,3 +304,62 @@ main.home { } } } + +.home__site--org { + @media (max-width: 900px) { + padding-bottom: 2rem; + padding-top: 2rem; + } + @media (min-width: 901px) { + padding-top: 3rem; + } + + h3 { + &::before { + background-image: url("../img/emoji-wire-globe.png"); + } + } +} + +.home__asfeatured { + border-top: 1px solid var(--lbry-gray-1); + background-color: var(--lbry-white); + font-size: 1rem; + text-align: center; + + @media (max-width:900px) { + padding-top: 3rem; + } + + @media (min-width:901px) { + padding-top: 2rem; + } + + h3 { + @media (max-width:900px) { + padding-bottom: 1rem; + } + @media (min-width:901px) { + margin-bottom: 2rem; + } + } +} + +.featured__row { +img { + @media (max-width:900px) { + width: 40%; + padding-top: 1rem; + padding-bottom: 0.2rem; + margin-bottom: 1.5rem; + padding-right: 1rem; + } + + @media (min-width:901px) { + max-width: 12%; + padding-right: 1rem; + padding-bottom: 1rem; + } + filter: grayscale(100%); + } +} \ No newline at end of file