Merge pull request #2 from rbowen/main
organizing events
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 882da72..129bad6 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -29,10 +29,7 @@
</head>
<body>
- <div id="banner">
- <img id="logo" alt="Apache" src="/images/asf_logo.png" width="164">
- {{ partial "breadcrumbs.html" . }}
- </div>
+ {{ partial "banner.html" . }}
<div id="navigation">
<ul>
diff --git a/layouts/partials/banner.html b/layouts/partials/banner.html
new file mode 100644
index 0000000..3b5ac9e
--- /dev/null
+++ b/layouts/partials/banner.html
@@ -0,0 +1,11 @@
+<div id="banner">
+ <div>
+ <div class="topbanner">
+ <div class="sitename">Apache Software Foundation Events</div>
+ <a class="logo" href="https://www.apache.org">
+ <img alt="ASF website" src="/images/asf_logo.png" width="164">
+ </a>
+ {{ partial "breadcrumbs.html" . }}
+ </div>
+ </div>
+ </div>
\ No newline at end of file
diff --git a/static/style/screen.css b/static/style/screen.css
index f6db1e4..59c2f44 100644
--- a/static/style/screen.css
+++ b/static/style/screen.css
@@ -24,6 +24,25 @@
#banner {
padding: 0 0 10px 10px;
+ color:black;
+ border-bottom: solid #EEE 1px;
+ background-color: #f5f8fa;
+}
+
+#banner .sitename {
+ text-transform: none;
+ font-weight: normal;
+ font-size:200%;
+ display:inline;
+}
+
+#banner .logo {
+ float:right;
+}
+
+.breadcrumbs {
+ display:block;
+ padding: 0.2em;
}
a {
@@ -43,7 +62,8 @@
h1,h2,h3,h4,h5,h6 {
color: #193240;
- text-transform:uppercase;
+ text-transform:capitalize;
+ border-left: solid #EEE 1px;
}
#content {
