diff options
author | Pedram Ashofteh Ardakani <pedramardakani@pm.me> | 2020-05-01 13:36:57 +0430 |
---|---|---|
committer | Pedram Ashofteh Ardakani <pedramardakani@pm.me> | 2020-05-01 13:38:30 +0430 |
commit | 737e191e8891dfe0008ce725e419738d510e5363 (patch) | |
tree | a20cab45079b85374c118ba3e7c8db4dff87ea44 | |
parent | 19708e1361bba15ae9d829e710bd3f766699a766 (diff) |
Create header banner for everypage
Now, every page has a banner with Maneage logo on it. Fixed the html and
css both.
-rw-r--r-- | about.html | 16 | ||||
-rw-r--r-- | css/base.css | 7 | ||||
-rwxr-xr-x | index.html | 2 | ||||
-rw-r--r-- | tutorial.html | 15 |
4 files changed, 28 insertions, 12 deletions
@@ -60,11 +60,17 @@ </div> </nav> </header> - <h1>Maneage: managing data lineage</h1> - - <p>Copyright (C) 2018-2020 Mohammad Akhlaghi <a href="mailto:mohammad@akhlaghi.org">mohammad@akhlaghi.org</a><br /> - Copyright (C) 2020 Raul Infante-Sainz <a href="mailto:infantesainz@gmail.com">infantesainz@gmail.com</a><br /> - See the end of the file for license conditions.</p> + <div class="banner"> + <div> + <a href="index.html"><img src="img/maneage-logo.svg" /></a> + </div> + <div> + <h1>Maneage</h1><h2>Managing data lineage</h2> + <p>Copyright (C) 2018-2020 Mohammad Akhlaghi <a href="mailto:mohammad@akhlaghi.org">mohammad@akhlaghi.org</a><br /> + Copyright (C) 2020 Raul Infante-Sainz <a href="mailto:infantesainz@gmail.com">infantesainz@gmail.com</a><br /> + See the end of the file for license conditions.</p> + </div> + </div> <p>Maneage is a <strong>fully working template</strong> for doing reproducible research (or writing a reproducible paper) as defined in the link below. If the link diff --git a/css/base.css b/css/base.css index 9576954..3758162 100644 --- a/css/base.css +++ b/css/base.css @@ -125,13 +125,16 @@ nav li{ .banner div{ display: inline-block; vertical-align: middle; + text-align: left; } .banner h1{ font-size: 300%; - vertical-align: middle; + text-shadow: 2px 2px 1px rgba(255,255,255,1), + 4px 4px 1px rgba(50,50,50,0.25); } .banner h2{ - font-size: 100%; + font-size: 200%; + vertical-align: middle; } .banner img{ min-width: 170px; @@ -69,7 +69,7 @@ <img src="img/maneage-logo.svg" /></a> </div> <div> - <h1 class="text-shadow">Maneage</h1> + <h1>Maneage</h1> <h2>Managing Data Lineage</h2> </div> </div> diff --git a/tutorial.html b/tutorial.html index e0f715f..1439f10 100644 --- a/tutorial.html +++ b/tutorial.html @@ -60,11 +60,18 @@ </div> </nav> </header> - <h1>Maneage tutorial</h1> + <div class="banner"> + <div> + <a href="index.html"><img src="img/maneage-logo.svg" /></a> + </div> + <div> + <h1>Maneage</h1><h2>Tutorial</h2> + <p>Copyright (C) 2020 Raul Infante-Sainz <a href="mailto:infantesainz@gmail.com">infantesainz@gmail.com</a><br /> + Copyright (C) 2020 Mohammad Akhlaghi <a href="mailto:mohammad@akhlaghi.org">mohammad@akhlaghi.org</a><br /> + See the end of the file for license conditions.</p> + </div> + </div> - <p>Copyright (C) 2020 Raul Infante-Sainz <a href="mailto:infantesainz@gmail.com">infantesainz@gmail.com</a><br /> - Copyright (C) 2020 Mohammad Akhlaghi <a href="mailto:mohammad@akhlaghi.org">mohammad@akhlaghi.org</a><br /> - See the end of the file for license conditions.</p> <p>This document is a tutorial in which it is described how <code>Maneage</code> (management + lineage) works in practice. It is highly recommended to read |