Simplified browsing view

app/views/packages/browse.slim

@@ -0,0 +1,48 @@
+// Paginator and search bar
+.grid-x
+  .small-6.medium-8.large-9.cell
+    // Paginator
+    = render(partial: 'packages/paginator', locals: {items: @packages})
+
+  .small-6.medium-4.large-3.cell
+    // Search form
+    = render 'packages/searchfield'
+
+// Grid view of packages
+.grid-x
+  .small-9.large-10.cell
+    - if @packages.any?
+      - if @view_style==:grid
+        .grid-x.grid-margin-x.small-up-1.medium-up-2.large-up-3 data-equalizer=true data-equalize-on="medium"
+          - @packages.all.each do |pkg|
+            .cell.pkgcard data-equalizer-watch=true
+              = render partial: 'packages/grid_small_image', locals: { pkg: pkg }
+      - elsif @view_style==:list
+        - @packages.to_a.each do |pkg|
+          .grid-x.listview
+            .small-12.medium-4.cell.pkgcard
+              = render partial: 'packages/grid_small_image', locals: { pkg: pkg }
+            .small-12.medium-8.cell
+              h1
+                a href=package_path(name: pkg.name)
+                  =pkg.name
+              .packagedetails
+                h2 =pkg.description
+                = pkg.long_description_first_paragraph or 'Sorry - no description available.'
+      
+
+    - else
+      div.panel.callout.radius
+        ' Sorry. I couldn't find any software package like that.
+        ' Would you like to view
+        '
+        a href=url_for(show: params[:show]) all packages
+        '
+        ' instead?    
+
+    // Paginator
+    = render(partial: 'packages/paginator', locals: {items: @packages})
+
+  // Icon sidebar for options and views
+  .small-3.large-2.cell
+    = render 'packages/sidebar'