From e3d96de203542f00735cec900b0f792b1ee63fd5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20M=C3=A9tais?= <gael.metais@gmail.com>
Date: Thu, 20 Nov 2014 16:54:11 +0100
Subject: [PATCH] Add articles links to the home page

---
 app/node_views/index.html         | 7 +++++++
 app/public/styles/index.css       | 8 ++++++++
 app/public/styles/less/index.less | 9 +++++++++
 3 files changed, 24 insertions(+)

diff --git a/app/node_views/index.html b/app/node_views/index.html
index f5f2b4a..6c0b603 100644
--- a/app/node_views/index.html
+++ b/app/node_views/index.html
@@ -15,6 +15,13 @@
         <input type="submit" value="Launch test" class="launchBtn" onclick="this.className += ' clicked'" />
     </form>
 
+    <div class="readings">
+        <h3>If you want to learn more...</h3>
+        <a target="_blank" href="http://gmetais.github.io/yellowlabtools/2014/11/20/what_is_yellow_lab_tools.html">What is Yellow Lab Tools?</a>
+        <br>
+        <a target="_blank" href="http://gmetais.github.io/yellowlabtools/2014/11/18/untangle_the_js_spaghetti_code.html">How to deeply analyze your JavaScript?</a>
+    </div>
+
     <div class="footer">
         <p><b>Yellow Lab Tools</b> is an open source project by <a href="http://www.gaelmetais.com" target="_blank">Gaël Métais</a>, based on <a href="https://github.com/macbre/phantomas" target="_blank">Phantomas</a>.<br>If you like it, <a href="https://github.com/gmetais/YellowLabTools" target="_blank" class="star">give it a <span>&#9733;</span> on GitHub</a>!</p>
     </div>
diff --git a/app/public/styles/index.css b/app/public/styles/index.css
index a555cef..87521c5 100644
--- a/app/public/styles/index.css
+++ b/app/public/styles/index.css
@@ -10,6 +10,14 @@
   background: #e74c3c;
   color: #fff;
 }
+.readings {
+  margin-top: 5em;
+  font-size: 0.8em;
+}
+.readings a {
+  color: inherit;
+  line-height: 1.7em;
+}
 input[type=submit],
 input.url {
   padding: 0 0.5em;
diff --git a/app/public/styles/less/index.less b/app/public/styles/less/index.less
index ff487ad..bc40851 100644
--- a/app/public/styles/less/index.less
+++ b/app/public/styles/less/index.less
@@ -13,6 +13,15 @@
     color: #fff;
 }
 
+.readings {
+    margin-top: 5em;
+    font-size: 0.8em;
+    & a {
+        color: inherit;
+        line-height: 1.7em;
+    }
+}
+
 input[type=submit], input.url {
     padding: 0 0.5em;
     margin: 0.5em;