Fix splash layouts, other ui fixes

This commit is contained in:
Gopesh Tulsyan 2014-08-01 12:23:33 +05:30
parent a2089a09fa
commit ddfe8e5227
10 changed files with 245 additions and 254 deletions

View file

@ -67,16 +67,17 @@
src: local('Coustard-Black'), url("fonts/Coustard-Black.woff") format('woff'); src: local('Coustard-Black'), url("fonts/Coustard-Black.woff") format('woff');
} }
body { .splash {
background-color: #f2f2f2; background-color: #f2f2f2;
font-family: 'Lato'; font-family: 'Lato';
font-weight: 300; font-weight: 300;
font-size: 16px; font-size: 16px;
color: #555; color: #555;
margin-top: -10px;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
/*-webkit-overflow-scrolling: touch;*/ /*-webkit-overflow-scrolling: touch;*/
}
/* Titles */ /* Titles */
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
@ -85,17 +86,6 @@ h1, h2, h3, h4, h5, h6 {
color: #333; color: #333;
} }
/* Paragraph & Typographic */
p {
line-height: 28px;
margin-bottom: 25px;
font-size: 18px;
}
.centered {
text-align: center;
}
/* Links */ /* Links */
a { a {
color: #f85c37; color: #f85c37;
@ -146,7 +136,7 @@ a:after {
text-shadow: 0.2em 0.2em 0 #4A4F6A; text-shadow: 0.2em 0.2em 0 #4A4F6A;
} }
h1{ h1{
font-size: 200px; font-size: 5em;
font-weight: 700; font-weight: 700;
text-shadow:0.04em 0.04em 0 black; text-shadow:0.04em 0.04em 0 black;
} }
@ -269,6 +259,7 @@ a:after {
color: white; color: white;
} }
} }
}

View file

@ -6,4 +6,4 @@
<%= remove_association_link :track, f %> <%= remove_association_link :track, f %>
<% end %> <% end %>
</div> </div>
data: { provide: "markdown-editable" }

View file

@ -8,32 +8,32 @@
%h1 %h1
Call For Papers Call For Papers
- if !@conference.call_for_papers.description.blank? - if !@conference.call_for_papers.description.blank?
%p .lead
= markdown(@conference.call_for_papers.description) = markdown(@conference.call_for_papers.description)
- if !@conference.call_for_papers.start_date.blank? && !@conference.call_for_papers.end_date.blank? - if !@conference.call_for_papers.start_date.blank? && !@conference.call_for_papers.end_date.blank?
%p.lead Proposals will be accepted between .lead Proposals will be accepted between
#cfp-date #cfp-date
= date_string(@conference.call_for_papers.start_date, @conference.call_for_papers.end_date) = date_string(@conference.call_for_papers.start_date, @conference.call_for_papers.end_date)
- if @conference.cfp_open? - if @conference.cfp_open?
- if @conference.call_for_papers.end_date.to_time < Time.now - if @conference.call_for_papers.end_date.to_time < Time.now
%p Today is the last day. Hurry Up! .lead Today is the last day. Hurry Up!
- else - else
.row .row
.col-md-8.col-md-offset-3 .col-md-8.col-md-offset-3
%div.col-md-2.timer-box %div.col-md-2.timer-box
%h2#days %h2#days
%p Days .lead Days
%div.col-md-2.timer-box %div.col-md-2.timer-box
%h2#hours %h2#hours
%p Hours .lead Hours
%div.col-md-2.timer-box %div.col-md-2.timer-box
%h2#minutes %h2#minutes
%p Minutes .lead Minutes
%div.col-md-2.timer-box %div.col-md-2.timer-box
%h2#seconds %h2#seconds
%p Seconds .lead Seconds
.row .row
%p .lead
= link_to "Submit Your Proposals Today", conference_proposal_index_path(@conference.short_title), class: 'btn btn-info', target: '_blank' = link_to "Submit Your Proposals Today", conference_proposal_index_path(@conference.short_title), class: 'btn btn-info', target: '_blank'
-else -else
%h3 Deadline has ended %h3 Deadline has ended

View file

@ -3,5 +3,5 @@
= image_tag(photo.picture(:banner)) = image_tag(photo.picture(:banner))
- unless photo.description.blank? - unless photo.description.blank?
%div.carousel-caption %div.carousel-caption
%p.lead .lead
= photo.description = photo.description

View file

@ -13,7 +13,7 @@
%h2 %h2
%strong #{ @conference.venue.address } %strong #{ @conference.venue.address }
- unless @conference.venue.description.blank? - unless @conference.venue.description.blank?
%p .lead
= markdown(@conference.venue.description) = markdown(@conference.venue.description)
%ul.location-links %ul.location-links
- unless @conference.venue.address.blank? - unless @conference.venue.address.blank?

View file

@ -1,7 +1,7 @@
%div.container.text-center %div.container.text-center
%h2 Lodgings %h2 Lodgings
-unless @conference.lodging_description.blank? -unless @conference.lodging_description.blank?
%p.lead .lead
= markdown(@conference.lodging_description) = markdown(@conference.lodging_description)
%div.row.text-center %div.row.text-center
@ -13,7 +13,7 @@
-unless r.name.blank? -unless r.name.blank?
%h4.text-center #{ r.name } %h4.text-center #{ r.name }
-unless r.description.blank? -unless r.description.blank?
%p.text-left #{ markdown(r.description) } .lead.text-left #{ markdown(r.description) }
- unless r.website_link.blank? - unless r.website_link.blank?
.text-center .text-center
= link_to 'Go to Website', r.website_link = link_to 'Go to Website', r.website_link

View file

@ -5,7 +5,7 @@
%div.row %div.row
%h1 Registration %h1 Registration
- if !@conference.registration_description.blank? - if !@conference.registration_description.blank?
%p .lead
= markdown(@conference.registration_description) = markdown(@conference.registration_description)
- if @conference.registration_dates_given? - if @conference.registration_dates_given?
-if @conference.registration_end_date >= Date.today -if @conference.registration_end_date >= Date.today

View file

@ -6,7 +6,7 @@
%div.col-md-12 %div.col-md-12
%h2 Sponsors %h2 Sponsors
-if !@conference.sponsor_description.blank? -if !@conference.sponsor_description.blank?
%p .lead
= markdown(@conference.sponsor_description) = markdown(@conference.sponsor_description)
-if !@conference.sponsor_email.blank? -if !@conference.sponsor_email.blank?
%h3= mail_to "#{ @conference.sponsor_email }", 'Become a Sponsor' %h3= mail_to "#{ @conference.sponsor_email }", 'Become a Sponsor'

View file

@ -1,14 +1,14 @@
%div.row %div.row
%h3 Tickets %h3 Tickets
-if !@conference.ticket_description.blank? -if !@conference.ticket_description.blank?
%p .lead
= markdown(@conference.ticket_description) = markdown(@conference.ticket_description)
- @conference.supporter_levels.each do |s| - @conference.supporter_levels.each do |s|
%div.col-md-6 %div.col-md-6
- if !s.title.blank? - if !s.title.blank?
%h4 #{ s.title } %h4 #{ s.title }
-if !s.description.blank? -if !s.description.blank?
%p #{ s.description } .lead #{ s.description }
- if !s.url.blank? - if !s.url.blank?
%div.btn-group %div.btn-group
= link_to "Buy Ticket", s.url, class: 'btn btn-success', target: '_blank' = link_to "Buy Ticket", s.url, class: 'btn btn-success', target: '_blank'

View file

@ -1,13 +1,14 @@
= content_for :brand do = content_for :brand do
= link_to @conference.title, conference_url(@conference.short_title), class: 'navbar-brand' = link_to @conference.short_title, conference_url(@conference.short_title), class: 'navbar-brand'
= content_for :splash do = content_for :splash do
.splash
- if @conference.include_banner_in_splash? - if @conference.include_banner_in_splash?
%section{ id: 'splash-banner' } %section{ id: 'splash-banner' }
%div.banner-disp{ style: ("background-image: url(#{@conference.banner_photo})" unless @conference.banner_photo.blank?), class:('with-background' unless @conference.banner_photo.blank?) } %div.banner-disp{ style: ("background-image: url(#{@conference.banner_photo})" unless @conference.banner_photo.blank?), class:('with-background' unless @conference.banner_photo.blank?) }
%div.container.text-center.banner-text %div.container.text-center.banner-text
.row .row
%h1 %h1
= @conference.short_title = @conference.title
- if @conference.start_date && @conference.end_date - if @conference.start_date && @conference.end_date
.row .row
%h3 %h3
@ -16,7 +17,7 @@
- unless @conference.description.blank? - unless @conference.description.blank?
.row-fluid .row-fluid
.col-md-12.lead .col-md-12.lead
%p .lead
= markdown(@conference.description) = markdown(@conference.description)
-unless @conference.photos.blank? -unless @conference.photos.blank?
= link_to 'Gallery', gallery_photos_conference_path(@conference.short_title), class: 'btn btn-primary btn-lg', id: 'gallery-btn', remote: true = link_to 'Gallery', gallery_photos_conference_path(@conference.short_title), class: 'btn btn-primary btn-lg', id: 'gallery-btn', remote: true
@ -58,4 +59,3 @@
= render 'social_media' = render 'social_media'
= render 'footer' = render 'footer'