WIP: Homepage redesign WIP (+ header and footer changes)

Author: ptheywood

_layouts/default.html

@@ -62,14 +62,10 @@
 <!-- ******HEADER****** -->
 <header id="header" class="header navbar navbar-inverse fixed-top">
     <div class="container">
-        <h1 class="logo float-left">
-            <span class="logo-title">
-                <a href="/">
-                    <img src="/assets/images/logo/UoS_Violet_RSE.png" width="250"
-                        alt="The University of Sheffield Research Software Engineering" />
-                </a>
-            </span>
-        </h1><!--//logo-->
+        <a class="navbar-brand" href="/">
+            <img src="/assets/images/logo/UoS_Violet_RSE.png"  height="52px" alt="The University of Sheffield Research Software Engineering" />
+            <!-- <img src="/assets/images/logo/rse-logoonly-stroke.png" width="52px" height="52px" alt="RSE logo" /> -->
+        </a>
         <nav id="main-nav" class="main-nav navbar-expand-lg float-right" role="navigation">
 
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">
@@ -93,30 +89,41 @@ <h1 class="logo float-left">
 
 <!-- ******FOOTER****** -->
 <footer class="section footer">
-    <div class="container text-center">
-         <p xmlns:cc="http://creativecommons.org/ns#"
-            xmlns:dct="http://purl.org/dc/terms/"> 
-         All content (excluding logos or where explicitly stated) licensed under the 
-         <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1"
-            target="_blank"
-            rel="license noopener noreferrer"
-            style="display:inline-block;"
-            class="sm-a">
-         CC BY-SA 4.0
-         <img
-           style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
-           src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt="Creative Commons Logo CC"><img
-           style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
-           src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt="Creative Commons Logo Person"><img
-           style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
-           src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1" alt="Creative Commons Logo Backwards C"></a>
-         license
-         </p>
-    </div><!--//container-->
-    <div class="container text-center">
-        <!--/* This template is released under the Creative Commons Attribution 3.0 License. Please keep the attribution link below when using for your own project. Thank you for your support. :) If you'd like to use the template without the attribution, you can buy the commercial license via our website: themes.3rdwavemedia.com */-->
-        <small class="copyright">Designed with <i class="fas fa-heart"></i> by <a href="https://themes.3rdwavemedia.com" target="_blank" class="sm-a">Xiaoying Riley</a> for developers</small>
-    </div><!--//container-->
+    <div class="container">
+        <div class="row">
+            <div class="col-12 col-md-2 order-md-last d-flex align-items-stretch text-center">
+                <img src="/assets/images/logo/rse-logoonly-stroke.png" width="96px" height="96px" alt="RSE logo" class="d-block mx-auto my-auto"/>
+            </div>
+            <div class="col-12 col-md-8 offset-md-2">
+                <div class="text-center">
+                    <p><a href="/contact/">Contact us</a></p>
+                </div>                
+                <div class="text-center">
+                    <p xmlns:cc="http://creativecommons.org/ns#"
+                        xmlns:dct="http://purl.org/dc/terms/"> 
+                    All content (excluding logos or where explicitly stated) licensed under the 
+                    <a href="http://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1"
+                        target="_blank"
+                        rel="license noopener noreferrer"
+                        style="display:inline-block;">
+                    CC BY-SA 4.0
+                    <img
+                    style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
+                    src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt="Creative Commons Logo CC"><img
+                    style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
+                    src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt="Creative Commons Logo Person"><img
+                    style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
+                    src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1" alt="Creative Commons Logo Backwards C"></a>
+                    license
+                    </p>
+                </div>
+                <div class="text-center">
+                    <!--/* This template is released under the Creative Commons Attribution 3.0 License. Please keep the attribution link below when using for your own project. Thank you for your support. :) If you'd like to use the template without the attribution, you can buy the commercial license via our website: themes.3rdwavemedia.com */-->
+                    <small class="copyright">Designed with <i class="fas fa-heart"></i> by <a href="https://themes.3rdwavemedia.com" target="_blank">Xiaoying Riley</a> for developers</small>
+                </div>
+            </div>
+        </div>
+    </div>
 </footer><!--//footer-->