Improved styling and layout on home and search pages, and fixed search on search page

client-side-source/styles/pages.less

@@ -2,9 +2,6 @@
 @import "constants";
 
 
-
-
-
 /***********\
  * Nav Bar *
 \***********/
@@ -35,8 +32,16 @@ h1.title{
 \*************/
 .home-card{
   width: 100%;
+  margin: 0.5em 1em;
   img{ width: 100% }
-  .card-content{ padding: 0.5em 1em; }
+  .card-content{
+    padding: 0.1em 1em;
+    span{
+      font-size: 1.2rem;
+      letter-spacing: 2px;
+      line-height: 28px !important;
+    }
+  }
 }
 
 #github-corner{
@@ -64,10 +69,12 @@ h1.title{
 
 #part-2{
   z-index: 8;
-  min-height: 100%;
+  min-height: 98%;
   background: @col_palegrey;
   display: block;
   .container{ max-width: 80%; }
+  h2{ margin: 0}
+  p{ margin: 0.5em 0; }
 }
 
 .home-hexagons{
@@ -101,7 +108,11 @@ h1.title{
   }
 }
 
-.home-row{ z-index: 5;}
+.home-row{
+  z-index: 5;
+  h3:first-of-type{ margin-top: 5px; }
+  .input-field{ margin-top: 2em; }
+}
 
 
 /**************\

views/footer.jade

@@ -2,17 +2,22 @@ footer.page-footer.zero-padding
   .container
     .row
       .col.l6.s12
-        h5.white-text Sentiment Sweep
+        a(href='/'): h5.white-text Sentiment Sweep
         p.grey-text.text-lighten-4 The ultimate social media sentiment analysis tool
       .col.s3
         ul
-          each page in pages.splice(0,4)
+          li: b: a.grey-text.text-lighten-3(href='/') Main Menu
+          each page in pages.splice(0,7)
             li: a.grey-text.text-lighten-3(href='/#{page.page}')= page.title
 
       .col.s3
         ul
           each page in pages.splice(0,6)
             li: a.grey-text.text-lighten-3(href='/#{page.page}')= page.title
+          li: a.grey-text.text-lighten-3(href='/break-down') Topic Breakdown
+          li: a.grey-text.text-lighten-3(href='/hexagons') Sentiment Hexagons
+          li: a.grey-text.text-lighten-3(href='/word-scatter-plot') Word Scatter Plot
+          li: a.grey-text.text-lighten-3(href='/sa-comparison') SA Method Comparison
 
 
   .footer-copyright

views/index.jade

@@ -24,6 +24,10 @@ block content
               p A series of dynamic data visualisations are then used to
                 | illustrate the results, and find trends between sentiment and
                 | other factors such as time of day, location, topic, country, people etc
+
+              p It's open sauce, and the code and documentation can be viewed
+                | on <a href='https://github.com/Lissy93/twitter-sentiment-visualisation'>GitHub</a>
+
               a.waves-effect.waves-teal.btn-flat.pull-right(href='/about') Read More...
           .col.s6
             .card-panel
@@ -62,17 +66,19 @@ block content
                       .card-content
                         span.card-title.grey-text.text-darken-4= page.title
 
+
+
     footer
         .footer-copyright
             .row
                 .col.s3
                     p
                 .col.s2
-                    a.small-grey(href='/about') About Sentiment Sweep
+                    a.small-grey.right(href='/about') About Sentiment Sweep
                 .col.s2
-                    a.small-grey(href='https://github.com/Lissy93/twitter-sentiment-visualisation') Source Code and Documentation
+                    a.small-grey.right(href='https://github.com/Lissy93/twitter-sentiment-visualisation') Source Code and Documentation
                 .col.s2
-                    a.small-grey(href='http://aliciasykes.com') &copy; Alicia Sykes 2016
+                    a.small-grey.right(href='http://aliciasykes.com') &copy; Alicia Sykes 2016
 
 block scripts
   script.

views/page_about.jade

@@ -93,8 +93,9 @@ block content
          p.flow-text Probably the API limits have been reached, try again tomorrow.
             | This will be sorted later on when we can qualify for a larger quota.
 
-         h3 This could be better
-         p.flow-text I'm always open to suggestions, there are contact details at the bottom of the page
+         h3 What if I think this could be better?
+         p.flow-text I'm always open to suggestions, there are contact details at the bottom of the page.
+            | Or create a pull request on GitHub and implement your modifications for review.
 
       h2 Legal
       .row.card-panel

views/page_search.jade

@@ -191,4 +191,9 @@ block scripts
         script(type='text/javascript', src='/javascripts/charts/entity-summary.js')
         script(type='text/javascript', src='/javascripts/charts/comparison-for-search.js')
 
-
+    else
+        script.
+            $('#txtKeyword').keyup(function (e) {if (e.keyCode === 13) {
+                showLoader();
+                window.location = '/search/' + $('#txtKeyword').val();
+            }});