add footer for desktop (bug 783672)

media/css/mkt/site.less

@@ -138,7 +138,7 @@ body .loading-fragment {
 }
 
 @media (min-width: @10col) {
-    #site-header section, #page {
+    #site-header section, #page, #site-footer {
         .width(14);
         margin: 0 auto;
     }
@@ -191,3 +191,43 @@ body .loading-fragment {
         margin: 0 auto;
     }
 }
+
+#site-footer {
+    display: none;
+}
+
+@media (min-width: @7col) {
+    #site-footer {
+        border-top: 1px solid rgba(255,255,255,.5);
+        display: block;
+        padding: 15px 0 30px;
+        .account {
+            color: @dark-gray;
+            font-weight: 400;
+            margin-bottom: 5px;
+            a {
+                font-weight: 600;
+            }
+            .logout {
+                font-weight: 200;
+            }
+        }
+        .footer-links {
+            p {
+                margin: 0;
+                + p {
+                    margin-top: 5px;
+                }
+            }
+            a:first-child {
+                padding-right: 5px;
+            }
+            a + a {
+                border-left: 1px solid @light-gray;
+                padding-left: 10px;
+                padding-right: 5px;
+                line-height: 15px;
+            }
+        }
+    }
+}

mkt/site/context_processors.py

@@ -25,8 +25,9 @@ def global_settings(request):
         context['is_reviewer'] = acl.check_reviewer(request)
         if getattr(request, 'can_view_consumer', True):
             account_links = [
-                {'text': _('Account History'),
-                 'href': reverse('account.purchases')},
+                # TODO: Coming soon with payments.
+                # {'text': _('Account History'),
+                #  'href': reverse('account.purchases')},
                 {'text': _('Account Settings'),
                  'href': reverse('account.settings')},
             ]
@@ -36,12 +37,11 @@ def global_settings(request):
             {'text': _('Log out'), 'href': reverse('users.logout')},
         ]
         if '/developers/' not in request.path:
+            tools_links.append({'text': _('Developer Hub'),
+                                'href': reverse('ecosystem.landing')})
             if amo_user.is_app_developer:
                 tools_links.append({'text': _('My Submissions'),
                                     'href': reverse('mkt.developers.apps')})
-            else:
-                tools_links.append({'text': _('Developers'),
-                                    'href': reverse('ecosystem.landing')})
         if '/reviewers/' not in request.path and context['is_reviewer']:
             tools_links.append({'text': _('Reviewer Tools'),
                                 'href': reverse('reviewers.home')})

mkt/templates/mkt/base.html

@@ -65,6 +65,40 @@
         {% block content %}
         {% endblock %}
       </div>
+      {% block sitefooter %}
+        <footer id="site-footer" class="c">
+          <div class="account{{ ' authenticated' if logged }}">
+            {% if logged %}
+              {% trans profile_url=request.user.get_profile().get_url_path(),
+                       user=request.amo_user.email %}
+                Signed in as <a href="{{ profile_url }}">{{ user }}</a>
+              {% endtrans %}
+              <a href="{{ url('users.logout') }}" class="logout">
+                ({{ _('Log Out') }})</a>
+            {% else %}
+              <a class="button browserid" href="#">{{ _('Log in / Register') }}</a>
+            {% endif %}
+          </div>
+          <nav class="footer-links c" role="navigation">
+            <p>
+              {% if logged %}
+                {% for link in tools_links %}
+                  <a href="{{ link.href }}" rel="external">{{ link.text }}</a>
+                {% endfor %}
+                {% if request.can_view_consumer %}
+                  {# TODO: Coming soon with payments. #}
+                  {#<a href="{{ url('account.purchases') }}">{{ _('Account History') }}</a>#}
+                  <a href="{{ url('account.settings') }}">{{ _('Account Settings') }}</a>
+                {% endif %}
+              {% endif %}
+            </p>
+            <p>
+              <a href="{{ url('site.privacy') }}">{{ _('Privacy Policy') }}</a>
+              <a href="{{ url('site.terms') }}">{{ _('Terms of Use') }}</a>
+            </p>
+          </nav>
+        </footer>
+      {% endblock %}
     </div>
 
     {% include 'purchase/start.html' %}