From d4e5958642787f3bf3d05a49eafd6251ba31bbea Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?= =?UTF-8?q?=E3=83=96?= Date: Wed, 13 Jun 2018 10:10:24 -0500 Subject: [PATCH 1/9] Closes #99 --- content/.vuepress/scss/partials/_footer.scss | 4 ---- content/.vuepress/theme/Layout.vue | 2 -- 2 files changed, 6 deletions(-) diff --git a/content/.vuepress/scss/partials/_footer.scss b/content/.vuepress/scss/partials/_footer.scss index 94f9c93..94d6ea8 100644 --- a/content/.vuepress/scss/partials/_footer.scss +++ b/content/.vuepress/scss/partials/_footer.scss @@ -56,10 +56,6 @@ &:first-of-type { flex: 1; } - - &:last-of-type { - cursor: default; - } } } diff --git a/content/.vuepress/theme/Layout.vue b/content/.vuepress/theme/Layout.vue index cc4ac0d..e555be7 100644 --- a/content/.vuepress/theme/Layout.vue +++ b/content/.vuepress/theme/Layout.vue @@ -254,8 +254,6 @@
  • Contribute
  • Community
  • Sitemap
  • - -
  • MIT Licensed
  • From 275ec5d6bd5b43a1920ba72dbd2765136b625467 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?= =?UTF-8?q?=E3=83=96?= Date: Wed, 13 Jun 2018 12:36:34 -0500 Subject: [PATCH 2/9] Closes #88 --- content/.vuepress/scss/pages/_home.scss | 3 ++- content/.vuepress/theme/Layout.vue | 4 ++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/content/.vuepress/scss/pages/_home.scss b/content/.vuepress/scss/pages/_home.scss index 3d7f554..0173d62 100644 --- a/content/.vuepress/scss/pages/_home.scss +++ b/content/.vuepress/scss/pages/_home.scss @@ -328,7 +328,8 @@ ul { li { @media (min-width: 701px) { - width: calc(100% / 3); + // width: calc(100% / 3); // https://github.com/lbryio/lbry.tech/issues/104 + width: 50%; // } @media (max-width: 700px) { diff --git a/content/.vuepress/theme/Layout.vue b/content/.vuepress/theme/Layout.vue index e555be7..5584eb2 100644 --- a/content/.vuepress/theme/Layout.vue +++ b/content/.vuepress/theme/Layout.vue @@ -91,9 +91,9 @@

    Hang out with us! We have a vibrant community of lbryians and would be delighted if you joined us.

    From 8c3deaf09fb58c480a8322131554c99a985fd4ff Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?= =?UTF-8?q?=E3=83=96?= Date: Wed, 13 Jun 2018 13:49:27 -0500 Subject: [PATCH 3/9] Closes #95 --- content/.vuepress/scss/pages/_page.scss | 15 +++++++++++++++ content/overview/index.md | 17 ++++++----------- 2 files changed, 21 insertions(+), 11 deletions(-) diff --git a/content/.vuepress/scss/pages/_page.scss b/content/.vuepress/scss/pages/_page.scss index a0e9d2f..d91ddc1 100644 --- a/content/.vuepress/scss/pages/_page.scss +++ b/content/.vuepress/scss/pages/_page.scss @@ -113,6 +113,21 @@ font-size: 1rem; } + blockquote { + left: 2px; + padding-left: 2rem; + position: relative; + + &::before { + width: 5px; height: 100%; + top: 0; left: 0; + + background-color: $teal; + content: ""; + position: absolute; + } + } + p, ol, ul:not(.overview__ecosystem__module), table { code { background-color: $black; diff --git a/content/overview/index.md b/content/overview/index.md index 188d02f..64a9347 100644 --- a/content/overview/index.md +++ b/content/overview/index.md @@ -8,20 +8,15 @@ What if anyone in the world could publish a piece of digital content, anyone els That's the idea behind LBRY. -
    To create a market for accessing and publishing information1 that is global2, decentralized3, robust4, optimal5 and complete6.
    +> To create a market for accessing and publishing information1 that is global2, decentralized3, robust4, optimal5 and complete6. That's a fancy sentence, so here's a plainer one: we just thought it'd be really damn cool if there was a system that stored as much of the world's information as possible, but was owned and controlled by no one. -1. In the information theoric sense, i.e. any data. LBRY facilitates distribution of all data, whether it be a video or a spreadsheet. - -2. Accessible anywhere in the world on any internet-connected device. - -3. Not controlled by any one person, party or authority. - -4. Resistant to censorship or attempts to control; impervious to attacks or disruptions. - -5. In the Pareto sense, with regards to the production and distribution of information (i.e. digital information is both created and distributed in a way that could not be any more efficient from the perspectives of information producers and consumers). - +1. In the information theoric sense, i.e. any data. LBRY facilitates distribution of all data, whether it be a video or a spreadsheet.
    +2. Accessible anywhere in the world on any internet-connected device.
    +3. Not controlled by any one person, party or authority.
    +4. Resistant to censorship or attempts to control; impervious to attacks or disruptions.
    +5. In the Pareto sense, with regards to the production and distribution of information (i.e. digital information is both created and distributed in a way that could not be any more efficient from the perspectives of information producers and consumers).
    6. The most complete collection of world’s books, films, art, games, etc. should be available via LBRY. ## Ecosystem Overview From a2f9a2749d68a7e9cdc378627a350a103c1661b3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?= =?UTF-8?q?=E3=83=96?= Date: Wed, 13 Jun 2018 15:47:02 -0500 Subject: [PATCH 4/9] Added hover states to ancillary modules --- content/.vuepress/components/Ecosystem.vue | 55 +++++++++++++++++++++- 1 file changed, 54 insertions(+), 1 deletion(-) diff --git a/content/.vuepress/components/Ecosystem.vue b/content/.vuepress/components/Ecosystem.vue index c5c6dfe..26e62ea 100644 --- a/content/.vuepress/components/Ecosystem.vue +++ b/content/.vuepress/components/Ecosystem.vue @@ -4,10 +4,18 @@ @@ -36,7 +44,7 @@

    The most salient feature of the LBRY blockchain is the association of a normalized character string with up to 8KB of metadata. - This string of characters forms a LBRY URL, e.g. + This string of characters forms a LBRY URL, e.g.

    The LBRY blockchain contains two parallel [[Merkle Tree]]s, one for transactions (ala Bitcoin) and one for storing LBRY URLs and metadata. @@ -156,10 +164,18 @@

    @@ -299,6 +315,10 @@ } } + h3 { + position: relative; + } + &::before { width: 100%; height: 100%; top: 0; left: 0; @@ -475,6 +495,8 @@ border: 2px dashed; border-radius: 50%; cursor: default; + position: relative; + z-index: 2; &:not(:last-of-type) { margin-bottom: 1rem; @@ -484,6 +506,37 @@ border-color: rgba($gray, 0.3); color: rgba($gray, 0.3); } + + &:not(:hover) { + .ecosystem__submodule__description { + opacity: 0; + visibility: hidden; + } + } + + &.chainquery, + &.wallet { + .ecosystem__submodule__description { + left: -2px; + } + } + + &.lighthouse, + &.reflector { + .ecosystem__submodule__description { + right: -2px; + } + } + } + + .ecosystem__submodule__description { + background-color: $white; + border: 2px solid rgba($gray, 0.3); + color: $black; + padding: 1rem; + position: absolute; + transition: all 0.2s; + width: 350px; } From d79f6871e07a1ad95e3c0aeec9420764622e6df6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?= =?UTF-8?q?=E3=83=96?= Date: Wed, 13 Jun 2018 16:21:17 -0500 Subject: [PATCH 5/9] Made blockquote more obvious --- content/.vuepress/scss/pages/_page.scss | 41 +++++++++++++++++++++---- 1 file changed, 35 insertions(+), 6 deletions(-) diff --git a/content/.vuepress/scss/pages/_page.scss b/content/.vuepress/scss/pages/_page.scss index d91ddc1..04d8f31 100644 --- a/content/.vuepress/scss/pages/_page.scss +++ b/content/.vuepress/scss/pages/_page.scss @@ -115,15 +115,44 @@ blockquote { left: 2px; - padding-left: 2rem; + line-height: 1.5; + margin-bottom: 0.5rem; position: relative; - &::before { - width: 5px; height: 100%; - top: 0; left: 0; + @media (min-width: 601px) { + margin-left: 15%; padding: 0.5rem 0 0.05rem 2rem; - background-color: $teal; - content: ""; + font-size: 1.5rem; + width: 70%; + } + + @media (max-width: 600px) { + font-size: 1.25rem; + padding: 0.5rem 0 0.05rem 0; + } + + @media (min-width: 376px) and (max-width: 600px) { + margin-left: 5%; + width: 90%; + } + + @media (max-width: 375px) { + } + + p { + font-size: inherit; + line-height: inherit; + } + + &::before { + @include font-serif; + width: 150px; height: 100px; + top: 3rem; left: -2rem; + + color: rgba($teal, 0.2); + content: "\201C"; + font-size: 20rem; + line-height: 0.5; position: absolute; } } From 7cca6711c5b3ce61795f4b6c140d4a473c38fb8f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?= =?UTF-8?q?=E3=83=96?= Date: Thu, 14 Jun 2018 15:01:05 -0500 Subject: [PATCH 6/9] Mission Statement styling --- .../.vuepress/components/MissionStatement.vue | 38 +++++++++++++++++++ content/.vuepress/scss/pages/_page.scss | 7 ++-- content/overview/index.md | 19 ++++++---- 3 files changed, 54 insertions(+), 10 deletions(-) create mode 100644 content/.vuepress/components/MissionStatement.vue diff --git a/content/.vuepress/components/MissionStatement.vue b/content/.vuepress/components/MissionStatement.vue new file mode 100644 index 0000000..aae5d93 --- /dev/null +++ b/content/.vuepress/components/MissionStatement.vue @@ -0,0 +1,38 @@ + + + + + diff --git a/content/.vuepress/scss/pages/_page.scss b/content/.vuepress/scss/pages/_page.scss index 04d8f31..68ef270 100644 --- a/content/.vuepress/scss/pages/_page.scss +++ b/content/.vuepress/scss/pages/_page.scss @@ -113,6 +113,10 @@ font-size: 1rem; } + sup { + @include font-mono; + } + blockquote { left: 2px; line-height: 1.5; @@ -136,9 +140,6 @@ width: 90%; } - @media (max-width: 375px) { - } - p { font-size: inherit; line-height: inherit; diff --git a/content/overview/index.md b/content/overview/index.md index 64a9347..800fb29 100644 --- a/content/overview/index.md +++ b/content/overview/index.md @@ -8,16 +8,21 @@ What if anyone in the world could publish a piece of digital content, anyone els That's the idea behind LBRY. -> To create a market for accessing and publishing information1 that is global2, decentralized3, robust4, optimal5 and complete6. + That's a fancy sentence, so here's a plainer one: we just thought it'd be really damn cool if there was a system that stored as much of the world's information as possible, but was owned and controlled by no one. -1. In the information theoric sense, i.e. any data. LBRY facilitates distribution of all data, whether it be a video or a spreadsheet.
    -2. Accessible anywhere in the world on any internet-connected device.
    -3. Not controlled by any one person, party or authority.
    -4. Resistant to censorship or attempts to control; impervious to attacks or disruptions.
    -5. In the Pareto sense, with regards to the production and distribution of information (i.e. digital information is both created and distributed in a way that could not be any more efficient from the perspectives of information producers and consumers).
    -6. The most complete collection of world’s books, films, art, games, etc. should be available via LBRY. +1 In the information theoric sense, i.e. any data. LBRY facilitates distribution of all data, whether it be a video or a spreadsheet. + +2 Accessible anywhere in the world on any internet-connected device. + +3 Not controlled by any one person, party or authority. + +4 Resistant to censorship or attempts to control; impervious to attacks or disruptions. + +5 In the Pareto sense, with regards to the production and distribution of information (i.e. digital information is both created and distributed in a way that could not be any more efficient from the perspectives of information producers and consumers) + +6 The most complete collection of world’s books, films, art, games, etc. should be available via LBRY. ## Ecosystem Overview From b94176af5d7f618f02b727f53b7e7c084338da72 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?= =?UTF-8?q?=E3=83=96?= Date: Thu, 14 Jun 2018 15:01:50 -0500 Subject: [PATCH 7/9] Slight update to Mission Statement styling --- content/.vuepress/components/MissionStatement.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/content/.vuepress/components/MissionStatement.vue b/content/.vuepress/components/MissionStatement.vue index aae5d93..09edbb7 100644 --- a/content/.vuepress/components/MissionStatement.vue +++ b/content/.vuepress/components/MissionStatement.vue @@ -31,6 +31,7 @@ } .component--mission-statement__title { + color: $teal; display: block; letter-spacing: 0.025rem; text-transform: uppercase; From 2e1efb6c0a6f2c623ebf6a38c07fa1ced8b14eaa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?= =?UTF-8?q?=E3=83=96?= Date: Thu, 14 Jun 2018 16:30:13 -0500 Subject: [PATCH 8/9] Added repos to ecosystem sections --- content/.vuepress/components/Ecosystem.vue | 39 +++++++++++++++++++--- 1 file changed, 34 insertions(+), 5 deletions(-) diff --git a/content/.vuepress/components/Ecosystem.vue b/content/.vuepress/components/Ecosystem.vue index 26e62ea..30ce543 100644 --- a/content/.vuepress/components/Ecosystem.vue +++ b/content/.vuepress/components/Ecosystem.vue @@ -6,7 +6,7 @@

    chainquery

    chainquery parses and syncs LBRY blockchain data into structured SQL
    - → Source code + → Source code
    @@ -14,7 +14,7 @@

    wallet server

    lbry-app is a browser and wallet for LBRY
    - → Source code + → Source code
    @@ -110,6 +110,16 @@ + +

    Additional Resources

    + × @@ -146,7 +156,7 @@
  • - Lighthouse + lighthouse

    Vel nisi hendrerit id tristique congue tortor nisl luctus, vulputate sem ridiculus inceptos et at torquent feugiat, mus cursus lobortis aenean senectus posuere odio. Imperdiet nascetur dapibus eget convallis ante donec iaculis dictumst mi est, venenatis quisque integer etiam justo id aliquet non diam semper erat, blandit quis lectus ac aptent magna cubilia augue laoreet. Mollis luctus pharetra nisl auctor potenti magna penatibus cras, justo lobortis iaculis porta a vel habitasse vulputate, taciti sociis arcu facilisis duis orci aliquam.

  • @@ -155,6 +165,25 @@

    Vel nisi hendrerit id tristique congue tortor nisl luctus, vulputate sem ridiculus inceptos et at torquent feugiat, mus cursus lobortis aenean senectus posuere odio. Imperdiet nascetur dapibus eget convallis ante donec iaculis dictumst mi est, venenatis quisque integer etiam justo id aliquet non diam semper erat, blandit quis lectus ac aptent magna cubilia augue laoreet. Mollis luctus pharetra nisl auctor potenti magna penatibus cras, justo lobortis iaculis porta a vel habitasse vulputate, taciti sociis arcu facilisis duis orci aliquam.

    + +

    Additional Resources

    + × @@ -166,7 +195,7 @@

    lighthouse

    lighthouse is a lightning fast search for the LBRY blockchain
    - → Source code + → Source code
    @@ -174,7 +203,7 @@

    reflector

    reflector accepts LBRY content for re/hosting
    - → Source code + → Source code
    From 1d646b7ab0d638dba7d01bca98e583b8e899cb18 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?= =?UTF-8?q?=E3=83=96?= Date: Thu, 14 Jun 2018 20:11:56 -0500 Subject: [PATCH 9/9] Improved visual relation of side components to main sections in ecosystem overview --- content/.vuepress/components/Ecosystem.vue | 89 +++++++++++++--------- 1 file changed, 55 insertions(+), 34 deletions(-) diff --git a/content/.vuepress/components/Ecosystem.vue b/content/.vuepress/components/Ecosystem.vue index 30ce543..b703105 100644 --- a/content/.vuepress/components/Ecosystem.vue +++ b/content/.vuepress/components/Ecosystem.vue @@ -213,63 +213,58 @@