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>
<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>
<script>

View file

@ -3,7 +3,7 @@
<h3 class="newsletter-cta__title">Don't Miss A Bit - Subscribe For LBRY Technical Updates</h3>
<div>
<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>
<p v-if="message" class="newsletter-cta__message">{{ message }}</p>
</div>

View file

@ -3,7 +3,7 @@
<input type="text" class="input" v-model="emailAddress" placeholder="your@email.com">
<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>
</div>
</template>

View file

@ -3,7 +3,7 @@
<ul class="feature-links">
<li v-for="featureLink in this.$page.frontmatter.featureLinks" v-on:click="visit(featureLink.href)" class="feature-link">
<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>

View file

@ -4,14 +4,14 @@
<h5 class="last-updated" v-on:click="updateFeed">Last updated: {{ formatDate(lastUpdated) }}</h5>
<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">
</a>
<p>
<template v-if="event.type == 'CommitCommentEvent'">
<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 v-else-if="event.type == 'CreateEvent'">
@ -26,46 +26,46 @@
<template v-else-if="event.type == 'ForkEvent'">
<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('forkee', event)" target="_blank">{{ event.payload.forkee.name }}</a></strong> in
<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)" title="View this repo fork on GitHub" target="_blank" rel="noopener noreferrer">{{ event.payload.forkee.name }}</a></strong> in
</template>
<template v-else-if="event.type == 'IssueCommentEvent'">
<strong>{{ event.actor.display_login }}</strong> commented on
<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 v-else-if="event.type == 'IssuesEvent'">
<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 v-else-if="event.type == 'PullRequestEvent'">
<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 v-else-if="event.type == 'PullRequestReviewCommentEvent'">
<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 v-else-if="event.type == 'PushEvent'">
<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 v-else-if="event.type == 'ReleaseEvent'">
<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 v-else-if="event.type == 'WatchEvent'">
<strong>{{ event.actor.display_login }}</strong> starred the repo
</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>
</p>
</div>

View file

@ -26,7 +26,7 @@
<div class="modal" v-model="uploadDialog" v-if="uploadDialog != false">
<template v-if="confirmed">
<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>
</template>

View file

@ -1,7 +1,7 @@
<template>
<ul id="sitemap">
<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>
</ul>
</template>

View file

@ -8,7 +8,7 @@
<div class="hook__page__hero__claim">
<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>
</header>
@ -24,7 +24,7 @@
<div class="xs12" v-if="jsonData">
<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>
<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>
<template v-if="!isLoading && !jsonData">

View file

@ -5,7 +5,7 @@
<header class="hook__page__hero">
<div class="inner-wrap">
<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>
</header>

View file

@ -5,12 +5,12 @@
<div class="inner-wrap">
<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>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">
<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>
<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>
</header>

View file

@ -2,19 +2,10 @@
padding-right: env(safe-area-inset-right);
padding-left: env(safe-area-inset-left);
h1, h2 {
text-align: center;
}
h1 {
font-size: 3rem;
margin-bottom: 1rem;
text-transform: uppercase;
}
h2 {
font-weight: 400;
font-weight: normal;
margin-bottom: 4rem;
text-align: center;
@media (min-width: 851px) {
font-size: 1.75rem;
@ -48,13 +39,26 @@
background-size: cover;
}
h2 {
h1 {
background-color: $white;
border: 1px solid rgba($black, 0.1);
box-decoration-break: clone;
display: inline;
font-weight: normal;
line-height: 2;
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>
<section class="hero">
<div>
<h2>
<h1>
LBRY is a free, open, and community-run digital marketplace.<br/>
Build the future of content freedom.
</h2>
</h1>
</div>
</section>
@ -106,45 +106,45 @@
<header class="page__header">
<div class="page__header-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>
</header>
<section class="page__content" itemprop="articleBody">
<div class="inner-wrap">
<h1>Whitepaper</h1>
<h2>Whitepaper</h2>
<h4>LBRY: A Decentralized Digital Content Marketplace</h4>
<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>
<h2>chainquery</h2>
<h3>chainquery</h3>
<ul>
<li><a href="https://github.com/lbryio/chainquery">Codebase</a></li>
<li><a href="">OpenAPI signature</a></li>
</ul>
<h2>lbry</h2>
<h3>lbry</h3>
<ul>
<li><a href="https://lbry.io/api">Codebase</a></li>
<li><a href="/resources/lbry.html">OpenAPI signature</a></li>
</ul>
<h2>lbrycrd</h2>
<h3>lbrycrd</h3>
<ul>
<li><a href="https://github.com/lbryio/lbrycrd">Codebase</a></li>
<li><a href="/resources/lbrycrd.html">OpenAPI signature</a></li>
</ul>
<h2>Lighthouse</h2>
<h3>Lighthouse</h3>
<ul>
<li><a href="https://lbryio.github.io/lighthouse">Codebase</a></li>
<li><a href="">OpenAPI signature</a></li>
</ul>
<h1>The Front Desk</h1>
<h2>The Front Desk</h2>
<h4>Latest news and musings from the LBRY team</h4>
<ul class="blog-posts">
@ -208,7 +208,7 @@
<header class="page__header">
<div class="page__header-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>
</header>
@ -232,11 +232,11 @@
<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.
</p>
<p></p>
<p>
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">contribute to it on Github</a>.
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>.
</p>
<button id="close-alert">&times;</button>
</div>
</section>

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.
### Commune Yourself
## Commune Yourself
<FeatureLinks/>

View file

@ -3,7 +3,7 @@ contributing: true
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.

View file

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