From 87dc517ce2ca5d9e487f34e2efeb3a36c96165fb Mon Sep 17 00:00:00 2001 From: HarshKhandeparkar Date: Mon, 8 Jun 2020 01:17:07 +0530 Subject: [PATCH] feat: add a global parallx --- index.html | 300 +++++++++++++++++++++++++--------------------- lib/css/index.css | 37 ++++++ 2 files changed, 198 insertions(+), 139 deletions(-) diff --git a/index.html b/index.html index 75d967c..0ea7f33 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,6 @@ + @@ -18,159 +19,180 @@ - - - - - - -
-
-

Welcome to LBRY

-

LBRY LBRY LBRY LBRY LBRY LBRY LBRY LBRY LBRY LBRY LBRY LBRY

-
- Download LBRY - join discord -
+ + +
+ +
+
+

About LBRY Foundations

+ +

The LBRY community invites everyone to join us in building a more free and open way to share content and + information online.

+

The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the + LBRY network in a way that the community of LBRYians decides themselves.

+
+
+

Welcome to LBRY

+

The LBRY community invites everyone to join us in building a more free and open way to share content and + information online.

+

Want to meet the international JavaScript community and share skills with some of the world's top experts, + hackers, and makers? Be the first to know what to expect for the future of JavaScript.

+

The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the + LBRY network in a way that the community of LBRYians decides themselves.

+
+
+

Welcome to LBRY

+

The LBRY community invites everyone to join us in building a more free and open way to share content and + information online.

+

Want to meet the international JavaScript community and share skills with some of the world's top experts, + hackers, and makers? Be the first to know what to expect for the future of JavaScript.

+

The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the + LBRY network in a way that the community of LBRYians decides themselves.

+
+
+ + + +

lbryians

+
+
+
+ +
+

Developer

+

developer developer developer developer developer developer developer

+
+
+
+ +
+
+ +
+

Designer

+

designer designer designer designer designer designer designer designer

+
+
+
+ +
+
+ +
+

Creator

+

creator creator creator creator creator creator creator creator creator

+
+
+
+
+ + +
+
+

About Foundation

+

The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the + LBRY network in a way that the community of LBRYians decides themselves.

+
+
+

Stay up-to-date on LBRY Foundation

+
+ + + + +
+
+
+
+
- - -
- -
-
-

About LBRY Foundations

- -

The LBRY community invites everyone to join us in building a more free and open way to share content and information online.

-

The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the LBRY network in a way that the community of LBRYians decides themselves.

-
-
-

Welcome to LBRY

-

The LBRY community invites everyone to join us in building a more free and open way to share content and information online.

-

Want to meet the international JavaScript community and share skills with some of the world's top experts, hackers, and makers? Be the first to know what to expect for the future of JavaScript.

-

The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the LBRY network in a way that the community of LBRYians decides themselves.

-
-
-

Welcome to LBRY

-

The LBRY community invites everyone to join us in building a more free and open way to share content and information online.

-

Want to meet the international JavaScript community and share skills with some of the world's top experts, hackers, and makers? Be the first to know what to expect for the future of JavaScript.

-

The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the LBRY network in a way that the community of LBRYians decides themselves.

-
-
- + +
+ -
- - -

lbryians

-
-
-
- -
-

Developer

-

developer developer developer developer developer developer developer

-
-
-
- -
-
- -
-

Designer

-

designer designer designer designer designer designer designer designer

-
-
-
- -
-
- -
-

Creator

-

creator creator creator creator creator creator creator creator creator

-
-
-
-
- - -
-
-

About Foundation

-

The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the LBRY network in a way that the community of LBRYians decides themselves.

-
-
-

Stay up-to-date on LBRY Foundation

-
- - - - -
-
-
-
- - -
-
- +
+
+ © 2020 LBRY.org & LBRY Foundation +
+
+
+ - - - + + \ No newline at end of file diff --git a/lib/css/index.css b/lib/css/index.css index 51b48a9..1a97c5e 100644 --- a/lib/css/index.css +++ b/lib/css/index.css @@ -12,4 +12,41 @@ body { font-family: Oxygen; +} + +/* Parallax */ +.parallax .parallax-img { + z-index: -1; + position: absolute; + width: 100%; + height: 100%; + overflow: hidden; +} + +.parallax .parallax-content { + z-index: 100; + position: relative; + background-color: transparent !important; +} + +.parallax .parallax-bg { + z-index: -2; + position: absolute; + height: 100%; + width: 100%; +} + +.parallax { + overflow: hidden; +} +/* /Parallax */ + +#global-parallax .parallax-img { + width: 100%; + margin: 0; +} + +#global-parallax { + /* width: 100%; */ + margin: 0; } \ No newline at end of file