play with the header

3 files changed, 19 insertions, 11 deletions

diff --git a/TODO.org b/TODO.org
index 6d38b78..90da080 100644
--- a/TODO.org
+++ b/TODO.org
@@ -4,6 +4,5 @@
 - categories (writing/programming/dnd)
 * style
 - org tables
-- move breadcrumbs
 * wish
 - case insenstive URLs
diff --git a/bin/page.html.erb b/bin/page.html.erb
index 49be4e8..1171705 100644
--- a/bin/page.html.erb
+++ b/bin/page.html.erb
@@ -9,7 +9,6 @@
  </head>
  <body<% if @page.class %> class="<%= @page.class %>"<% end %>>
   <header>
-   <p class=breadcrumbs><%= @page.breadcrumbs %></p>
    <h1>AndrewDM</h1>
    <nav>
     <ul>
@@ -22,6 +21,7 @@
       </form>
     </ul>
    </nav>
+   <p class=breadcrumbs><%= @page.breadcrumbs %></p>
   </header>
   <article>
    <% if @page.tags.count > 0 %><p>Tags: <% @page.tags.each do |t| %><%= t.html %><% end %></p><% end %>
diff --git a/src/main.scss b/src/main.scss
index 52bca7c..e143892 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -5,19 +5,25 @@ body {
 
 header {
 	width: 100%;
-	background-color: black;
-	color: white;
+
+	h1 {
+		font-size: 50px;
+		margin: 0;
+		background-color: rgba(0, 0, 0, 0.6);
+		color: white;
+		padding: 4px;
+		padding-bottom: 0;
+	}
+
 	p.breadcrumbs {
-		background-color: Maroon;
+		background-color: rgba(0, 0, 0, 0.6);
 		margin: 0;
+		color: white;
+		padding: 4px;
 		a {
 			color: GoldenRod;
 		}
 	}
-	h1 {
-		font-size: 50px;
-		margin: 0;
-	}
 
 	nav {
 		/* layout */
@@ -39,8 +45,8 @@ header {
 		background-color: Maroon;
 		a {
 			padding: 0.2em 1em;
-
 			font-size: 40px;
+
 			color: GoldenRod;
 			text-decoration: none;
 
@@ -56,11 +62,14 @@ header {
 		}
 
 		form {
-			padding: 0.2 1em;
+			padding: 0.2em 0;
+			font-size: 40px;
 			display: block;
+
 			input {
 				font-size: 25px;
 				border: solid 1px #333333;
+				vertical-align: middle;
 			}
 			input[type="search"] {
 				max-width: 10em;