Closes #92 and fixes links without titles and whatnot

This commit is contained in:
ポール ウェッブ 2018-06-18 17:09:11 -05:00
parent 27b317d1c9
commit 878ba5c732
16 changed files with 58 additions and 56 deletions

View file

@ -1,5 +1,5 @@
<template> <template>
<a v-bind:href="githubUrl" target="_blank" title="Edit this page on GitHub">Edit this page on GitHub</a> <a v-bind:href="githubUrl" target="_blank" rel="noopener noreferrer" title="Edit this page on GitHub">Edit this page on GitHub</a>
</template> </template>
<script> <script>

View file

@ -3,7 +3,7 @@
<h3 class="newsletter-cta__title">Don't Miss A Bit - Subscribe For LBRY Technical Updates</h3> <h3 class="newsletter-cta__title">Don't Miss A Bit - Subscribe For LBRY Technical Updates</h3>
<div> <div>
<input type="text" class="newsletter-cta__input" v-model="emailAddress" placeholder="you@domain.tld"> <input type="text" class="newsletter-cta__input" v-model="emailAddress" placeholder="you@domain.tld">
<a class="newsletter-cta__submit" href="#" v-on:click.prevent="subscribe">Subscribe</a> <a class="newsletter-cta__submit" href="#" v-on:click.prevent="subscribe" title="Subscribe to our technical newsletter">Subscribe</a>
</div> </div>
<p v-if="message" class="newsletter-cta__message">{{ message }}</p> <p v-if="message" class="newsletter-cta__message">{{ message }}</p>
</div> </div>

View file

@ -3,7 +3,7 @@
<input type="text" class="input" v-model="emailAddress" placeholder="your@email.com"> <input type="text" class="input" v-model="emailAddress" placeholder="your@email.com">
<br/> <br/>
<br/> <br/>
<a class="__button-black" href="#" v-on:click.prevent="subscribe">Subscribe</a> <a class="__button-black" href="#" v-on:click.prevent="subscribe" title="Subscribe to our technical newsletter">Subscribe</a>
<p v-if="message" class="message">{{ message }}</p> <p v-if="message" class="message">{{ message }}</p>
</div> </div>
</template> </template>
@ -25,7 +25,7 @@ export default {
this.message = 'Your email is not valid!'; this.message = 'Your email is not valid!';
} else { } else {
this.$http.post('//api.lbry.io/list/subscribe', { this.$http.post('//api.lbry.io/list/subscribe', {
email: this.emailAddress, email: this.emailAddress,
tag: 'developer' tag: 'developer'
}, { }, {
emulateJSON: true emulateJSON: true
@ -69,4 +69,4 @@ export default {
} }
} }
</style> </style>

View file

@ -3,7 +3,7 @@
<ul class="feature-links"> <ul class="feature-links">
<li v-for="featureLink in this.$page.frontmatter.featureLinks" v-on:click="visit(featureLink.href)" class="feature-link"> <li v-for="featureLink in this.$page.frontmatter.featureLinks" v-on:click="visit(featureLink.href)" class="feature-link">
<div> <div>
<a :href="featureLink.href" class="feature-link__title">{{ featureLink.title }}</a> <a :href="featureLink.href" class="feature-link__title" :title="featureLink.title">{{ featureLink.title }}</a>
<div v-if="featureLink.details" class="feature-link__details">{{ featureLink.details }}</div> <div v-if="featureLink.details" class="feature-link__details">{{ featureLink.details }}</div>
</div> </div>

View file

@ -4,14 +4,14 @@
<h5 class="last-updated" v-on:click="updateFeed">Last updated: {{ formatDate(lastUpdated) }}</h5> <h5 class="last-updated" v-on:click="updateFeed">Last updated: {{ formatDate(lastUpdated) }}</h5>
<div v-for="event in events" class="github-feed__event"> <div v-for="event in events" class="github-feed__event">
<a v-bind:href="generateGithubUrl('actor',event)" target="_blank"> <a v-bind:href="generateGithubUrl('actor', event)" target="_blank" rel="noopener noreferrer">
<img v-bind:src="event.actor.avatar_url" class="github-feed__event__avatar"> <img v-bind:src="event.actor.avatar_url" class="github-feed__event__avatar">
</a> </a>
<p> <p>
<template v-if="event.type == 'CommitCommentEvent'"> <template v-if="event.type == 'CommitCommentEvent'">
<strong>{{ event.actor.display_login }}</strong> commented on <strong>{{ event.actor.display_login }}</strong> commented on
<a v-bind:href="generateGithubUrl('comment', event)">commit</a> in <a v-bind:href="generateGithubUrl('comment', event)" title="View this comment on GitHub">commit</a> in
</template> </template>
<template v-else-if="event.type == 'CreateEvent'"> <template v-else-if="event.type == 'CreateEvent'">
@ -26,46 +26,46 @@
<template v-else-if="event.type == 'ForkEvent'"> <template v-else-if="event.type == 'ForkEvent'">
<strong>{{ event.actor.display_login }}</strong> forked <strong>{{ event.actor.display_login }}</strong> forked
<strong><a v-bind:href="generateGithubUrl('repo', event)" target="_blank">{{ event.repo.name }}</a></strong> to <strong><a v-bind:href="generateGithubUrl('repo', event)" title="View this repo on GitHub" target="_blank" rel="noopener noreferrer">{{ event.repo.name }}</a></strong> to
<strong><a v-bind:href="generateGithubUrl('forkee', event)" target="_blank">{{ event.payload.forkee.name }}</a></strong> in <strong><a v-bind:href="generateGithubUrl('forkee', event)" title="View this repo fork on GitHub" target="_blank" rel="noopener noreferrer">{{ event.payload.forkee.name }}</a></strong> in
</template> </template>
<template v-else-if="event.type == 'IssueCommentEvent'"> <template v-else-if="event.type == 'IssueCommentEvent'">
<strong>{{ event.actor.display_login }}</strong> commented on <strong>{{ event.actor.display_login }}</strong> commented on
<template v-if="event.payload.issue.pull_request">pull request </template><template v-else>issue </template> <template v-if="event.payload.issue.pull_request">pull request </template><template v-else>issue </template>
<em><a v-bind:href="generateGithubUrl('issue', event)" target="_blank">{{ event.payload.issue.title }}</a></em> in <em><a v-bind:href="generateGithubUrl('issue', event)" title="View this comment on GitHub" target="_blank" rel="noopener noreferrer">{{ event.payload.issue.title }}</a></em> in
</template> </template>
<template v-else-if="event.type == 'IssuesEvent'"> <template v-else-if="event.type == 'IssuesEvent'">
<strong>{{ event.actor.display_login }}</strong> {{ event.payload.action }} issue <strong>{{ event.actor.display_login }}</strong> {{ event.payload.action }} issue
<em><a v-bind:href="generateGithubUrl('issue', event)" target="_blank">{{ event.payload.issue.title }}</a></em> in <em><a v-bind:href="generateGithubUrl('issue', event)" title="View this issue on GitHub" target="_blank" rel="noopener noreferrer">{{ event.payload.issue.title }}</a></em> in
</template> </template>
<template v-else-if="event.type == 'PullRequestEvent'"> <template v-else-if="event.type == 'PullRequestEvent'">
<strong>{{ event.actor.display_login }}</strong> {{ event.payload.action }} pull request <strong>{{ event.actor.display_login }}</strong> {{ event.payload.action }} pull request
<em><a v-bind:href="generateGithubUrl('pull_request', event)" target="_blank">{{ event.payload.pull_request.title }}</a></em> in <em><a v-bind:href="generateGithubUrl('pull_request', event)" title="View this pull request on GitHub" target="_blank" rel="noopener noreferrer">{{ event.payload.pull_request.title }}</a></em> in
</template> </template>
<template v-else-if="event.type == 'PullRequestReviewCommentEvent'"> <template v-else-if="event.type == 'PullRequestReviewCommentEvent'">
<strong>{{ event.actor.display_login }}</strong> commented on pull request <strong>{{ event.actor.display_login }}</strong> commented on pull request
<em><a v-bind:href="generateGithubUrl('pull_request', event)" target="_blank">{{ event.payload.pull_request.title }}</a></em> in <em><a v-bind:href="generateGithubUrl('pull_request', event)" title="View this comment on GitHub" target="_blank" rel="noopener noreferrer">{{ event.payload.pull_request.title }}</a></em> in
</template> </template>
<template v-else-if="event.type == 'PushEvent'"> <template v-else-if="event.type == 'PushEvent'">
<strong>{{ event.actor.display_login }}</strong> pushed to <strong>{{ event.actor.display_login }}</strong> pushed to
<code><a v-bind:href="generateGithubUrl('push', event)" target="_blank">{{ refToBranch(event.payload.ref) }}</a></code> in <code><a v-bind:href="generateGithubUrl('push', event)" title="View this branch on GitHub" target="_blank" rel="noopener noreferrer">{{ refToBranch(event.payload.ref) }}</a></code> in
</template> </template>
<template v-else-if="event.type == 'ReleaseEvent'"> <template v-else-if="event.type == 'ReleaseEvent'">
<strong>{{ event.actor.display_login }}</strong> released <strong>{{ event.actor.display_login }}</strong> released
<em><a v-bind:href="generateGithubUrl('release', event)" target="_blank">{{ event.payload.release.tag_name }}</a></em> in <em><a v-bind:href="generateGithubUrl('release', event)" title="View this release on GitHub" target="_blank" rel="noopener noreferrer">{{ event.payload.release.tag_name }}</a></em> in
</template> </template>
<template v-else-if="event.type == 'WatchEvent'"> <template v-else-if="event.type == 'WatchEvent'">
<strong>{{ event.actor.display_login }}</strong> starred the repo <strong>{{ event.actor.display_login }}</strong> starred the repo
</template> </template>
<a v-bind:href="generateGithubUrl('repo', event)" target="_blank"><strong>{{ event.repo.name }}</strong></a> <a v-bind:href="generateGithubUrl('repo', event)" title="View this repo on GitHub" target="_blank" rel="noopener noreferrer"><strong>{{ event.repo.name }}</strong></a>
<em class="github-feed__event__time">{{ event.created_at | moment('from') }}</em> <em class="github-feed__event__time">{{ event.created_at | moment('from') }}</em>
</p> </p>
</div> </div>

View file

@ -26,7 +26,7 @@
<div class="modal" v-model="uploadDialog" v-if="uploadDialog != false"> <div class="modal" v-model="uploadDialog" v-if="uploadDialog != false">
<template v-if="confirmed"> <template v-if="confirmed">
<h3>Your image has been published!</h3> <h3>Your image has been published!</h3>
<p><a v-bind:href="'https://explorer.lbry.io/tx/' + txhash" target="_blank">Check out your content on the LBRY blockchain explorer</a></p> <p><a v-bind:href="'https://explorer.lbry.io/tx/' + txhash" target="_blank" rel="noopener noreferrer">Check out your content on the LBRY blockchain explorer</a></p>
<a href="#" class="__button-black" v-on:click="uploadDialog = false">Dismiss this dialog</a> <a href="#" class="__button-black" v-on:click="uploadDialog = false">Dismiss this dialog</a>
</template> </template>

View file

@ -1,7 +1,7 @@
<template> <template>
<ul id="sitemap"> <ul id="sitemap">
<li v-for="route in routes"> <li v-for="route in routes">
<router-link v-bind:to="route.path">{{ route.path }}</router-link> <router-link v-bind:to="route.path" :title="'Visit lbry.tech' + route.path">{{ route.path }}</router-link>
</li> </li>
</ul> </ul>
</template> </template>
@ -21,4 +21,4 @@ export default {
}, },
name: 'Sitemap' name: 'Sitemap'
} }
</script> </script>

View file

@ -8,7 +8,7 @@
<div class="hook__page__hero__claim"> <div class="hook__page__hero__claim">
<span>lbry://</span><input type="text" v-model="address" placeholder=" Claim URI goes here"/> <span>lbry://</span><input type="text" v-model="address" placeholder=" Claim URI goes here"/>
<a href="#" v-on:click="fetchMetadata" class="button">Execute</a> <a href="#" v-on:click="fetchMetadata" class="button" title="Execute claim">Execute</a>
</div> </div>
</div> </div>
</header> </header>
@ -24,7 +24,7 @@
<div class="xs12" v-if="jsonData"> <div class="xs12" v-if="jsonData">
<p>Success! Here is the response for <strong>lbry://{{ address }}</strong>:</p> <p>Success! Here is the response for <strong>lbry://{{ address }}</strong>:</p>
<pre><code class="json"><span v-html="highlight('json',jsonData)"></span></code></pre> <pre><code class="json"><span v-html="highlight('json',jsonData)"></span></code></pre>
<a href="#" class="__button-black" v-on:click="goTo(2)">Go to next step</a> <a href="#" class="__button-black" v-on:click="goTo(2)" title="Proceed to step two">Go to next step</a>
</div> </div>
<template v-if="!isLoading && !jsonData"> <template v-if="!isLoading && !jsonData">

View file

@ -5,7 +5,7 @@
<header class="hook__page__hero"> <header class="hook__page__hero">
<div class="inner-wrap"> <div class="inner-wrap">
<h1>Publish your content on the blockchain</h1> <h1>Publish your content on the blockchain</h1>
<p>Upload an image to the blockchain and you are able to view it on the <a href="http://explorer.lbry.io" title="LBRY Blockchain Explorer" target="_blank">LBRY Blockchain Explorer</a>.</p> <p>Upload an image to the blockchain and you are able to view it on the <a href="http://explorer.lbry.io" title="LBRY Blockchain Explorer" target="_blank" rel="noopener noreferrer">LBRY Blockchain Explorer</a>.</p>
</div> </div>
</header> </header>

View file

@ -5,12 +5,12 @@
<div class="inner-wrap"> <div class="inner-wrap">
<h1>Support your favorite content creators with LBRY</h1> <h1>Support your favorite content creators with LBRY</h1>
<p>Send LBRY coins to claim addresses and the owner will receive it in their wallet.</p> <p>Send LBRY coins to claim addresses and the owner will receive it in their wallet.</p>
<p>To send LBC to someone, you need either their wallet address or claim ID. You can get claim IDs by using the resolve method in <a href="#" v-on:click.prevent.stop="goTo(1)">the first step</a>, or you can use the examples below.</p> <p>To send LBC to someone, you need either their wallet address or claim ID. You can get claim IDs by using the resolve method in <a href="#" v-on:click.prevent.stop="goTo(1)" title="Go back to step one">the first step</a>, or you can use the examples below.</p>
<div class="hook__page__hero__support"> <div class="hook__page__hero__support">
<input type="text" v-model="claimId" placeholder="Claim ID goes here"/> <input type="text" v-model="claimId" placeholder="Claim ID goes here"/>
<input type="number" v-model="amount" disabled title="You can set this value to any amount of LBC in your wallet, but for demonstration purposes we have hardcoded it to 0.01"><span>LBC</span> <input type="number" v-model="amount" disabled title="You can set this value to any amount of LBC in your wallet, but for demonstration purposes we have hardcoded it to 0.01"><span>LBC</span>
<a href="#" v-on:click="send" class="button">Execute</a> <a href="#" v-on:click="send" class="button" title="Execute claim">Execute</a>
</div> </div>
</div> </div>
</header> </header>

View file

@ -2,19 +2,10 @@
padding-right: env(safe-area-inset-right); padding-right: env(safe-area-inset-right);
padding-left: env(safe-area-inset-left); padding-left: env(safe-area-inset-left);
h1, h2 {
text-align: center;
}
h1 {
font-size: 3rem;
margin-bottom: 1rem;
text-transform: uppercase;
}
h2 { h2 {
font-weight: 400; font-weight: normal;
margin-bottom: 4rem; margin-bottom: 4rem;
text-align: center;
@media (min-width: 851px) { @media (min-width: 851px) {
font-size: 1.75rem; font-size: 1.75rem;
@ -48,13 +39,26 @@
background-size: cover; background-size: cover;
} }
h2 { h1 {
background-color: $white; background-color: $white;
border: 1px solid rgba($black, 0.1); border: 1px solid rgba($black, 0.1);
box-decoration-break: clone; box-decoration-break: clone;
display: inline; display: inline;
font-weight: normal;
line-height: 2; line-height: 2;
padding: 0.4rem 1rem; padding: 0.4rem 1rem;
@media (min-width: 851px) {
font-size: 1.75rem;
}
@media (max-width: 850px) {
font-size: 1.25rem;
}
// font-size: 3rem;
// margin-bottom: 1rem;
// text-transform: uppercase;
} }
} }

View file

@ -16,10 +16,10 @@
<div> <div>
<section class="hero"> <section class="hero">
<div> <div>
<h2> <h1>
LBRY is a free, open, and community-run digital marketplace.<br/> LBRY is a free, open, and community-run digital marketplace.<br/>
Build the future of content freedom. Build the future of content freedom.
</h2> </h1>
</div> </div>
</section> </section>
@ -106,45 +106,45 @@
<header class="page__header"> <header class="page__header">
<div class="page__header-wrap"> <div class="page__header-wrap">
<div class="inner-wrap"> <div class="inner-wrap">
<h2 class="page__header__title" itemprop="name headline">{{ $page.title }}</h2> <h1 class="page__header__title" itemprop="name headline">{{ $page.title }}</h1>
</div> </div>
</div> </div>
</header> </header>
<section class="page__content" itemprop="articleBody"> <section class="page__content" itemprop="articleBody">
<div class="inner-wrap"> <div class="inner-wrap">
<h1>Whitepaper</h1> <h2>Whitepaper</h2>
<h4>LBRY: A Decentralized Digital Content Marketplace</h4> <h4>LBRY: A Decentralized Digital Content Marketplace</h4>
<p>Some info here about the whitepaper and <a href="/whitepaper.html">a link</a>.</p> <p>Some info here about the whitepaper and <a href="/whitepaper.html">a link</a>.</p>
<h1>API Specification</h1> <h2>API Specification</h2>
<h4>All of our APIs, in one place</h4> <h4>All of our APIs, in one place</h4>
<h2>chainquery</h2> <h3>chainquery</h3>
<ul> <ul>
<li><a href="https://github.com/lbryio/chainquery">Codebase</a></li> <li><a href="https://github.com/lbryio/chainquery">Codebase</a></li>
<li><a href="">OpenAPI signature</a></li> <li><a href="">OpenAPI signature</a></li>
</ul> </ul>
<h2>lbry</h2> <h3>lbry</h3>
<ul> <ul>
<li><a href="https://lbry.io/api">Codebase</a></li> <li><a href="https://lbry.io/api">Codebase</a></li>
<li><a href="/resources/lbry.html">OpenAPI signature</a></li> <li><a href="/resources/lbry.html">OpenAPI signature</a></li>
</ul> </ul>
<h2>lbrycrd</h2> <h3>lbrycrd</h3>
<ul> <ul>
<li><a href="https://github.com/lbryio/lbrycrd">Codebase</a></li> <li><a href="https://github.com/lbryio/lbrycrd">Codebase</a></li>
<li><a href="/resources/lbrycrd.html">OpenAPI signature</a></li> <li><a href="/resources/lbrycrd.html">OpenAPI signature</a></li>
</ul> </ul>
<h2>Lighthouse</h2> <h3>Lighthouse</h3>
<ul> <ul>
<li><a href="https://lbryio.github.io/lighthouse">Codebase</a></li> <li><a href="https://lbryio.github.io/lighthouse">Codebase</a></li>
<li><a href="">OpenAPI signature</a></li> <li><a href="">OpenAPI signature</a></li>
</ul> </ul>
<h1>The Front Desk</h1> <h2>The Front Desk</h2>
<h4>Latest news and musings from the LBRY team</h4> <h4>Latest news and musings from the LBRY team</h4>
<ul class="blog-posts"> <ul class="blog-posts">
@ -208,7 +208,7 @@
<header class="page__header"> <header class="page__header">
<div class="page__header-wrap"> <div class="page__header-wrap">
<div class="inner-wrap"> <div class="inner-wrap">
<h2 class="page__header__title" itemprop="name headline">{{ $page.title }}</h2> <h1 class="page__header__title" itemprop="name headline">{{ $page.title }}</h1>
</div> </div>
</div> </div>
</header> </header>
@ -232,11 +232,11 @@
<strong>This website is in beta and under heavy development.</strong> <strong>This website is in beta and under heavy development.</strong>
All information should be considered incomplete and possibly incorrect and things may not work as expected. All information should be considered incomplete and possibly incorrect and things may not work as expected.
</p> </p>
<p></p>
<p> <p>
Please do not share or link this site publicly while this message is here. Please do not share or link this site publicly while this message is here. This website is open source and you can <a href="https://github.com/lbryio/lbry.tech" target="_blank" rel="noopener noreferrer">contribute to it on Github</a>.
This website is open source and you can <a href="https://github.com/lbryio/lbry.tech" target="_blank">contribute to it on Github</a>.
</p> </p>
<button id="close-alert">&times;</button> <button id="close-alert">&times;</button>
</div> </div>
</section> </section>

View file

@ -23,7 +23,7 @@ At least, it's the place to get started so long as you have some idea of what LB
Almost all web, desktop, and mobile applications will use the [lbry daemon](https://github.com/lbryio/lbry) as a way of accessing and communicating with the LBRY network. Almost all web, desktop, and mobile applications will use the [lbry daemon](https://github.com/lbryio/lbry) as a way of accessing and communicating with the LBRY network.
#### Web Applications #### Web Applications
1. Set up a web server. 1. Set up a web server.
1. Install lbry. (Docker images? Other convenient ways of doing this?) 1. Install lbry. (Docker images? Other convenient ways of doing this?)

View file

@ -27,6 +27,6 @@ Sometimes we say that the LBRY [[blockchain]] is the foundation of the LBRY prot
The foundation of LBRY is the community of people that make it possible. LBRY uses computers to move bits around, but it's people that tell them how. The foundation of LBRY is the community of people that make it possible. LBRY uses computers to move bits around, but it's people that tell them how.
### Commune Yourself ## Commune Yourself
<FeatureLinks/> <FeatureLinks/>

View file

@ -3,7 +3,7 @@ contributing: true
title: Contributing title: Contributing
--- ---
# Contributing to LBRY ## Contributing to LBRY
Interested in working on the LBRY protocol, an official LBRY app, or other LBRY infrastructure? Awesome! This guide will get you started. Interested in working on the LBRY protocol, an official LBRY app, or other LBRY infrastructure? Awesome! This guide will get you started.

View file

@ -2,6 +2,4 @@
title: Sitemap title: Sitemap
--- ---
# Sitemap
<Sitemap></Sitemap> <Sitemap></Sitemap>