new header with logo - sitename in a row

3 years ago · f5644f1cfc
2 changed files with 22 additions and 1 deletions
--- a/static/css/style.css
+++ b/static/css/style.css
@ -12,6 +12,16 @@ body {
    margin-right: 33%;
 }

+.sitebanner {
+    position: relative;
+    top: 20px;
+}
+
+.siteimage {
+    float: left;
+    width: 120px;
+}
+
 a:link { color: #003399; text-decoration: none; }
 a:visited { color: #336699; text-decoration: none; }
 a:hover { color: #003399; background: #ff8c19; text-decoration: none; }
--- a/templates/base.html
+++ b/templates/base.html
@ -34,8 +34,19 @@

 <body id="index" class="home">
  <header id="banner" class="body">
-    <h1><a href="{{ SITEURL }}/">{{ SITENAME }} <strong>{{ SITESUBTITLE }}</strong></a></h1>
+      <!-- site image -->
+      {% if SITELOGO %}
+      <div class= "siteimage">
+      <a href={{ SITELOGO }}>
+      <img width="85" height="85" src={{ SITELOGO }}>
+      </a>
+      </div>
+	  {% endif %}
+      <div class = "sitebanner">
+      <h1><a href="{{ SITEURL }}/">{{ SITENAME }} <strong>{{ SITESUBTITLE }}</strong></a></h1>
+      </div>
  </header><!-- /#banner -->
+  <br /><br />
  <nav id="menu"><ul>
      {% for title, link in MENUITEMS %}
      <li><a href="{{ link }}">{{ title }}</a></li>