From 878ba5c732ca1c0f98253d5c0f9aecd3f47324ad 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?= <netopwibby@thenetwork.email>
Date: Mon, 18 Jun 2018 17:09:11 -0500
Subject: [PATCH] Closes #92 and fixes links without titles and whatnot

---
 content/.vuepress/components/EditLink.vue     |  2 +-
 .../.vuepress/components/EmailSubscribe.vue   |  2 +-
 .../components/EmailSubscribeLarge.vue        |  6 ++--
 content/.vuepress/components/FeatureLinks.vue |  2 +-
 content/.vuepress/components/GithubFeed.vue   | 22 +++++++--------
 content/.vuepress/components/Hook.vue         |  2 +-
 content/.vuepress/components/Sitemap.vue      |  4 +--
 content/.vuepress/components/Step1.vue        |  4 +--
 content/.vuepress/components/Step2.vue        |  2 +-
 content/.vuepress/components/Step3.vue        |  4 +--
 content/.vuepress/scss/pages/_home.scss       | 28 +++++++++++--------
 content/.vuepress/theme/Layout.vue            | 28 +++++++++----------
 content/build/index.md                        |  2 +-
 content/community/index.md                    |  2 +-
 content/contribute/index.md                   |  2 +-
 content/sitemap.md                            |  2 --
 16 files changed, 58 insertions(+), 56 deletions(-)

diff --git a/content/.vuepress/components/EditLink.vue b/content/.vuepress/components/EditLink.vue
index 1f327c9..9c9ba19 100644
--- a/content/.vuepress/components/EditLink.vue
+++ b/content/.vuepress/components/EditLink.vue
@@ -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>
diff --git a/content/.vuepress/components/EmailSubscribe.vue b/content/.vuepress/components/EmailSubscribe.vue
index d4663da..ca23876 100644
--- a/content/.vuepress/components/EmailSubscribe.vue
+++ b/content/.vuepress/components/EmailSubscribe.vue
@@ -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>
diff --git a/content/.vuepress/components/EmailSubscribeLarge.vue b/content/.vuepress/components/EmailSubscribeLarge.vue
index a56590d..32c095e 100644
--- a/content/.vuepress/components/EmailSubscribeLarge.vue
+++ b/content/.vuepress/components/EmailSubscribeLarge.vue
@@ -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>
@@ -25,7 +25,7 @@ export default {
         this.message = 'Your email is not valid!';
       } else {
         this.$http.post('//api.lbry.io/list/subscribe', {
-          email: this.emailAddress, 
+          email: this.emailAddress,
           tag: 'developer'
         }, {
           emulateJSON: true
@@ -69,4 +69,4 @@ export default {
   }
 }
 
-</style>
\ No newline at end of file
+</style>
diff --git a/content/.vuepress/components/FeatureLinks.vue b/content/.vuepress/components/FeatureLinks.vue
index bd4d5b1..8fa078d 100644
--- a/content/.vuepress/components/FeatureLinks.vue
+++ b/content/.vuepress/components/FeatureLinks.vue
@@ -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>
 
diff --git a/content/.vuepress/components/GithubFeed.vue b/content/.vuepress/components/GithubFeed.vue
index 3eed2b0..c6d4b5d 100644
--- a/content/.vuepress/components/GithubFeed.vue
+++ b/content/.vuepress/components/GithubFeed.vue
@@ -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>
diff --git a/content/.vuepress/components/Hook.vue b/content/.vuepress/components/Hook.vue
index 669de9d..f16e926 100644
--- a/content/.vuepress/components/Hook.vue
+++ b/content/.vuepress/components/Hook.vue
@@ -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>
 
diff --git a/content/.vuepress/components/Sitemap.vue b/content/.vuepress/components/Sitemap.vue
index 8631b25..9015ba5 100644
--- a/content/.vuepress/components/Sitemap.vue
+++ b/content/.vuepress/components/Sitemap.vue
@@ -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>
@@ -21,4 +21,4 @@ export default {
   },
   name: 'Sitemap'
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/content/.vuepress/components/Step1.vue b/content/.vuepress/components/Step1.vue
index 0f6832e..217f4d2 100644
--- a/content/.vuepress/components/Step1.vue
+++ b/content/.vuepress/components/Step1.vue
@@ -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">
diff --git a/content/.vuepress/components/Step2.vue b/content/.vuepress/components/Step2.vue
index 06c7602..afed2f3 100644
--- a/content/.vuepress/components/Step2.vue
+++ b/content/.vuepress/components/Step2.vue
@@ -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>
 
diff --git a/content/.vuepress/components/Step3.vue b/content/.vuepress/components/Step3.vue
index 1ce6785..3090dd4 100644
--- a/content/.vuepress/components/Step3.vue
+++ b/content/.vuepress/components/Step3.vue
@@ -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>
diff --git a/content/.vuepress/scss/pages/_home.scss b/content/.vuepress/scss/pages/_home.scss
index 0173d62..bad2220 100644
--- a/content/.vuepress/scss/pages/_home.scss
+++ b/content/.vuepress/scss/pages/_home.scss
@@ -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;
     }
   }
 
diff --git a/content/.vuepress/theme/Layout.vue b/content/.vuepress/theme/Layout.vue
index 5584eb2..ffba395 100644
--- a/content/.vuepress/theme/Layout.vue
+++ b/content/.vuepress/theme/Layout.vue
@@ -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>
diff --git a/content/build/index.md b/content/build/index.md
index 2b73078..85ca04c 100644
--- a/content/build/index.md
+++ b/content/build/index.md
@@ -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.
 
-#### Web Applications 
+#### Web Applications
 
 1. Set up a web server.
 1. Install lbry. (Docker images? Other convenient ways of doing this?)
diff --git a/content/community/index.md b/content/community/index.md
index 6a7c17f..4105775 100644
--- a/content/community/index.md
+++ b/content/community/index.md
@@ -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/>
diff --git a/content/contribute/index.md b/content/contribute/index.md
index 2606e2c..c45a6b3 100644
--- a/content/contribute/index.md
+++ b/content/contribute/index.md
@@ -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.
 
diff --git a/content/sitemap.md b/content/sitemap.md
index 413d6e8..6cbe493 100644
--- a/content/sitemap.md
+++ b/content/sitemap.md
@@ -2,6 +2,4 @@
 title: Sitemap
 ---
 
-# Sitemap
-
 <Sitemap></Sitemap>