Bug 650310 - Added a FAQ above 'About us' section on both desktop and mobile pages

apps/desktop/templates/desktop/dashboard.html

@@ -23,6 +23,7 @@
                 {% include 'desktop/sections/challenges.html' %}
     			{% include 'desktop/sections/share.html' %}
 				{% include 'desktop/sections/globalspark.html' %}
+                {% include 'desktop/sections/faq.html' %}
 				{% include 'desktop/sections/about.html' %}
 
     	        {% include 'desktop/includes/footer.html' %}

apps/desktop/templates/desktop/home.html

@@ -46,6 +46,7 @@
     			{% include 'desktop/sections/globalspark.html' %}
     		    {% include 'desktop/sections/learn.html' %}
     			{% include 'desktop/sections/getfirefox.html' %}
+                {% include 'desktop/sections/faq.html' %}
                 {% include 'desktop/sections/about.html' %}
                 
                 {% include 'desktop/includes/footer.html' %}

apps/desktop/templates/desktop/user.html

@@ -47,6 +47,7 @@
     			{% include 'desktop/sections/yourspark.html' %}
                 {% include 'desktop/sections/yourbadges.html' %}
                 {% include 'desktop/sections/globalspark.html' %}
+                {% include 'desktop/sections/faq.html' %}
     			{% include 'desktop/sections/about.html' %}
     			
     			{% include 'desktop/includes/footer.html' %}

apps/mobile/templates/mobile/iphone.html

@@ -58,6 +58,8 @@
     </div>
     <a href="http://www.mozilla.com/mobile/home/" class="button">{{ _('Learn more') }}</a>
 
+    {% include 'mobile/includes/faq.html' %}
+
     <hr>
     <div class="section">
         <h2>{{ _('About Us') }}</h2>

apps/mobile/templates/mobile/non_firefox.html

@@ -65,6 +65,8 @@
     </div>
     <a href="http://www.mozilla.com/m/" class="button">{{ _('Learn more') }}</a>
 
+    {% include 'mobile/includes/faq.html' %}
+
     <hr>
     <div class="section">
         <h2>{{ _('About Us') }}</h2>

apps/mobile/templates/mobile/user.html

@@ -60,7 +60,7 @@
             {% if firefox %}
             {#  Compatible phone, viewing with Firefox, logged-out #}
             <hr>
-            <h2 class="cta"><a href="{{ url('mobile.instructions') }}">{{ _('What is Firefox Spark?') }}</a></h2>
+            <div class="cta"><a href="{{ url('mobile.instructions') }}">{{ _('What is Firefox Spark?') }}</a></div>
             <hr>
             {% else %}
             <hr>
@@ -107,6 +107,8 @@
      </div>
      <a href="http://www.mozilla.com/firefox/" class="button">{{ _('Learn more') }}</a>
 
+     {% include 'mobile/includes/faq.html' %}
+
      <hr>
      <div class="section">
          <h2>{{ _('About Us') }}</h2>

media/css/mobile.css

@@ -1095,3 +1095,8 @@ body#user-share {
 .logged-out #flame-bg {
     top:0;
 }
+
+/* FAQ */
+#faq ol span {
+    font-weight:bold;
+}

media/css/screen.css

@@ -1656,3 +1656,27 @@ padding:5px 10px;
 .error404 h3 {
     margin-top:1em;
 }
+
+/* FAQ */
+
+#faq ol {
+    font-size:1.231em;
+}
+
+#faq ol li {
+    margin-top:20px;
+}
+
+#faq ol li:first-child {
+    margin-top:0px;
+}
+
+#faq ol p {
+    color:#999;
+    line-height:1.6em;
+}
+
+#faq ol span {
+    font-weight:bold;
+    color:#fff;
+}

templates/mobile/page.html

@@ -1,6 +1,6 @@
 {% extends "mobile/base.html" %}
 
-{% if body_id not in ['user-share'] and hide_menu %}
+{% if body_id not in ['user-share', 'home'] and hide_menu %}
 {% set body_class = 'no-menu' %}
 {% endif %}