Navigation

app/assets/stylesheets/application.sass

@@ -15,23 +15,36 @@
  */
 
 $brand-success: #66903F
-$font-size-base: 16px
+$font-size-base: 14px
 $font-size-h3: $font-size-base
+$navbar-default-bg: #FFF
+$navbar-default-border: none
+$navbar-padding-horizontal: none
+$navbar-default-link-color: #66903F
+$navbar-default-link-active-bg: #FFF
 
 @import "bootstrap-sprockets"
 @import "bootstrap"
 @import "typeaheadjs"
 
 body
-  .container
+  > .container
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
     padding-top: 20px
   
+  header
+    h1
+      font-size: 20px
+      margin-top: 35px
+  
+  ul#topnav
+    font-size: 1.5em
+    
+    li.active
+      border-bottom: 1px solid #66903F
   
   .lead
     font-weight: normal
-  .pagelogo
-    margin-top: 22px
     
   #new_supporter
     label.required

app/views/layouts/application.html.slim

@@ -38,5 +38,6 @@ html lang="#{I18n.locale}"
     / = console if Rails.env.development?
     .container
       = render 'shared/header'
+      = render 'shared/topnavigation'
       = render 'shared/flashes'
       = yield

app/views/shared/_header.slim

@@ -4,7 +4,7 @@ header
       = image_tag('ch420_logo.png', class:'img-responsive pagelogo', alt: t('.logo'))
     .col-md-8.col-xs-8
       h1
-        = title t('.title_html')
+        = t('.title_html')
     .col-xs-12.col-md-3
       nav.pull-right
         h2.sr-only =t('.lang')

app/views/shared/_topnavigation.slim

@@ -0,0 +1,6 @@
+= navbar do
+  = navbar_header 
+  = navbar_collapse do
+    = navbar_group  id: 'topnav' do
+      = navbar_item "Home", "/#{I18n.locale}"
+      = navbar_item t('.donation'), spenden_path

app/views/supporters/_form.slim

@@ -1,6 +1,7 @@
+- title(t('shared.header.title_html'))
 .row
   .col-xs-12.col-md-7
-    h2.sr-only =t('.form')
+    h2.sr-only = t('.form')
     = simple_form_for @supporter do |f|
       = f.input :first_name, placeholder: t('.placeholders.first_name')
       = f.input :last_name, placeholder: t('.placeholders.last_name')