Create header banner for everypage

Now, every page has a banner with Maneage logo on it. Fixed the html and
css both.

4 files changed, 28 insertions, 12 deletions

diff --git a/about.html b/about.html
index 2cff22a..cc233f1 100644
--- a/about.html
+++ b/about.html
@@ -60,11 +60,17 @@
                         </div>
                     </nav>
                 </header>
-                <h1>Maneage: managing data lineage</h1>
-
-                <p>Copyright (C) 2018-2020 Mohammad Akhlaghi <a href="&#109;&#x61;&#x69;&#x6C;&#x74;&#x6F;:&#x6D;&#111;&#104;&#97;&#x6D;&#109;a&#x64;&#64;&#x61;&#107;&#x68;&#x6C;&#x61;&#x67;&#104;&#x69;.&#x6F;&#x72;&#103;">&#x6D;&#111;&#104;&#97;&#x6D;&#109;a&#x64;&#64;&#x61;&#107;&#x68;&#x6C;&#x61;&#x67;&#104;&#x69;.&#x6F;&#x72;&#103;</a><br />
-                Copyright (C) 2020 Raul Infante-Sainz <a href="m&#x61;&#105;&#108;t&#111;:&#x69;&#x6E;&#x66;&#x61;&#x6E;&#116;&#101;&#115;&#97;&#x69;n&#122;&#64;&#103;&#x6D;&#x61;&#x69;&#x6C;&#x2E;&#x63;&#111;&#x6D;">&#x69;&#x6E;&#x66;&#x61;&#x6E;&#116;&#101;&#115;&#97;&#x69;n&#122;&#64;&#103;&#x6D;&#x61;&#x69;&#x6C;&#x2E;&#x63;&#111;&#x6D;</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="&#109;&#x61;&#x69;&#x6C;&#x74;&#x6F;:&#x6D;&#111;&#104;&#97;&#x6D;&#109;a&#x64;&#64;&#x61;&#107;&#x68;&#x6C;&#x61;&#x67;&#104;&#x69;.&#x6F;&#x72;&#103;">&#x6D;&#111;&#104;&#97;&#x6D;&#109;a&#x64;&#64;&#x61;&#107;&#x68;&#x6C;&#x61;&#x67;&#104;&#x69;.&#x6F;&#x72;&#103;</a><br />
+                        Copyright (C) 2020 Raul Infante-Sainz <a href="m&#x61;&#105;&#108;t&#111;:&#x69;&#x6E;&#x66;&#x61;&#x6E;&#116;&#101;&#115;&#97;&#x69;n&#122;&#64;&#103;&#x6D;&#x61;&#x69;&#x6C;&#x2E;&#x63;&#111;&#x6D;">&#x69;&#x6E;&#x66;&#x61;&#x6E;&#116;&#101;&#115;&#97;&#x69;n&#122;&#64;&#103;&#x6D;&#x61;&#x69;&#x6C;&#x2E;&#x63;&#111;&#x6D;</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;
diff --git a/index.html b/index.html
index 4ec9bcd..ff5c557 100755
--- a/index.html
+++ b/index.html
@@ -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="&#x6D;&#x61;&#105;&#x6C;&#116;&#111;:&#x69;&#110;&#102;&#97;&#x6E;t&#x65;&#115;&#x61;&#105;&#x6E;&#122;&#64;&#103;&#109;&#97;&#x69;&#x6C;&#46;&#x63;&#111;m">&#x69;&#110;&#102;&#97;&#x6E;t&#x65;&#115;&#x61;&#105;&#x6E;&#122;&#64;&#103;&#109;&#97;&#x69;&#x6C;&#46;&#x63;&#111;m</a><br />
+                        Copyright (C) 2020 Mohammad Akhlaghi <a href="&#x6D;a&#x69;&#x6C;&#116;&#x6F;:&#109;&#x6F;&#x68;&#x61;&#109;&#x6D;&#97;&#100;&#64;&#97;&#x6B;&#104;&#108;a&#103;&#x68;&#105;&#46;o&#x72;&#103;">&#109;&#x6F;&#x68;&#x61;&#109;&#x6D;&#97;&#100;&#64;&#97;&#x6B;&#104;&#108;a&#103;&#x68;&#105;&#46;o&#x72;&#103;</a><br />
+                        See the end of the file for license conditions.</p>
+                    </div>
+                </div>
 
-                <p>Copyright (C) 2020 Raul Infante-Sainz <a href="&#x6D;&#x61;&#105;&#x6C;&#116;&#111;:&#x69;&#110;&#102;&#97;&#x6E;t&#x65;&#115;&#x61;&#105;&#x6E;&#122;&#64;&#103;&#109;&#97;&#x69;&#x6C;&#46;&#x63;&#111;m">&#x69;&#110;&#102;&#97;&#x6E;t&#x65;&#115;&#x61;&#105;&#x6E;&#122;&#64;&#103;&#109;&#97;&#x69;&#x6C;&#46;&#x63;&#111;m</a><br />
-                Copyright (C) 2020 Mohammad Akhlaghi <a href="&#x6D;a&#x69;&#x6C;&#116;&#x6F;:&#109;&#x6F;&#x68;&#x61;&#109;&#x6D;&#97;&#100;&#64;&#97;&#x6B;&#104;&#108;a&#103;&#x68;&#105;&#46;o&#x72;&#103;">&#109;&#x6F;&#x68;&#x61;&#109;&#x6D;&#97;&#100;&#64;&#97;&#x6B;&#104;&#108;a&#103;&#x68;&#105;&#46;o&#x72;&#103;</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