From 42647f1fa3c7aa125e81c649f767afa281c96eee Mon Sep 17 00:00:00 2001
From: Ryan Lerch <rlerch@redhat.com>
Date: Feb 28 2018 14:50:26 +0000
Subject: fix footer styles


---

diff --git a/_stylesheets/asciibinder.css b/_stylesheets/asciibinder.css
index ef00798..f6f7c38 100644
--- a/_stylesheets/asciibinder.css
+++ b/_stylesheets/asciibinder.css
@@ -190,6 +190,21 @@ h6 > a.anchor:hover {
   z-index: 1;
 }
 
+.footer a{
+  color:#aaa
+}
+
+.footer{
+  font-size:0.8em;
+  box-shadow: 0px 1000px 0px 1000px #495057;
+}
+
+.footer h3{
+  font-size:1.3em;
+  font-weight: bold;
+  text-transform: uppercase;
+}
+
 /*
  * Sidebar
  */
diff --git a/_templates/page.html.erb b/_templates/page.html.erb
index 32bc1bd..1f097c7 100644
--- a/_templates/page.html.erb
+++ b/_templates/page.html.erb
@@ -74,50 +74,23 @@
       </div>
     </div>
   </div>
-  <div class="footer text-white pt-5" >
+  <div class="footer text-white" >
       <div class="foot">
-          <div class="container">
+          <div class="container py-4">
               <div class="row footerlinks">
-                  <div class="col-sm-3 col-xs-6 widget">
+                  <div class="col-sm-2 col-xs-4 mt-3 widget">
                       <h3 class="widget-title">About</h3>
                       <div class="widget-body">
                           <dl>
-                              <dd><a href="https://fedoraproject.org/wiki/Overview">About Fedora</a></dd>
+                              <dd><a href="https://getfedora.org/">Get Fedora</a></dd>
                               <dd><a href="https://getfedora.org/en/sponsors">Sponsors</a></dd>
                               <dd><a href="https://fedoramagazine.org">Fedora Magazine</a></dd>
 		<dd><a href="https://fedoraproject.org/wiki/Legal:Main#Legal">Legal</a></dd>
                           </dl>
-                          <ul class="list-inline">
-                          <li>
-                              <a href="https://www.facebook.com/TheFedoraProject" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
-                          </li>
-                          <li>
-                              <a href="https://plus.google.com/112917221531140868607" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
-                          </li>
-                          <li>
-                              <a href="https://twitter.com/fedora" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
-                          </li>
-                      </ul>
                       </div>
                   </div>
 
-                  <div class="col-sm-3 col-xs-6 widget">
-                      <h3 class="widget-title uppercase">Download</h3>
-                      <div class="widget-body">
-                        <dl>
-                          <dd><a href="https://getfedora.org/en/workstation/download">Get Fedora Workstation</a></dd>
-                          <dd><a href="https://getfedora.org/en/server/download">Get Fedora Server</a></dd>
-                          <dd><a href="https://getfedora.org/en/atomic/download">Get Fedora Atomic</a></dd>
-                          <dd><a href="https://spins.fedoraproject.org">Fedora Spins</a></dd>
-                          <dd><a href="https://labs.fedoraproject.org">Fedora Labs</a></dd>
-                          <dd><a href="https://arm.fedoraproject.org">Fedora ARM<span class="sup">&reg;</span></a></dd>
-                          <dd><a href="https://alt.fedoraproject.org/">Alternative Downloads</a></dd>
-
-                      </dl>
-                      </div>
-                  </div>
-
-                  <div class="col-sm-3 col-xs-6 widget">
+                  <div class="col-sm-2 col-xs-4 mt-3 widget">
                       <h3 class="widget-title">Support</h3>
                       <div class="widget-body">
                           <dl>
@@ -125,41 +98,38 @@
                               <dd><a href="https://ask.fedoraproject.org/">Ask Fedora</a></dd>
                               <dd><a href="https://fedoraproject.org/wiki/Common_F27_bugs">Common Bugs</a></dd>
                               <dd><a href="https://developer.fedoraproject.org/">Fedora Developer Portal</a></dd>
-                              <dd><a href="https://docs.fedoraproject.org/f27/install-guide/index.html">Installation Guide</a></dd>
                           </dl>
                       </div>
                   </div>
 
-                  <div class="col-sm-3 col-xs-6 widget">
-                      <h3 class="widget-title">Join</h3>
+                  <div class="col-sm-2 col-xs-4 mt-3 widget">
+                      <h3 class="widget-title">Community</h3>
                       <div class="widget-body">
                           <dl>
                               <dd><a href="https://fedoraproject.org/wiki/Join">Join Fedora</a></dd>
+                              <dd><a href="https://fedoraproject.org/wiki/Overview">About Fedora</a></dd>
                               <dd><a href="http://fedoraplanet.org">Planet Fedora</a></dd>
-                              <dd><a href="https://fedoraproject.org/wiki/SIGs">Fedora SIGs</a></dd>
                               <dd><a href="https://admin.fedoraproject.org/accounts/">Fedora Account System</a></dd>
-                              <dd><a href="https://fedoracommunity.org/">Fedora Community</a></dd>
                           </dl>
                       </div>
                   </div>
-              </div> <!-- /row of widgets -->
-
-              <div class="row">
-                  <div class="col-md-2">
+                  <div class="col-sm-6 col-xs-12 widget text-right">
+                      <a href="https://www.facebook.com/TheFedoraProject" class="btn-social btn-outline"><i class="fa fa-fw fa-2x fa-facebook"></i></a>
+                      <a href="https://plus.google.com/112917221531140868607" class="btn-social btn-outline"><i class="fa fa-fw fa-2x fa-google-plus"></i></a>
+                      <a href="https://twitter.com/fedora" class="btn-social btn-outline"><i class="fa fa-fw fa-2x fa-twitter"></i></a>
+                      <p class="pt-3"> 
+                        &copy; 2018 Red Hat, Inc. and others. <br/>Please send any comments or corrections 
+                        to the <a href="https://pagure.io/fedora-docs/docs-fp-o">documentation team</a>
+                      </p>
+                      <p>
+                        Fedora is sponsored by Red Hat. <br/>
+                        <a href="https://www.redhat.com/en/technologies/linux-platforms/articles/relationship-between-fedora-and-rhel">Learn more about the relationship between Red Hat and Fedora &raquo;</a>
+                      </p>
                       <div class="widget-body">
-                          <a href="https://www.redhat.com/"><img class="rh-logo" src="<%= File.join(images_path, "redhat-logo.png") %>" alt="Red Hat Logo" /></a>
+                        <a href="https://www.redhat.com/"><img height="50px" class="rh-logo" src="<%= File.join(images_path, "redhat-logo.png") %>" alt="Red Hat Logo" /></a>
                       </div>
                   </div>
-                  <div class="col-md-7">
-                      <div class="widget-body">
-                          <p class="sponsor">Fedora is sponsored by Red Hat.</p>
-                          <p class="sponsor"><a href="https://www.redhat.com/en/technologies/linux-platforms/articles/relationship-between-fedora-and-rhel">Learn more about the relationship between Red Hat and Fedora &raquo;</a></p>
-                          <p class="copy">&copy; 2017 Red Hat, Inc. and others. Please send any comments or corrections to the <a href="https://pagure.io/fedora-docs/docs-fp-o">documentation team</a></p>
-                      </div>
-                  </div>
-                </div> <!-- /row of widgets -->
-
-            </div>
+              </div> <!-- /row of widgets -->
         </div>
     </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
diff --git a/index-main.html b/index-main.html
index 529500d..6df9ff0 100644
--- a/index-main.html
+++ b/index-main.html
@@ -76,92 +76,62 @@
         </div>
       </div>
     </div>
-    <div id="bottom" class="text-muted py-3" >
-        <div class="foot">
-            <div class="container">
-                <div class="row footerlinks">
-                    <div class="col-sm-3 col-xs-6 widget">
-                        <h3 class="widget-title">About</h3>
-                        <div class="widget-body">
-                            <dl>
-                                <dd><a href="https://fedoraproject.org/wiki/Overview">About Fedora</a></dd>
-                                <dd><a href="https://getfedora.org/en/sponsors">Sponsors</a></dd>
-                                <dd><a href="https://fedoramagazine.org">Fedora Magazine</a></dd>
-				<dd><a href="https://fedoraproject.org/wiki/Legal:Main#Legal">Legal</a></dd>
-                            </dl>
-                            <ul class="list-inline">
-                            <li>
-                                <a href="https:https://www.facebook.com/TheFedoraProject" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
-                            </li>
-                            <li>
-                                <a href="https:https://plus.google.com/112917221531140868607" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
-                            </li>
-                            <li>
-                                <a href="https:https://twitter.com/fedora" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
-                            </li>
-                        </ul>
-                        </div>
-                    </div>
-
-                    <div class="col-sm-3 col-xs-6 widget">
-                        <h3 class="widget-title uppercase">Download</h3>
-                        <div class="widget-body">
+    <div class="footer text-white" >
+      <div class="foot">
+          <div class="container py-4">
+              <div class="row footerlinks">
+                  <div class="col-sm-2 col-xs-4 mt-3 widget">
+                      <h3 class="widget-title">About</h3>
+                      <div class="widget-body">
                           <dl>
-                            <dd><a href="https://getfedora.org/en/workstation/download">Get Fedora Workstation</a></dd>
-                            <dd><a href="https://getfedora.org/en/server/download">Get Fedora Server</a></dd>
-                            <dd><a href="https://getfedora.org/en/atomic/download">Get Fedora Atomic</a></dd>
-                            <dd><a href="https://spins.fedoraproject.org">Fedora Spins</a></dd>
-                            <dd><a href="https://labs.fedoraproject.org">Fedora Labs</a></dd>
-                            <dd><a href="https://arm.fedoraproject.org">Fedora ARM<span class="sup">&reg;</span></a></dd>
-                            <dd><a href="https://alt.fedoraproject.org/">Alternative Downloads</a></dd>
-
-                        </dl>
-                        </div>
-                    </div>
-
-                    <div class="col-sm-3 col-xs-6 widget">
-                        <h3 class="widget-title">Support</h3>
-                        <div class="widget-body">
-                            <dl>
-                                <dd><a href="https://fedoraproject.org/wiki/Communicating_and_getting_help">Get Help</a></dd>
-                                <dd><a href="https://ask.fedoraproject.org/">Ask Fedora</a></dd>
-                                <dd><a href="https://fedoraproject.org/wiki/Common_F27_bugs">Common Bugs</a></dd>
-                                <dd><a href="https://developer.fedoraproject.org/">Fedora Developer Portal</a></dd>
-                                <dd><a href="https://docs.fedoraproject.org/f27/install-guide/index.html">Installation Guide</a></dd>
-                            </dl>
-                        </div>
-                    </div>
-
-                    <div class="col-sm-3 col-xs-6 widget">
-                        <h3 class="widget-title">Join</h3>
-                        <div class="widget-body">
-                            <dl>
-                                <dd><a href="https://fedoraproject.org/wiki/Join">Join Fedora</a></dd>
-                                <dd><a href="http://fedoraplanet.org">Planet Fedora</a></dd>
-                                <dd><a href="https://fedoraproject.org/wiki/SIGs">Fedora SIGs</a></dd>
-                                <dd><a href="https://admin.fedoraproject.org/accounts/">Fedora Account System</a></dd>
-                                <dd><a href="https://fedoracommunity.org/">Fedora Community</a></dd>
-                            </dl>
-                        </div>
-                    </div>
-                </div> <!-- /row of widgets -->
+                              <dd><a href="https://getfedora.org/">Get Fedora</a></dd>
+                              <dd><a href="https://getfedora.org/en/sponsors">Sponsors</a></dd>
+                              <dd><a href="https://fedoramagazine.org">Fedora Magazine</a></dd>
+		<dd><a href="https://fedoraproject.org/wiki/Legal:Main#Legal">Legal</a></dd>
+                          </dl>
+                      </div>
+                  </div>
 
-                <div class="row">
-                    <div class="col-md-2">
-                        <div class="widget-body">
-                            <a href="https://www.redhat.com/"><img class="rh-logo" src="_images/redhat-logo.png" alt="Red Hat Logo" /></a>
-                        </div>
-                    </div>
-                    <div class="col-md-7">
-                        <div class="widget-body">
-                            <p class="sponsor">Fedora is sponsored by Red Hat.</p>
-                            <p class="sponsor"><a href="https://www.redhat.com/en/technologies/linux-platforms/articles/relationship-between-fedora-and-rhel">Learn more about the relationship between Red Hat and Fedora &raquo;</a></p>
-                            <p class="copy">&copy; 2017 Red Hat, Inc. and others. Please send any comments or corrections to the <a href="https://pagure.io/fedora-docs/docs-fp-o">documentation team</a></p>
-                        </div>
-                    </div>
-                </div> <!-- /row of widgets -->
+                  <div class="col-sm-2 col-xs-4 mt-3 widget">
+                      <h3 class="widget-title">Support</h3>
+                      <div class="widget-body">
+                          <dl>
+                              <dd><a href="https://fedoraproject.org/wiki/Communicating_and_getting_help">Get Help</a></dd>
+                              <dd><a href="https://ask.fedoraproject.org/">Ask Fedora</a></dd>
+                              <dd><a href="https://fedoraproject.org/wiki/Common_F27_bugs">Common Bugs</a></dd>
+                              <dd><a href="https://developer.fedoraproject.org/">Fedora Developer Portal</a></dd>
+                          </dl>
+                      </div>
+                  </div>
 
-            </div>
+                  <div class="col-sm-2 col-xs-4 mt-3 widget">
+                      <h3 class="widget-title">Community</h3>
+                      <div class="widget-body">
+                          <dl>
+                              <dd><a href="https://fedoraproject.org/wiki/Join">Join Fedora</a></dd>
+                              <dd><a href="https://fedoraproject.org/wiki/Overview">About Fedora</a></dd>
+                              <dd><a href="http://fedoraplanet.org">Planet Fedora</a></dd>
+                              <dd><a href="https://admin.fedoraproject.org/accounts/">Fedora Account System</a></dd>
+                          </dl>
+                      </div>
+                  </div>
+                  <div class="col-sm-6 col-xs-12 widget text-right">
+                      <a href="https://www.facebook.com/TheFedoraProject" class="btn-social btn-outline"><i class="fa fa-fw fa-2x fa-facebook"></i></a>
+                      <a href="https://plus.google.com/112917221531140868607" class="btn-social btn-outline"><i class="fa fa-fw fa-2x fa-google-plus"></i></a>
+                      <a href="https://twitter.com/fedora" class="btn-social btn-outline"><i class="fa fa-fw fa-2x fa-twitter"></i></a>
+                      <p class="pt-3"> 
+                        &copy; 2018 Red Hat, Inc. and others. <br/>Please send any comments or corrections 
+                        to the <a href="https://pagure.io/fedora-docs/docs-fp-o">documentation team</a>
+                      </p>
+                      <p>
+                        Fedora is sponsored by Red Hat. <br/>
+                        <a href="https://www.redhat.com/en/technologies/linux-platforms/articles/relationship-between-fedora-and-rhel">Learn more about the relationship between Red Hat and Fedora &raquo;</a>
+                      </p>
+                      <div class="widget-body">
+                        <a href="https://www.redhat.com/"><img height="50px" class="rh-logo" src="<%= File.join(images_path, "redhat-logo.png") %>" alt="Red Hat Logo" /></a>
+                      </div>
+                  </div>
+              </div> <!-- /row of widgets -->
         </div>
     </div>
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->