Add page footer

* The `People` page will be added later
* This is almost the simplest design possible, we will alter the design
to match the desired and defined look later

4 files changed, 45 insertions, 3 deletions

diff --git a/about.html b/about.html
index c8c1879..3abc1ee 100644
--- a/about.html
+++ b/about.html
@@ -1267,6 +1267,15 @@ git checkout -b maneage --track origin-maneage/maneage</code></pre></li>
 
                 <p>You should have received a copy of the GNU General Public License along
                 with Maneage.  If not, see <a href="https://www.gnu.org/licenses/">https://www.gnu.org/licenses/</a>.</p>
+                <ul>
+                    <li><p>Maneage is currently based in the Instituto de Astrofísica de Canarias (IAC).</p></li>
+                    <li><p>Address: IAC, Calle Vía Láctea, s/n, E38205 - La Laguna (Tenerife), Spain.</p></li>
+                    <!-- The people page will be added later
+                    <li><p>People [page will be added later]</p></li>
+                    -->
+                    <li><p>Contact: with <a href="https://savannah.nongnu.org/support/?func=additem&group=reproduce">this form.</a></p></li>
+                    <li><p>Copyright &copy; 2020 Maneage volunteers</p></li>
+                </ul>
                 </footer>
             </div>
         </body>
diff --git a/css/base.css b/css/base.css
index 78085af..936f801 100644
--- a/css/base.css
+++ b/css/base.css
@@ -268,12 +268,25 @@ a:hover {
  * Page footer
  * ================================================================== */
 
+/* Looks like a mirror of the header, but it is not fixed. */
 footer[role=contentinfo] {
+    /* Make sure `left`, `right`, and `width` values add up to 100% to
+     * help keep the navigation bar in center for big screens */
+    margin: 0 auto;
+    max-width: 960px; /* same as the `#container` max-width */
     padding: 15px;
-    border-radius: 5px;
+    /* Prevent sharp edges on the bottom navigation bar */
+    border-radius: 5px 5px 0 0;
+    /* Keep link texts center-aligned */
     text-align: left;
-    background-color: #f2f3f3;
-    color: #1c1e1d; /* EERIE BLACK */
+    color: #dcdfde;
+    background: #030504;
+}
+
+/* Put the footer contents in an unordered list */
+footer ul {
+    list-style: none;
+    padding-left: 0;
 }
 
 /* ==================================================================
diff --git a/index.html b/index.html
index b1b1489..c012b93 100644
--- a/index.html
+++ b/index.html
@@ -124,6 +124,17 @@ git branch -b my-fix</code></pre>
                         </li>
                     </ol>
                 </section>
+                <footer role="contentinfo">
+                    <ul>
+                        <li><p>Maneage is currently based in the Instituto de Astrofísica de Canarias (IAC).</p></li>
+                        <li><p>Address: IAC, Calle Vía Láctea, s/n, E38205 - La Laguna (Tenerife), Spain.</p></li>
+                        <!-- The people page will be added later
+                        <li><p>People</p></li>
+                        -->
+                        <li><p>Contact: with <a href="https://savannah.nongnu.org/support/?func=additem&group=reproduce">this form.</a></p></li>
+                        <li><p>Copyright &copy; 2020 Maneage volunteers</p></li>
+                    </ul>
+                </footer>
             </div>
         </body>
     </html>
diff --git a/tutorial.html b/tutorial.html
index 6dce9c8..0b9d783 100644
--- a/tutorial.html
+++ b/tutorial.html
@@ -703,5 +703,14 @@ The linear fitting is $y=a*x+b$, with the following parameters: $a=\afitparam$ a
 
                 <p>You should have received a copy of the GNU General Public License along
                 with Template.  If not, see <a href="https://www.gnu.org/licenses/">https://www.gnu.org/licenses/</a>.</p>
+                <ul>
+                     <li><p>Maneage is currently based in the Instituto de Astrofísica de Canarias (IAC).</p></li>
+                     <li><p>Address: IAC, Calle Vía Láctea, s/n, E38205 - La Laguna (Tenerife), Spain.</p></li>
+                     <!-- The people page will be added later
+                     <li><p>People [page will be added later]</p></li>
+                     -->
+                     <li><p>Contact: with <a href="https://savannah.nongnu.org/support/?func=additem&group=reproduce">this form.</a></p></li>
+                     <li><p>Copyright &copy; 2020 Maneage volunteers</p></li>
+                 </ul>
                 </footer>
         </body>