diff --git a/.vuepress/media/svg/anchor.svg b/.vuepress/media/svg/anchor.svg new file mode 100755 index 0000000..bc6663b --- /dev/null +++ b/.vuepress/media/svg/anchor.svg @@ -0,0 +1,3 @@ + + + diff --git a/.vuepress/media/svg/chat.svg b/.vuepress/media/svg/chat.svg new file mode 100755 index 0000000..0febba6 --- /dev/null +++ b/.vuepress/media/svg/chat.svg @@ -0,0 +1,3 @@ + + + diff --git a/.vuepress/media/svg/flag.svg b/.vuepress/media/svg/flag.svg new file mode 100755 index 0000000..4f11d4e --- /dev/null +++ b/.vuepress/media/svg/flag.svg @@ -0,0 +1,3 @@ + + + diff --git a/.vuepress/media/svg/keyboard.svg b/.vuepress/media/svg/keyboard.svg new file mode 100755 index 0000000..c6badda --- /dev/null +++ b/.vuepress/media/svg/keyboard.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/.vuepress/media/svg/monitor.svg b/.vuepress/media/svg/monitor.svg new file mode 100755 index 0000000..bee1965 --- /dev/null +++ b/.vuepress/media/svg/monitor.svg @@ -0,0 +1,4 @@ + + + + diff --git a/.vuepress/scss/pages/_home.scss b/.vuepress/scss/pages/_home.scss index 5c713cf..bb3abd6 100644 --- a/.vuepress/scss/pages/_home.scss +++ b/.vuepress/scss/pages/_home.scss @@ -88,11 +88,37 @@ &.develop, &.community { padding-top: 3rem; - padding-bottom: 3rem; + padding-bottom: 3.5rem; + + .inner-wrap { + position: relative; + } h3 { - @extend .inner-wrap; - font-size: 3rem; + top: -0.85rem; left: -2rem; + + color: rgba($black, 0.045); + font-size: 4rem; + letter-spacing: 0.1rem; + line-height: 1; + position: absolute; + text-transform: uppercase; + } + + p { + font-size: 1.5rem; + line-height: 1.55; + margin-bottom: 1.5rem; + max-width: 1000px; + + &:first-of-type { + padding-top: 0.5rem; + } + } + + .cta { + @extend .__button-black; + top: 0.5rem; } } @@ -102,4 +128,68 @@ &.develop { border-bottom: 1px solid rgba($black, 0.05); } + + &.docs, + &.develop { + h3 { + // text-align: right; + } + } + + &.contribute { + p { + margin-right: auto; + margin-left: auto; + text-align: center; + } + + ul { + list-style-type: none; + padding-top: 1rem; + + &::after { + @include clearfix; + } + + li { + float: left; + font-size: 1.5rem; + padding-top: 4rem; + position: relative; + text-align: center; + width: calc(100% / 5); + + &::before { + width: 100%; height: 100%; + top: 0; left: 0; + + background-position: center 0; + background-repeat: no-repeat; + background-size: 3rem; + content: ""; + position: absolute; + } + + &:nth-child(1)::before { + background-image: url("../media/svg/flag.svg"); + } + + &:nth-child(2)::before { + background-image: url("../media/svg/keyboard.svg"); + } + + &:nth-child(3)::before { + background-image: url("../media/svg/anchor.svg"); + } + + &:nth-child(4)::before { + background-image: url("../media/svg/chat.svg"); + } + + &:nth-child(5)::before { + background-image: url("../media/svg/monitor.svg"); + } + } + } + } } diff --git a/.vuepress/theme/Layout.vue b/.vuepress/theme/Layout.vue index 9df844c..a6841f3 100644 --- a/.vuepress/theme/Layout.vue +++ b/.vuepress/theme/Layout.vue @@ -65,28 +65,50 @@
-

Intro/Overview

-

Text and such

+
+

Intro/Overview

+

What if anyone in the world could publish a piece of digital content, anyone else in the world could access it, for free or for payment, and that entire system worked end-to-end without any centralized authority or point of control?

+ +

That's the idea behind LBRY. To create a market for accessing and publishing information that is global, decentralized, robust, optimal and complete.

+ + Learn more +
-

Documentation

-

Text and such

+
+

Documentation

+

Text and such

+
-

Contribute

-

Text and such

+
+

Contribute

+

Interested in progressing content freedom? Awesome! No matter your experience or skill level, you can make a difference.

+ + +
-

Development

-

Text and such

+
+

Development

+

Text and such

+
-

Community

-

Text and such

+
+

Community

+

Text and such

+