base container and build process, more django

app/common/static/styles/_colours.scss

@@ -12,5 +12,10 @@ $text-colour: $colour-near-black;
 $header-background-colour: $colour-red;
 $header-text-colour: $colour-white;
 
+$nav-background-colour: $colour-near-black;
+$nav-text-colour: $colour-near-white;
+$nav-link-background-hover-colour: $colour-orange;
+
 $footer-background-colour: $colour-red;
 $footer-text-colour: $colour-white;
+$footer-link-colour: $colour-near-black;

app/common/static/styles/_template.scss

@@ -6,7 +6,7 @@ html {
 }
 
 header {
-    
+
     background-color: $header-background-colour;
     color: $header-text-colour;
     padding: 1.3rem 0 1.5rem 0;
@@ -35,6 +35,29 @@ header {
 
 }
 
+nav {
+
+    background-color: $nav-background-colour;
+    color: $nav-text-colour;
+    height: 3rem;
+
+    a {
+        font-size: 1.1rem !important;
+        color: $nav-text-colour;
+        text-decoration: none;
+        line-height: 3rem;
+        height: 3rem;
+        i {
+            font-size: 1.1rem !important;
+        }
+        &:hover {
+            background-color: $nav-link-background-hover-colour !important;
+        }
+    }
+
+
+}
+
 main {
     
     padding: 2rem 0 2rem 0;
@@ -45,6 +68,29 @@ footer {
 
     background-color: $footer-background-colour;
     color: $footer-text-colour;
-    padding: 1.5rem 0 1.5rem 0;
+    padding-top: 1.5rem;
+
+    p {
+        margin: 0;
+        padding-bottom: 1.5rem;
+    }
+
+    svg {
+        path {
+            fill: $footer-link-colour !important;
+        }
+    }
+
+    i {
+        font-size: 0.85rem !important;
+    }
+
+    a {
+        color: $footer-link-colour;
+        text-decoration: none;
+        &:hover {
+            text-decoration: underline;
+        }
+    }
 
 }

app/common/static/styles/tubesync.scss

@@ -4,6 +4,7 @@
 @import "fontawesome/fontawesome";
 @import "fontawesome/regular";
 @import "fontawesome/solid";
+@import "fontawesome/brands";
 
 @import "fonts";
 @import "variables";