From 3475e0543c458535ab659cb373feb35a12e87b23 Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Sat, 23 Apr 2016 19:27:51 +0200
Subject: [PATCH] Add page title and contribution notice

---
 public/components/about.js | 9 +++++++--
 public/components/app.js   | 3 ++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/public/components/about.js b/public/components/about.js
index f98b115..2506750 100644
--- a/public/components/about.js
+++ b/public/components/about.js
@@ -5,11 +5,10 @@ var About = React.createClass({
     render: function () {
         return (
             <div>
-                <h1>DAVIDS <small>DuplicAtes VIewer and Detector for Spotify</small></h1>
                 <h2>About</h2>
                 <p>
                     This application allows you to find duplicates in your Spotify playlists.
-                    At the moment, it does not offer to remove them for you.
+                    For the moment, it does not offer to remove them for you.
                 </p>
                 <p>
                     The app requests access to :
@@ -24,6 +23,12 @@ var About = React.createClass({
                         information about it.
                     </li>
                 </ul>
+                <h2>Contribute</h2>
+                <p>
+                    If you want to contribute to this project, feel free to
+                    <a href="https://github.com/Crocmagnon/DAVIDS/issues">open an issue</a> or
+                    <a href="https://github.com/Crocmagnon/DAVIDS/pulls">propose a pull-request</a>.
+                </p>
             </div>
         );
     }
diff --git a/public/components/app.js b/public/components/app.js
index 6cbe617..bde5876 100644
--- a/public/components/app.js
+++ b/public/components/app.js
@@ -104,7 +104,7 @@ var App = React.createClass({
         if (this.state.activeTab.finder) {
             content = (
                 <div>
-                    <h1>Login</h1>
+                    <h2>Login</h2>
                     <p>Please <a href="/login">login with Spotify</a> first :)</p>
                 </div>
             );
@@ -128,6 +128,7 @@ var App = React.createClass({
                 <Authenticate activeTab={this.state.activeTab} showFinder={this.showFinder} showAbout={this.showAbout}
                               auth={auth} refreshAuth={this.refreshAuth}/>
                 <div className="container-fluid">
+                    <h1>DAVIDS <small>DuplicAtes VIewer and Detector for Spotify</small></h1>
                     {content}
                 </div>
             </div>