add particles to about and faq, update frontpage

app/assets/stylesheets/base.css.scss

@@ -179,3 +179,13 @@ body {
   width: 100%;
   height: 100%;
 }
+
+.icon-showcase {
+  font-size: 78px;
+  text-align: center;
+  display: block;
+}
+
+.heading-showcase {
+  margin-top: 5px;
+}

app/views/static/_front.html.haml

@@ -12,22 +12,27 @@
         Already a member?
         = link_to 'Sign in', new_user_session_path
 .container-fluid
-  %h2.text-center Features
   .row.text-center
     .col-md-4.col-sm-4.col-xs-12
-      %h3
+      .icon-showcase
+        %i.fa.fa-comments
+      %h3.heading-showcase
         Ask and answer questions
       %p
         With
         = APP_CONFIG['site_name']
         you can ask people questions and answer questions from other users or unregistered people.  Want to know something more?  Keep the discussion ongoing in the comments!
     .col-md-4.col-sm-4.col-xs-12
-      %h3
+      .icon-showcase
+        %i.fa.fa-users
+      %h3.heading-showcase
         Follow users and get followed
       %p
         Following users allows you to get a personalized feed of all people you want to know more about.  You can also send a question to all your followers at once!
     .col-md-4.col-sm-4.col-xs-12
-      %h3
+      .icon-showcase
+        %i.fa.fa-share-square-o
+      %h3.heading-showcase
         Sharing to other networks
       %p
         Want to share your answer to a question so that more people read it?  With a simple click on the answer button, your answer is shared wherever you want!

app/views/static/about.html.haml

@@ -1,7 +1,9 @@
 - provide(:title, "About | #{APP_CONFIG['site_name']}")
-.jumbotron.j2-jumbo.text-center
-  %h1= APP_CONFIG['site_name']
-  %p About our service, features and other information
+.jumbotron.j2-jumbo.text-center.particle-jumbotron
+  #particles
+  .particle-content
+    %h1= APP_CONFIG['site_name']
+    %p About our service, features and other information
 .container
   = render 'layouts/messages'
 

app/views/static/faq.html.haml

@@ -1,7 +1,13 @@
 - provide(:title, "Frequently Asked Questions | #{APP_CONFIG['site_name']}")
+.jumbotron.j2-jumbo.text-center.particle-jumbotron
+  #particles
+  .particle-content
+    %h1 Frequently Asked Questions
+    %p
+      Everything you want to know about
+      = succeed '!' do
+        = APP_CONFIG['site_name']
 .container
-  %h1.text-center Frequently Asked Questions
-
   .panel-group{id: "accordion", role: "tablist", aria: {multiselectable: :true}}
     .panel.panel-default
       .panel-heading{id: "faqOne", role: "tab"}