Partially migrated to Foundatoin 6

app/views/layouts/_topbar.slim

@@ -1,22 +1,14 @@
 header
   div.contain-to-grid
-    nav.top-bar data-topbar=true role="navigation"
-      ul.title-area
+    .top-bar
+      .top-bar-title
         // TODO: Make the logo depend on the virtual host
-        li.name
-          img src="/images/logos/debian.svg" width="35" alt="Debian logo"
-          // TODO: Use proper distribution name
-          'Debian Screenshots >
-        // Not enough space for the search… where do we put it?
-        //li.item
-        //  = form_tag( url(:package, :index), :method=>'get')
-        //    = search_field_tag :search, :placeholder=>'Search…', :autofocus=>true
-        li.toggle-topbar.menu-icon
-          a href="#"
-            span Menu
+        img src="/images/logos/debian.svg" width="35" alt="Debian logo"
+        // TODO: Use proper distribution name
+        'Debian Screenshots >
 
-      section.top-bar-section
-        ul.right
+      .top-bar-right
+        ul.menu
           li class=('active' if controller_name=='welcome' and action_name=='home')
             a href="/" Home
           li class=('active' if controller_name=='packages')

app/views/layouts/application.html.slim

@@ -1,14 +1,14 @@
 doctype html
 html
   head
-    title screenshots.debian.net
+    title =(content_for?(:title) ? yield(:title) : "screenshots.debian.net")
     / TODO: make title reflect the virtual host (e.g. Debian)
     meta charset="utf-8"
-    meta name="keywords" content="debian screenshots packages applications linux"
+    / meta name="keywords" content="debian screenshots packages applications linux"
     meta name="viewport" content="width=device-width, initial-scale=1.0"
     / TODO: make the keywords reflect the virtual host (e.g. Debian)
     = stylesheet_link_tag "application", media: "all"
-    = javascript_include_tag "vendor/modernizr"
+    / = javascript_include_tag "vendor/modernizr"
     = javascript_include_tag "application"
     = csrf_meta_tags
 
@@ -24,7 +24,6 @@ html
   // Load Javascript libraries
   // Initialize Zurb Foundation
   javascript:
-    //$(document).foundation();
     $(".fancybox").fancybox({
       prevEffect	: 'none',
       nextEffect	: 'none',