Polishing footer

css-compiled/template.css

@@ -904,6 +904,44 @@ ul.pagination {
       content: "";
       display: table;
       clear: both; }
+  .modular .footer .quickmenu {
+    margin: 0;
+    padding: 0;
+    list-style: none; }
+    .modular .footer .quickmenu i {
+      padding-right: 0.5rem;
+      color: #fff; }
+    .modular .footer .quickmenu li a {
+      color: #9A9898; }
+  .modular .footer .footer-modules {
+    display: block;
+    padding-bottom: 1.5rem; }
+    .modular .footer .footer-modules:after {
+      content: "";
+      display: table;
+      clear: both; }
+  .modular .footer .footer-copyright {
+    width: 50%;
+    display: inline-block;
+    float: left;
+    text-align: left; }
+  .modular .footer .footer-menu {
+    float: right;
+    display: inline-block;
+    width: 50%;
+    text-align: right; }
+    .modular .footer .footer-menu ul {
+      margin: 0;
+      padding: 0;
+      list-style: none; }
+      .modular .footer .footer-menu ul li {
+        display: inline-block; }
+        .modular .footer .footer-menu ul li:after {
+          content: "/";
+          margin: 0 0.5rem;
+          display: inline-block; }
+        .modular .footer .footer-menu ul li:last-child:after {
+          display: none; }
 
 .callout {
   background: #EEEEEE;

scss/template/modular/_footer.scss

@@ -51,6 +51,53 @@
         @include clearfix;
         color: $white;
     }
-        hr {}
+    .quickmenu {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+        i {
+            padding-right: 0.5rem;
+            color: $white;
+        }
+        li a {
+            color: $core-text;
+        }
+    }
+    .footer-modules {
+     @include clearfix;
+     display: block;
+     padding-bottom: 1.5rem;
+ }
+ .footer-copyright {
+    width: 50%;
+    display: inline-block;
+    float: left;
+    text-align: left;
+}
+.footer-menu {
+    float: right;
+    display: inline-block;
+    width: 50%;
+    text-align: right;
+    ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+
+        li {
+            display: inline-block;
+            &:after {
+                content: "/";
+                margin: 0 0.5rem;
+                display: inline-block;
+            }
+            &:last-child {
+               &:after {
+                display: none;
+            }
+        }
     }
 }
+}
+}
+}

templates/modular/footer.html.twig

@@ -22,21 +22,27 @@
         </div>
         <div class="footer-module"><h4>{{ page.header.links_title }}</h4>
          <ul class="quickmenu">
-    
+            {% for module in site.quicklinks %}
-        {% for module in page.collection() %}
+                <li><i class="fa fa-chevron-right"></i><a href="#{{ module.url }}">{{  module.text }}</a></li>
-            <li><i class="fa fa-chevron-right"></i><a href="#{{ _self.pageLinkName(module.menu) }}">{{ module.menu }}</a></li>
             {% endfor %}
-
-
         </ul>
-
     </div>
     <div class="footer-module">
         <h4>{{ page.header.newsletter_title }}</h4>
         <p>{{ page.header.newsletter_description }}</p>
     </div>
+</div>
+{{ content }}
+<div class="footer-modules">
+    <div class="footer-copyright">
+        {{ site.author.copyright }}
+    </div>
+    <div class="footer-menu">
+    <ul class="othermenu">
+    {% for module in site.othermenu %}
+       <li><a href="#{{ module.url }}">{{  module.text }}</a></li>
+    {% endfor %}
+    </ul>
     </div>
-
-    {{ content }}
 </div>
 </div>