- 
+
use LBRY in your browser, with odysee.com diff --git a/view/template/page/home.php b/view/template/page/home.php index 482ed63b..52cfb78c 100644 --- a/view/template/page/home.php +++ b/view/template/page/home.php @@ -6,23 +6,21 @@
-
@@ -31,18 +29,24 @@
-
-
+
+
+
+
+
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 @@
+
+
\ 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 @@
+
+
+
+
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..b6bb1bd5 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,10 +169,30 @@ input::placeholder {
}
}
+.button--fdroid {
+ @include hide-text;
+ width: 10rem; height: 4rem;
+ background-image: url("../img/fdroid-badge.png");
+ 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--apple-store {
@include hide-text;
width: 10rem; height: 4rem;
-
+ margin-top: 1.4rem;
background-image: url("../img/apple-store-badge.svg");
background-position: center;
background-repeat: no-repeat;
@@ -188,26 +210,20 @@ input::placeholder {
}
}
-.button--fdroid {
- @include hide-text;
- width: 10rem; height: 4rem;
-
- background-image: url("../img/fdroid-badge.png");
- background-position: center;
- background-repeat: no-repeat;
- background-size: contain;
- display: block;
- position: relative;
-
- .header & {
- top: 0.5rem;
+.odysee{
+ @media (min-width: 901px) {
+ img{
+ height: 40px;
+ }
}
-
- main & {
- margin-right: auto;
- margin-left: auto;
+ // 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%;
diff --git a/web/scss/pages/_home.scss b/web/scss/pages/_home.scss
index 74a0a7e8..41d98654 100644
--- a/web/scss/pages/_home.scss
+++ b/web/scss/pages/_home.scss
@@ -213,22 +213,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 +243,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
+
use LBRY in your browser, with odysee.com diff --git a/view/template/page/home.php b/view/template/page/home.php index 482ed63b..52cfb78c 100644 --- a/view/template/page/home.php +++ b/view/template/page/home.php @@ -6,23 +6,21 @@
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 +63,20 @@
+
+
+