rename more components and update references

src/components/appFooter/appFooter.css

@@ -0,0 +1,13 @@
+.appfooter {
+    position: fixed;
+    left: 0;
+    right: 0;
+    z-index: 10;
+    bottom: 0;
+    transition: transform 180ms linear;
+    contain: layout style;
+}
+
+.appfooter.headroom--unpinned {
+    transform: translateY(100%) !important;
+}

src/components/appFooter/appFooter.js

@@ -0,0 +1,37 @@
+define(['browser', 'css!./appFooter'], function (browser) {
+    'use strict';
+
+    function render(options) {
+        var elem = document.createElement('div');
+        elem.classList.add('appfooter');
+
+        document.body.appendChild(elem);
+
+        return elem;
+    }
+
+    function appFooter(options) {
+        var self = this;
+
+        self.element = render(options);
+        self.add = function (elem) {
+            self.element.appendChild(elem);
+        };
+
+        self.insert = function (elem) {
+            if (typeof elem === 'string') {
+                self.element.insertAdjacentHTML('afterbegin', elem);
+            } else {
+                self.element.insertBefore(elem, self.element.firstChild);
+            }
+        };
+    }
+
+    appFooter.prototype.destroy = function () {
+        var self = this;
+
+        self.element = null;
+    };
+
+    return appFooter;
+});