From fe26771df89bde5bc2877fb767b946d4e3312cec Mon Sep 17 00:00:00 2001
From: Richard Gregory <richardgrecoson@gmail.com>
Date: Oct 19 2020 09:29:26 +0000
Subject: Add the common footer seen on other fedora pages


Fixes: #5

Signed-off-by: Richard Gregory <richardgrecoson@gmail.com>

---

diff --git a/src/css/footer.css b/src/css/footer.css
index 60ad672..0410990 100644
--- a/src/css/footer.css
+++ b/src/css/footer.css
@@ -1,17 +1,70 @@
 footer.footer {
-  font-size: 0.85rem;
-  background-color: #e6e6e6;
+  font-size: 0.7rem;
+  background-color: #343a40;
   color: #8e8e8e;
-  padding: 0.5rem 1rem;
 }
 
 .footer p {
   margin: 0.5rem 0;
-  font-size: 17px;
-  color: #8d8d8d;
+  color: #ffffff;
   font-family: "Open sans", Helvetica, Arial;
+  text-align: center;
 }
 
 .footer a {
-  color: #5d5d5d;
+  color: rgba(255,255,255,0.5);
+}
+
+/* Style for main section */
+.ft-main {
+  justify-content: space-evenly;
+	display: flex;
+  flex-wrap: wrap;
+  padding: 1rem 5rem;
+}
+
+@media only screen and (min-width: 1240px) {
+  .ft-main li {
+    height: 1.5rem;
+  }
+}
+
+@media only screen and (max-width: 600px) {
+  .ft-main {
+    padding: 0;
+  }
+
+  .ft-main-item {
+    padding: 0;
+    width: 6rem;
+  }
+}
+
+.ft-main ul {
+  list-style: none;
+  padding-left: 0;
+  margin-top: 0;
+}
+
+.ft-title {
+  color: #fff;
+  font-size: 1rem;
+  margin-bottom: 0.3rem;
+}
+
+/* Red Hat Logo */
+.rh-logo {
+  display: block;
+  margin: auto;
+  width: 15%;
+}
+
+/* Style for font awesome icons */
+.social-links {
+  text-align: center;
+}
+
+.fab {  
+  font-size: 2em;  
+  width: 1.5em;  
 }
diff --git a/src/css/main.css b/src/css/main.css
index ed146b2..b1272e2 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -9,3 +9,13 @@
     min-width: 0;
   }
 }
+
+/* Sticks footer to bottom */
+body {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+}
+.main-wrapper {
+  flex: 1;
+}
diff --git a/src/img/redhat.png b/src/img/redhat.png
new file mode 100644
index 0000000..5215f5c
Binary files /dev/null and b/src/img/redhat.png differ
diff --git a/src/partials/footer-content.hbs b/src/partials/footer-content.hbs
index 5528999..7044702 100644
--- a/src/partials/footer-content.hbs
+++ b/src/partials/footer-content.hbs
@@ -1,4 +1,56 @@
 <footer class="footer">
-  <p>All Fedora Documentation content available under <a href="http://creativecommons.org/licenses/by-sa/3.0/legalcode">CC-BY-SA 3.0</a> or, when specifically noted, under another <a href="https://fedoraproject.org/wiki/Licensing:Main">accepted</a> free and open content license.</p>
-  <p>Last build: {{{env.ANTORA_DATE}}}</p>
+  <section class="ft-main">
+      <div class="ft-main-item">
+        <h2 class="ft-title">ABOUT</h2>
+        <ul>
+          <li><a href="https://getfedora.org/">Get Fedora</a></li>
+          <li><a href="https://getfedora.org/en/sponsors/">Sponsors</a></li>
+          <li><a href="https://fedoramagazine.org/">Fedora Magazine</a></li>
+          <li><a href="https://fedoraproject.org/wiki/Legal:Main#Legal">Legal</a></li>
+        </ul>
+      </div>
+
+      <div class="ft-main-item">
+        <h2 class="ft-title">SUPPORT</h2>
+        <ul>
+          <li><a href="https://fedoraproject.org/wiki/Communicating_and_getting_help">Get Help</a></li>
+          <li><a href="https://ask.fedoraproject.org/">Ask Fedora</a></li>
+          <li><a href="https://fedoraproject.org/wiki/Common_F32_bugs">Common Bugs</a></li>
+          <li><a href="https://developer.fedoraproject.org/">Fedora Development Portal</a></li>
+        </ul>
+      </div>
+
+      <div class="ft-main-item">
+        <h2 class="ft-title">COMMUNITY</h2>
+        <ul>
+          <li><a href="https://fedoraproject.org/wiki/Join">Join Fedora</a></li>
+          <li><a href="https://fedoraproject.org/wiki/Overview">About Fedora</a></li>
+          <li><a href="http://fedoraplanet.org/">Planet Fedora</a></li>
+          <li><a href="https://admin.fedoraproject.org/accounts/">Fedora Account System</a></li>
+        </ul>
+      </div>
+  </section>
+
+  <section class="social-links">
+      <a href="href="https://twitter.com/fedora""><i class="fab fa-facebook-square"></i></a>
+      <a href="https://www.facebook.com/TheFedoraProject"><i class="fab fa-twitter"></i></a>
+  </section>
+
+  <section class="footer-legal">
+    <p>Direct comments and corrections to the 
+      <a href="https://pagure.io/fedora-docs/quick-docs">docs team</a>
+    </p>
+    <p>Fedora is sponsored by Red Hat. 
+      <a href="https://www.redhat.com/en/topics/linux/fedora-vs-red-hat-enterprise-linux">
+      Learn more about the relationship between Red Hat and Fedora »</a>
+    </p>
+    <div>
+      <a href="https://www.redhat.com/en">
+        <img class="rh-logo" src="{{uiRootPath}}/img/redhat.png" alt="Red Hat Logo">
+      </a>
+    </div>
+    <p>All Fedora Documentation content available under <a href="http://creativecommons.org/licenses/by-sa/3.0/legalcode">CC-BY-SA 3.0</a> or, when specifically noted, under another <a href="https://fedoraproject.org/wiki/Licensing:Main">accepted</a> free and open content license.</p>
+    <p>Last build: {{{env.ANTORA_DATE}}}</p>
+    <p>© 2020 Red Hat, Inc. and others.</p>
+  </section>
 </footer>