Merge pull request #245 from gopesht/add_styling_to_splash

Add styling to splash

app/assets/stylesheets/osem.css

@@ -92,16 +92,23 @@ body {
     padding-bottom: 20px;
 }
 
-#location{
+#venue-banner-disp{
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
- min-height: 500px;
  background-size: cover;
  -webkit-background-size:cover;
 }
+#venue-banner-disp.with-background{
+    min-height: 500px;
+}
 
-#location li{
+#venue-banner-disp li{
   display: inline-block;
   margin-right: 2em;
 }
+
+.pad{
+    padding-top: 35px;
+    padding-bottom: 35px;
+}

app/views/conference/_location.html.haml

@@ -3,6 +3,7 @@
     %a{ href: '#location' } Location
 
 
+%div#venue-banner-disp{ style: ("background-image: url(#{@conference.venue.photo})" unless @conference.venue.photo.blank?), class:('with-background' unless @conference.venue.photo.blank?) }
   %div.container.text-center
     .div.row.col-md-12
       - unless @conference.venue.name.blank?
@@ -23,14 +24,3 @@
           %li
             %b
               = link_to 'Visit Venue Website', @conference.venue.website, target: '_blank'
-
-
-- unless @conference.venue.photo.blank?
-  :javascript
-    $(document).ready(function(){
-      var photo = "#{@conference.venue.photo}";
-      if(photo)
-      {
-        $('#location').css('background-image', 'url('+photo+')');
-      }
-    });

app/views/conference/show.html.haml

@@ -3,20 +3,31 @@
 
 - unless @conference.description.blank?
   %p= @conference.description
-%div#program
+  %section{ id: 'program' }
+  .pad
     = render 'program'
-%div#registration
+
+%section{ id: 'registration' }
+.pad
   = render 'registration'
+
 -unless @conference.call_for_papers.blank?
-  %div#callforpapers
+  %section{ id:'callforpapers' }
+  .pad
     = render 'call_for_papers'
 -unless @conference.venue.blank?
-  %div#location
+  %section{ id: 'location' }
+  .pad
     = render 'location'
 - if @conference.venue
   - unless @conference.venue.lodgings.empty?
     = render 'lodging'
-%div#sponsors
+
+%section{ id: 'sponsors' }
+.pad
   = render 'sponsor'
-%div#social-media
+
+%section{ id: 'social-media' }
+.pad
   = render 'social_media'
+