LBRYCommunity/lbry.tech
1
0
Fork 0
Code Issues 13 Pull requests 8 Projects Releases Packages Wiki Activity

Closes #36 & #34

Browse source
This commit is contained in:
Kristian Polso 2018-05-07 12:01:37 +03:00
parent 98d6ee4d3d
commit ed9d16e126
4 changed files with 101 additions and 149 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
.vuepress/components/Sidebar.vue
View file

@ -1,26 +1,12 @@
<template> <template>
<v-navigation-drawer clipped app> <div id="sidebar">
<v-toolbar flat class="transparent"> <h2>{{ this.$page.title }}</h2>
<v-list>
<v-list-tile>
<v-list-tile-title class="title">
{{ this.$page.title }}
</v-list-tile-title>
</v-list-tile>
</v-list>
</v-toolbar>
<v-list dense> <a v-for="link in this.$page.headers" v-bind:key="link.title" @click="goTo(link.slug)" v-bind:class="['level-' + link.level]">{{ link.title }}</a>
<v-list-tile v-for="link in this.$page.headers" v-bind:key="link.title" @click="goTo(link.slug)" v-bind:class="['level-' + link.level]">
<v-list-tile-content>
<v-list-tile-title>{{ link.title }}</v-list-tile-title>
</v-list-tile-content>
</v-list-tile>
</v-list>
</v-navigation-drawer> </div>
</template> </template>

221
.vuepress/theme/Layout.vue
View file

@ -1,146 +1,119 @@
<template> <template>
<v-app>
<!--/ <main>
<v-toolbar>
<v-toolbar-title class="align-center">
<span class="title"><router-link to="/">LBRY.tech</router-link></span>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-toolbar-items class="hidden-sm-and-down">
<v-btn flat to="/overview.html">Overview</v-btn>
<v-btn flat to="/documentation.html">Documentation</v-btn>
<v-btn flat to="/contribute.html">How to Contribute</v-btn>
<v-btn flat to="/develop.html">How to Develop</v-btn>
<v-btn flat to="/resources/">Resources</v-btn>
</v-toolbar-items>
</v-toolbar>
/-->
<nav class="navigation"> <nav class="navigation">
<div class="inner-wrap"> <div class="inner-wrap">
<a class="navigation__item" href="/" title="Go back home">LBRY</a> <router-link class="navigation__item" to="/" title="Go back home">LBRY</router-link>
<a class="navigation__item" href="/overview.html" title="TBD">Overview</a> <router-link class="navigation__item" to="/overview.html" title="TBD">Overview</router-link>
<a class="navigation__item" href="/documentation.html" title="TBD">Documentation</a> <router-link class="navigation__item" to="/documentation.html" title="TBD">Documentation</router-link>
<a class="navigation__item" href="/contribute.html" title="TBD">Contribute</a> <router-link class="navigation__item" to="/contribute.html" title="TBD">Contribute</router-link>
<a class="navigation__item" href="/develop.html" title="TBD">Develop</a> <router-link class="navigation__item" to="/develop.html" title="TBD">Develop</router-link>
<a class="navigation__item" href="/resources" title="TBD">Resources</a> <router-link class="navigation__item" to="/resources" title="TBD">Resources</router-link>
</div> </div>
</nav> </nav>
<v-content> <template v-if="$page.frontmatter.home">
<!--/ <section class="home hero">
<v-alert type="error" value="true" id="in-development-alert"> <div>
<strong>This website is in beta.</strong> We are actively developing this website to showcase and teach about the LBRY protocol. All things may not work as expected!<br/>This website is open source and you can <a href="https://github.com/lbryio/lbry.tech" target="_blank">contribute to it on Github</a>.</v-alert> <h2>
</v-alert> LBRY is a free, open, and community-run digital marketplace.<br/>
/--> Build the future of content freedom.
</h2>
</div>
</section>
<template v-if="$page.frontmatter.home"> <section class="home features">
<section class="home hero"> <ul class="home__features">
<div> <li class="home__feature">
<h2> <p class="home__feature__title"><strong>New to LBRY?</strong></p>
LBRY is a free, open, and community-run digital marketplace.<br/> <p class="home__feature__description">Learn how LBRY works in 3 easy steps</p>
Build the future of content freedom. <a class="home__feature__cta" href="">Check it out</a>
</h2> </li>
</div>
</section>
<section class="home features"> <li class="home__feature">
<ul class="home__features"> <p class="home__feature__title"><strong>Want to contribute?</strong></p>
<li class="home__feature"> <p class="home__feature__description">Start exploring our API and help make LBRY better</p>
<p class="home__feature__title"><strong>New to LBRY?</strong></p> <a class="home__feature__cta" href="">Jump in</a>
<p class="home__feature__description">Learn how LBRY works in 3 easy steps</p> </li>
<a class="home__feature__cta" href="">Check it out</a> </ul>
</li> </section>
<li class="home__feature"> <section class="home intro">
<p class="home__feature__title"><strong>Want to contribute?</strong></p> <div class="inner-wrap">
<p class="home__feature__description">Start exploring our API and help make LBRY better</p> <h3>Intro/Overview</h3>
<a class="home__feature__cta" href="">Jump in</a> <p>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?</p>
</li>
<p>That's the idea behind LBRY. To create a market for accessing and publishing information that is global, decentralized, robust, optimal and complete.</p>
<a class="cta" href="">Learn more</a>
</div>
</section>
<section class="home docs">
<div class="inner-wrap">
<h3>Documentation</h3>
<p>LBRY has enough moving parts to warrant comprehensive documentation. Whether you are interested in learning the technical details of our technology stack or you want to integrate LBRY into your life, you will find everything you need in our docs.</p>
<a class="cta" href="">Go deeper</a>
</div>
</section>
<section class="home contribute">
<div class="inner-wrap">
<h3>Contribute</h3>
<p>Interested in progressing content freedom? Awesome! No matter your experience or skill level, <strong>you</strong> can make a difference.</p>
<ul>
<li><a href="">Raising Issues</a></li>
<li><a href="">Coding</a></li>
<li><a href="">Creative</a></li>
<li><a href="">Translating</a></li>
<li><a href="">Testing</a></li>
</ul> </ul>
</section> </div>
</section>
<section class="home intro"> <section class="home develop">
<div class="inner-wrap"> <div class="inner-wrap">
<h3>Intro/Overview</h3> <h3>Development</h3>
<p>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?</p> <p>Like a bit of documentation but would prefer to jump in and make your mark on the blockchain? Perhaps add cats to it?</p>
<p>That's the idea behind LBRY. To create a market for accessing and publishing information that is global, decentralized, robust, optimal and complete.</p> <a class="cta" href="">Learn the LBRY API</a>
</div>
</section>
<a class="cta" href="">Learn more</a> <section class="home community">
</div> <div class="inner-wrap">
</section> <h3>Community</h3>
<p>Hang out with us! We have a vibrant community of lbryians and would be <em>delighted</em> if you joined us.</p>
<section class="home docs"> <ul>
<div class="inner-wrap"> <li><a href="//discord.gg/YjYbwhS">Discord</a></li>
<h3>Documentation</h3> <li><a href="//www.reddit.com/r/lbry">Reddit</a></li>
<p>LBRY has enough moving parts to warrant comprehensive documentation. Whether you are interested in learning the technical details of our technology stack or you want to integrate LBRY into your life, you will find everything you need in our docs.</p> <li><a href="//chat.lbry.io">Slack</a></li>
</ul>
</div>
</section>
<a class="cta" href="">Go deeper</a> <edit-link :path="this.$page.path"></edit-link>
</div> <router-link to="/sitemap.html">Sitemap</router-link>
</section> </template>
<section class="home contribute"> <template v-else-if="$page.path == '/whitepaper.html'">
<div class="inner-wrap"> <Content custom></Content>
<h3>Contribute</h3> </template>
<p>Interested in progressing content freedom? Awesome! No matter your experience or skill level, <strong>you</strong> can make a difference.</p>
<ul>
<li><a href="">Raising Issues</a></li>
<li><a href="">Coding</a></li>
<li><a href="">Creative</a></li>
<li><a href="">Translating</a></li>
<li><a href="">Testing</a></li>
</ul>
</div>
</section>
<section class="home develop">
<div class="inner-wrap">
<h3>Development</h3>
<p>Like a bit of documentation but would prefer to jump in and make your mark on the blockchain? Perhaps add cats to it?</p>
<a class="cta" href="">Learn the LBRY API</a>
</div>
</section>
<section class="home community">
<div class="inner-wrap">
<h3>Community</h3>
<p>Hang out with us! We have a vibrant community of lbryians and would be <em>delighted</em> if you joined us.</p>
<ul>
<li><a href="//discord.gg/YjYbwhS">Discord</a></li>
<li><a href="//www.reddit.com/r/lbry">Reddit</a></li>
<li><a href="//chat.lbry.io">Slack</a></li>
</ul>
</div>
</section>
<edit-link :path="this.$page.path"></edit-link>
<router-link to="/sitemap.html">Sitemap</router-link>
</template>
<template v-else-if="$page.path == '/whitepaper.html'">
<Content custom></Content>
</template>
<template v-else>
<section class="ancillary">
<div class="inner-wrap">
{{ $page.title }}
<Content custom></Content>
<edit-link :path="this.$page.path"></edit-link>
</div>
<template v-else>
<section class="ancillary">
<div class="inner-wrap">
{{ $page.title }}
<Content custom></Content>
<edit-link :path="this.$page.path"></edit-link> <edit-link :path="this.$page.path"></edit-link>
<router-link to="/sitemap.html">Sitemap</router-link> <router-link to="/sitemap.html">Sitemap</router-link>
</section> </div>
</template> </section>
</v-content> </template>
<footer class="footer"> <footer class="footer">
<div class="inner-wrap"> <div class="inner-wrap">
@ -157,17 +130,15 @@
</ul> </ul>
</div> </div>
</footer> </footer>
</v-app> </main>
</template> </template>
<script> <script>
import Vue from 'vue' import Vue from 'vue'
import Vuetify from 'vuetify'
import VueResource from 'vue-resource' import VueResource from 'vue-resource'
import VueHighlightJS from 'vue-highlightjs' import VueHighlightJS from 'vue-highlightjs'
Vue.use(Vuetify);
Vue.use(VueResource) Vue.use(VueResource)
Vue.use(VueHighlightJS) Vue.use(VueHighlightJS)

3
package.json
View file

@ -21,7 +21,6 @@
"vue-image-upload-resize": "^1.1.6", "vue-image-upload-resize": "^1.1.6",
"vue-images-loaded": "^1.1.2", "vue-images-loaded": "^1.1.2",
"vue-resource": "^1.5.0", "vue-resource": "^1.5.0",
"vuepress": "^0.8.3", "vuepress": "^0.8.3"
"vuetify": "^1.0.16"
} }
} }

4
yarn.lock
View file

@ -5862,10 +5862,6 @@ vuepress@^0.8.3:
webpackbar "^2.6.1" webpackbar "^2.6.1"
workbox-build "^3.1.0" workbox-build "^3.1.0"
vuetify@^1.0.16:
version "1.0.16"
resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-1.0.16.tgz#e59a4c7f2fb51ecbe3912d83dd1e98256aa0d9a6"
watchpack@^1.5.0: watchpack@^1.5.0:
version "1.5.0" version "1.5.0"
resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.5.0.tgz#231e783af830a22f8966f65c4c4bacc814072eed" resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.5.0.tgz#231e783af830a22f8966f65c4c4bacc814072eed"