diff options
| -rw-r--r-- | TODO.org | 1 | ||||
| -rw-r--r-- | bin/page.html.erb | 2 | ||||
| -rw-r--r-- | src/main.scss | 27 |
3 files changed, 19 insertions, 11 deletions
@@ -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; |