From f54d3db1fc02cb283e0c515aa46663907f22b791 Mon Sep 17 00:00:00 2001
From: tas12 <tsultanah89@gmail.com>
Date: Tue, 7 Jun 2016 14:51:22 +0100
Subject: [PATCH 1/4] reorder menu items

---
 views/index.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/views/index.html b/views/index.html
index 8d4b3ad..22820e8 100644
--- a/views/index.html
+++ b/views/index.html
@@ -4,7 +4,7 @@
       <a href="/listen" class="menu menuCircle">Listen</a>
     </div>
     <div class="col-md-4 col-sm-12">
-      <a href="/learn" class="menu menuCircle">Learn</a>
+      <a href="/screen" class="menu menuCircle">Screen</a>
     </div>
     <div class="col-md-4 col-sm-12">
       <a href="/refer" class="menu menuCircle">Refer</a>
@@ -13,7 +13,7 @@
 
   <div class="row">
     <div class="col-md-4 col-sm-12">
-      <a href="/screen" class="menu menuCircle">Screen</a>
+      <a href="/learn" class="menu menuCircle">Learn</a>
     </div>
     <div class="col-md-4 col-sm-12">
       <a href="/remind" class="menu menuCircle">Remind</a>
@@ -23,3 +23,5 @@
     </div>
   </div>
 </div>
+Listen, Screen, Refer
+Row 2 Learn, Remind, About

From ec74c828e972c962408da121999fb97a487fcbdd Mon Sep 17 00:00:00 2001
From: tas12 <tsultanah89@gmail.com>
Date: Tue, 7 Jun 2016 15:05:45 +0100
Subject: [PATCH 2/4] remove words

---
 views/index.html | 2 --
 1 file changed, 2 deletions(-)

diff --git a/views/index.html b/views/index.html
index 22820e8..ca4dcdc 100644
--- a/views/index.html
+++ b/views/index.html
@@ -23,5 +23,3 @@
     </div>
   </div>
 </div>
-Listen, Screen, Refer
-Row 2 Learn, Remind, About

From ea764995a4b96403e3dad35e920cc4dd82a192ec Mon Sep 17 00:00:00 2001
From: tas12 <tsultanah89@gmail.com>
Date: Tue, 7 Jun 2016 15:56:09 +0100
Subject: [PATCH 3/4] add collapsible buttons

---
 views/learn.html | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/views/learn.html b/views/learn.html
index 388e24b..13af6cd 100644
--- a/views/learn.html
+++ b/views/learn.html
@@ -11,15 +11,21 @@ <h2 class="letterSize">
   <div class="panel panel-default">
   <div class="panel-body">
     {{#each learn}}
-      <div class="learnSection">
-        <h2>{{this.category}}</h2>
-        <h3>{{this.subtitle}}</h3>
-        {{#each this.things_to_know}}
-          <p>{{this}}</p>
-        {{/each}}
+    <div class="container">
+      <h2>{{this.category}}</h2>
+      <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#{{@index}}">{{this.subtitle}}</button>
+      <div id="{{@index}}" class="collapse">
+        <div>
+          {{#each this.thingsToKnow}}
+            <p>{{this}}</p>
+          {{/each}}
+          <a href="{{this.link}}">{{this.link}}</a>
+        </div>
+
       </div>
+    </div>
       <div class="buttonsContainer">
     {{/each}}
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>

From 86e56851030db76e1b993ca427873385be1bde89 Mon Sep 17 00:00:00 2001
From: tas12 <tsultanah89@gmail.com>
Date: Tue, 7 Jun 2016 16:02:29 +0100
Subject: [PATCH 4/4] make words bold

---
 views/listen.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/views/listen.html b/views/listen.html
index c8ee65a..9ede3fc 100644
--- a/views/listen.html
+++ b/views/listen.html
@@ -3,27 +3,27 @@
     <div class="row">
       <div class="col-md-2 col-sm-12">
         <h2 class="l">L</h2>
-        <p class="lp">Listen nonjudgmentally and empathically gather</p>
+        <p class="lp"><strong>Listen</strong> nonjudgmentally and empathically gather</p>
       </div>
-      <div class="col-md-2 col-sm-12"> 
-        <h2 class="i">I</h2> 
-        <p class="ip">Gather Information, ask open questions, don't push</p>
+      <div class="col-md-2 col-sm-12">
+        <h2 class="i">I</h2>
+        <p class="ip">Gather <strong>Information</strong>, ask open questions, don't push</p>
       </div>
       <div class="col-md-2 col-sm-12">
         <h2 class="s">S</h2>
-        <p class="sp">Assess people's risk of harm, Self-harm or Suicide</p>
+        <p class="sp">Assess people's risk of harm, <strong>Self-harm or Suicide</strong></p>
       </div>
       <div class="col-md-2 col-sm-12">
         <h2 class="t">T</h2>
-        <p class="tp">Tell them useful information about their problem, reassure</p>
+        <p class="tp"><strong>Tell</strong> them useful information about their problem, reassure</p>
       </div>
       <div class="col-md-2 col-sm-12">
         <h2 class="e">E</h2>
-        <p class="ep">Encouraging self-help and other support strategies</p>
+        <p class="ep"><strong>Encouraging</strong> self-help and other support strategies</p>
       </div>
       <div class="col-md-2 col-sm-12">
         <h2 class="n">N</h2>
-        <p class="np">Not alone, follow up and direct to appropriate professional help</p>
+        <p class="np"><strong>Not alone</strong>, follow up and direct to appropriate professional help</p>
       </div>
     </div>
   </div>
@@ -38,5 +38,5 @@ <h3 id='convoStarter' class="panel-title">Conversation Starters</h3>
         </div>
         {{/each}}
       </div>
-    </div> 
-</div>
\ No newline at end of file
+    </div>
+</div>