bike
/
BikeBikeBike
1
0
Fork 0
Code Issues 4 Pull Requests Projects Releases Wiki Activity
Browse Source

Removed font awesome

development
Godwin 11 years ago
parent
78d1db670c
commit
14005b8702
14 changed files with 165 additions and 69 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      app/assets/stylesheets/foundation_and_overrides.scss
  2. 162
      app/assets/stylesheets/sass/_layout.scss
  3. 8
      app/assets/stylesheets/sass/_typography.scss
  4. 21
      app/helpers/application_helper.rb
  5. 9
      app/views/conferences/_header.html.haml
  6. 2
      app/views/conferences/index.html.haml
  7. 1
      app/views/layouts/application.html.haml
  8. 2
      app/views/organizations/index.html.haml
  9. 2
      app/views/organizations/show.html.haml
  10. 2
      app/views/pages/translation_list.html.haml
  11. 3
      app/views/pages/translations.html.haml
  12. 6
      app/views/shared/_footer.html.haml
  13. 5
      db/migrate/20140712190647_add_cover_attribution_user_id_to_organizations.rb
  14. 5
      db/migrate/20140712190815_add_cover_attribution_user_id_to_conferences.rb

4
app/assets/stylesheets/foundation_and_overrides.scss
View File

@ -1131,8 +1131,8 @@ $include-open-sans: false;
// We use these to style paragraphs
// $paragraph-font-family: inherit;
// $paragraph-font-weight: normal;
$paragraph-font-size: 1.4rem;
$paragraph-line-height: 1.5;
$paragraph-font-size: 1.1rem;
$paragraph-line-height: 1.5em;
// $paragraph-margin-bottom: rem-calc(20);
// $paragraph-aside-font-size: rem-calc(14);
// $paragraph-aside-line-height: 1.35;

162
app/assets/stylesheets/sass/_layout.scss
View File

@ -100,9 +100,12 @@ body {
position: absolute;
z-index: 10;
//background-color: $white;
//background-color: rgba($white, 0.33);
background-color: transparent;
@include background-image(linear-gradient(top, #000 0%, rgba(#000, 0) 100%));
background-color: rgba($white, 0.5);
.has-banner-image & {
background-color: transparent;
@include background-image(linear-gradient(top, #000 0%, rgba(#000, 0) 100%));
}
.buttons {
display: block;
@ -171,7 +174,10 @@ body {
padding: 2.5%;
font-size: 1em;
min-height: 100vh;
background-image: none;
.has-banner-image & {
background-image: none;
}
.button, p {
display: block;
@ -243,47 +249,17 @@ main {
#banner {
position: relative;
padding-bottom: 4em;
background-size: cover;
background-position: center 66.6667%;
//padding-top: 4em;
color: $white;
background-color: rgba($conference-color, 0.33);
background-blend-mode: overlay;
overflow: hidden;
@include text-shadow(0 0 0.5em $black);
background-color: $black;
h1, h2 {
color: inherit;
}
.no-blend-modes & {
&:before {
content: '';
display: block;
position: absolute;
background-color: inherit;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
}
&:after {
content: '';
display: block;
position: absolute;
//background-color: inherit;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
@include background-image(linear-gradient(top, rgba(0,0,0,0) 50%, darken($conference-color, 25) 100%));
mix-blend-mode: multiply;
}
.row {
height: 100%;
z-index: 2;
@ -314,6 +290,45 @@ main {
}
.organizations & {
background-color: $organization-color;
}
.has-banner-image & {
padding-bottom: 4em;
background-color: rgba($conference-color, 0.33);
background-blend-mode: overlay;
@include text-shadow(0 0 0.5em $black);
.no-blend-modes & {
&:before {
content: '';
display: block;
position: absolute;
background-color: inherit;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
}
&:after {
content: '';
display: block;
position: absolute;
//background-color: inherit;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
@include background-image(linear-gradient(top, rgba(0,0,0,0) 50%, darken($conference-color, 25) 100%));
mix-blend-mode: multiply;
}
}
.has-banner-image.organizations & {
background-color: rgba($organization-color, 0.33);
&:after {
@ -367,13 +382,15 @@ main {
}
@include breakpoint(medium) {
min-height: 40em;
height: 100%;
height: 100vh;
padding-top: 7.5em;
padding: 7.5em 4em 1em;
.has-banner-image & {
min-height: 40em;
height: 100%;
height: 100vh;
}
.organizations-show &,
.conferences-show & {
.page-style-article & {
min-height: 30em;
height: 50%;
height: 50vh;
@ -410,26 +427,36 @@ main {
}
}
.organizations-index &,
.conferences-index & {
.page-style-list & {
min-height: 10em;
height: 30em;
height: 30vw;
h1 {
font-size: 6em;
font-size: 6vw;
}
}
}
@include breakpoint(large) {
padding-top: 0;
border-bottom-left-radius: 2.5em;
padding-top: 2em;
.has-banner-image & {
padding-top: 0;
}
.no-content & {
border-radius: 0;
}
&:after {
border-bottom-left-radius: inherit;
}
.organizations-index &,
.conferences-index & {
.page-style-list & {
height: 15em;
height: 15vw;
h1 {
@ -464,8 +491,49 @@ main {
}
#footer {
position: relative;
min-height: 5em;
background-color: inherit;
z-index: 1;
i {
display: inline-block;
border-left: 3px solid;
height: 1em;
vertical-align: middle;
-webkit-transform: skewX(-15deg);
-moz-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
transform: skewX(-15deg);
}
}
.photo-attribution {
position: absolute;
right: 0.25em;
font-size: 0.8em;
text-align: right;
margin: 0.25em 0.25em 0 0;
@include opacity(0.5);
z-index: 2;
> span {
display: none;
}
&:hover {
@include opacity(1);
> span {
display: block;
}
}
.no-content & {
a, a:visited {
color: $white;
}
}
}
/*body {

8
app/assets/stylesheets/sass/_typography.scss
View File

@ -26,6 +26,7 @@
font-size: 1.333em;
border: 0.15em solid transparent;
padding: 0.5em 1em;
vertical-align: middle;
&.organization, &.secondary {
background-color: $organization-color;
@ -432,6 +433,7 @@ form > div:first-child + .columns:not([class*="medium-"]) {
.actions {
text-align: center;
padding-top: 1em;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
@ -550,3 +552,9 @@ svg {
color: rgba($white, 0.5);
}
}
article {
p {
font-size: 1.4rem;
}
}

21
app/helpers/application_helper.rb
View File

@ -43,6 +43,7 @@ module ApplicationHelper
def banner_image(banner_image, name: nil, id: nil, user_id: nil, src: nil)
@@no_banner = false
@@banner_image = banner_image
if (name || id || user_id || src)
@@banner_attribution_details = {:name => name, :id => id, :user_id => user_id, :src => src}
end
@ -50,6 +51,7 @@ module ApplicationHelper
end
def banner_attrs(banner_image)
@@no_banner = false
if banner_image.length > 0
@@banner_image = banner_image
return {style: 'background-image: url(' + banner_image + ');', class: 'has-image' }
@ -79,9 +81,9 @@ module ApplicationHelper
src = @@banner_attribution_details[:src]
attribution = '<div class="photo-attribution' + (src ? ' ' + src : '') + '">'
if src == 'panoramio'
attribution += '<a href="http://www.panoramio.com/photo/' + @@banner_attribution_details[:id].to_s + '">' +
_('Image_provided_by_panoramio_user') +
'</a> <a href="http://www.panoramio.com/user/' + @@banner_attribution_details[:user_id].to_s + '">' + @@banner_attribution_details[:name] + '</a>' +
attribution += '<a href="http://www.panoramio.com/photo/' + @@banner_attribution_details[:id].to_s + '" target="_blank">&copy; ' +
_('Banner_image_provided_by_panoramio_user') +
'</a> <a href="http://www.panoramio.com/user/' + @@banner_attribution_details[:user_id].to_s + '" target="_blank">' + @@banner_attribution_details[:name] + '</a>' +
'<span>' + _('Photos_provided_by_Panoramio_are_under_the_copyright_of_their_owners') + '</span>'
end
attribution += '</div>'
@ -95,12 +97,19 @@ module ApplicationHelper
def page_style(style)
classes = ['page-style-' + style.to_s]
if @@no_banner
classes << 'no-banner'
end
#if @@no_banner
# classes << 'no-banner'
#end
if ThereAreTranslationsOnThisPage?
classes << 'has-translations'
end
if !@@has_content
classes << 'no-content'
end
if @@banner_image
classes << 'has-banner-image'
end
if params[:controller]
classes << params[:controller]

9
app/views/conferences/_header.html.haml
View File

@ -1,12 +1,12 @@
- banner_image @conference.cover_url, id: 532693, name: 'phil', user_id: 1429589, src: 'panoramio'
- page_style 'emphasize-banner'
- banner_image @conference.cover_url, id: @conference.cover_attribution_id, name: @conference.cover_attribution_name, user_id: @conference.cover_attribution_user_id, src: @conference.cover_attribution_src
- page_style (params['controller'] == 'conferences' ? 'article' : 'emphasize-banner')
- content_for :banner do
.row
.columns.small-12.banner
%figure
%img{src: @conference.poster_url}
.columns.medium-6.align-bottom
.columns.medium-8.align-bottom
%div
%h1='Bike!Bike! '+@conference.start_date.year.to_s
%h2
@ -16,7 +16,7 @@
= (l @conference.start_date, format: :date) + ' - ' + (l @conference.end_date, format: :date)
- if params['controller'] != 'conferences'
%p= ActionView::Base.full_sanitizer.sanitize(@conference.info).gsub(/^(.{300,350}\.)(.*)$/m, '\1...')
.columns.medium-6.centered.align-bottom
.columns.medium-4.centered.align-bottom
%div
- if @conference.registration_open
%a.button{href: @conference.url(:register)}
@ -24,4 +24,3 @@
- if params['controller'] != 'conferences'
%a.button.more{href: @conference.url}
=_'conference.More_Info'
= banner_attribution

2
app/views/conferences/index.html.haml
View File

@ -1,6 +1,6 @@
- page_style :list
- title _'page.Conferences'
- banner_image '/assets/conference.jpg'
- page_style :list
- content_for :banner do
.row
.columns

1
app/views/layouts/application.html.haml
View File

@ -42,6 +42,7 @@
- if has_banner?
%header#banner{banner_attrs(yield_or_default :banner_image)}
= yield :banner
= banner_attribution
- if has_content?
#content=yield
- else

2
app/views/organizations/index.html.haml
View File

@ -1,6 +1,6 @@
- page_style :list
- title _'page.Organizations'
- banner_image '/assets/orgs.jpg'
- page_style :list
- content_for :banner do
.row
.columns

2
app/views/organizations/show.html.haml
View File

@ -1,5 +1,5 @@
- page_style 'organization'
- banner_image @organization.cover_url
- page_style 'article'
- content_for :banner do
.row{:class => (@organization.avatar.is_landscape? ? 'landscape' : 'portrait')}
.columns{:class => (@organization.avatar.is_landscape? ? nil : ['medium-6', 'medium-push-6'])}

2
app/views/pages/translation_list.html.haml
View File

@ -1,3 +1,5 @@
- banner_title 'Translations'
.row
%h1
= _ 'languages.list'

3
app/views/pages/translations.html.haml
View File

@ -1,8 +1,7 @@
- banner_title (_ 'language_translations', vars: {:language => (_ ('languages.' + @lang))})
- page_style :form
.row
%h1
= _ 'language_translations', vars: {:language => (_ ('languages.' + @lang))}
%table.columns#translations{data: {token: form_authenticity_token}}
%thead
%tr

6
app/views/shared/_footer.html.haml
View File

@ -1,9 +1,9 @@
%footer.row
.columns.medium-8.medium-push-1.large-6.large-push-3.text-center
.columns.medium-8.medium-push-1.large-6.large-push-2.text-center
%a{href: '/conferences/'}='Conferences'
\/
%i
%a{href: '/conferences/'}='Organizations'
\/
%i
%a{href: '/conferences/'}='Zine'
.columns.medium-3.large-3.text-right
&copy;2014 Bike!Bike!

5
db/migrate/20140712190647_add_cover_attribution_user_id_to_organizations.rb
View File

@ -0,0 +1,5 @@
class AddCoverAttributionUserIdToOrganizations < ActiveRecord::Migration
def change
add_column :organizations, :id, :integer
end
end

5
db/migrate/20140712190815_add_cover_attribution_user_id_to_conferences.rb
View File

@ -0,0 +1,5 @@
class AddCoverAttributionUserIdToConferences < ActiveRecord::Migration
def change
add_column :conferences, :id, :integer
end
end
Write Preview
Loading…
Cancel
Save