From f96845e4511c06b05ba3c9a9d97824634358b36f Mon Sep 17 00:00:00 2001 From: Pedram Ashofteh Ardakani Date: Mon, 1 Jun 2020 00:10:46 +0430 Subject: 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 --- about.html | 9 +++++++++ css/base.css | 19 ++++++++++++++++--- index.html | 11 +++++++++++ tutorial.html | 9 +++++++++ 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

You should have received a copy of the GNU General Public License along with Maneage. If not, see https://www.gnu.org/licenses/.

+ 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 + 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

You should have received a copy of the GNU General Public License along with Template. If not, see https://www.gnu.org/licenses/.

+ -- cgit v1.2.1