#11 Add the common footer seen on other fedora pages
Opened 3 years ago by richardgreg. Modified 3 years ago
fedora-docs/ richardgreg/fedora-docs-ui fedora-footer  into  master

file modified
+59 -6
@@ -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;  

  }

file modified
+10
@@ -9,3 +9,13 @@ 

      min-width: 0;

    }

  }

+ 

+ /* Sticks footer to bottom */

+ body {

+   display: flex;

+   min-height: 100vh;

+   flex-direction: column;

+ }

+ .main-wrapper {

+   flex: 1;

+ }

empty or binary file added
@@ -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>

rebased onto 569eda473be219eb1e2a280c20f6d5e45c95198d

3 years ago

rebased onto 13af432b5f160410bd5e885a3cd37e81266b0923

3 years ago

rebased onto 0d376edef87db6e50e4995a10c6c247c3fb5a2aa

3 years ago

rebased onto 5313bdd4536c4c62a104eeaec05f4869c956d4f2

3 years ago

rebased onto fe26771

3 years ago

HI @richardgreg, are you able to setup the project on your local machine?

@aghasaad04 yeah. It's best if you read the docs in the project repo.

Yeah sorry, forgot to update you, I managed to set up the project on local machine using docker method. Need to setup each module seperately.

I am getting this https://user-images.githubusercontent.com/36513474/96564615-d32d5280-12dc-11eb-81cd-01e4e6297eb3.png
When I run ./antora-ui-builder preview

Are you getting the same output?