Move splashpage logdgings descriptions to a modal

app/views/conferences/_lodging.haml

@@ -18,24 +18,19 @@
       .row.row-centered
         - lodgings.each do |lodging|
           .col-md-4.col-sm-4.col-centered.col-top
-            .thumbnail
-              - if lodging.picture?
-                - if lodging.website_link.present?
-                  = link_to(lodging.website_link, class: 'thumbnail') do
-                    = image_tag lodging.picture.large.url,
-                      class: 'img-responsive img-lodging'
-                - else
+            %a{ href: '#', data: { toggle: 'modal',
+              target: "#modal-lodging-#{lodging.id}" } }
+              .thumbnail
+                - if lodging.picture?
                   = image_tag lodging.picture.large.url,
                     class: 'img-responsive img-lodging'
-              - else
-                %p.text-center
-                  - if lodging.website_link.present?
-                    = link_to(lodging.website_link, class: 'thumbnail') do
-                      %i.fa.fa-home.fa-5x
-                  - else
+                - else
+                  %p.text-center
                     %i.fa.fa-home.fa-5x
-              .caption
-                %h3.text-center
-                  = lodging.name
-                - if lodging.description.present?
-                  = markdown(lodging.description)
+                .caption
+                  %h3.text-center
+                    = lodging.name
+
+- lodgings.each do |lodging|
+  - content_for :modals do
+    = render 'modal_description', object: lodging