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

New logo and font and a few other minor things

Browse Source
This commit is contained in:
Godwin 2014-07-09 23:04:52 -06:00
parent 41165891b5
commit 623445411a
13 changed files with 68 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/assets/images/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
app/assets/images/icons.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

12
app/assets/javascripts/application.js.coffee
View File

@ -163,12 +163,12 @@ startTranslating = ($td) ->
return return
$ -> $ ->
trial = document.createElement('script'); #trial = document.createElement('script');
trial.type = 'text/javascript'; #trial.type = 'text/javascript';
trial.async = true; #trial.async = true;
trial.src = 'http://easy.myfonts.net/v2/js?sid=158991(font-family=Scotch+Modern+Bold)&sid=174040(font-family=Scotch+Micro)&key=WPfecRji9L'; #trial.src = 'http://easy.myfonts.net/v2/js?sid=158991(font-family=Scotch+Modern+Bold)&sid=174040(font-family=Scotch+Micro)&key=WPfecRji9L';
head = document.getElementsByTagName("head")[0]; #head = document.getElementsByTagName("head")[0];
head.appendChild(trial); #head.appendChild(trial);
#$(document).foundation(); #$(document).foundation();
$('.field.country-select select').change () -> $('.field.country-select select').change () ->
$country = $(this) $country = $(this)

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

@ -47,7 +47,7 @@ $header-font-weight: bold;
// $header-bottom-margin: .5rem; // $header-bottom-margin: .5rem;
// $header-text-rendering: optimizeLegibility; // $header-text-rendering: optimizeLegibility;
$color-1: #00ACEE; // blue $color-1: #00ADEF; // blue
$color-2: #A0C700; // green $color-2: #A0C700; // green
$color-3: #F11845; // pink $color-3: #F11845; // pink
$color-4: #FFCC00; // yellow $color-4: #FFCC00; // yellow
@ -65,7 +65,8 @@ $gray: #E1E1E1;
// We use these to control various global styles // We use these to control various global styles
$body-bg: $white; $body-bg: $white;
$body-font-color: $black; $body-font-color: $black;
$body-font-family: 'Scotch Micro', serif; //$body-font-family: 'Scotch Micro', serif;
$body-font-family: 'Source Sans Pro', sans-serif;
// $body-font-weight: normal; // $body-font-weight: normal;
// $body-font-style: normal; // $body-font-style: normal;
@ -1130,8 +1131,8 @@ $include-open-sans: false;
// We use these to style paragraphs // We use these to style paragraphs
// $paragraph-font-family: inherit; // $paragraph-font-family: inherit;
// $paragraph-font-weight: normal; // $paragraph-font-weight: normal;
// $paragraph-font-size: 1rem; $paragraph-font-size: 1.4rem;
// $paragraph-line-height: 1.6; $paragraph-line-height: 1.5;
// $paragraph-margin-bottom: rem-calc(20); // $paragraph-margin-bottom: rem-calc(20);
// $paragraph-aside-font-size: rem-calc(14); // $paragraph-aside-font-size: rem-calc(14);
// $paragraph-aside-line-height: 1.35; // $paragraph-aside-line-height: 1.35;

1
app/assets/stylesheets/sass/_base.scss
View File

@ -216,6 +216,7 @@ ul.tags,
max-width: 90%; max-width: 90%;
max-height: 66.667%; max-height: 66.667%;
z-index: 1; z-index: 1;
-webkit-transform: translate3d(0,0,0);
} }
} }

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

@ -26,6 +26,7 @@ body {
.button { .button {
width: 29%; width: 29%;
margin: 0; margin: 0;
clear: left;
&.logo { &.logo {
background-color: $white; background-color: $white;
@ -33,14 +34,22 @@ body {
border: 0; border: 0;
padding: 0; padding: 0;
vertical-align: top; vertical-align: top;
overflow: auto;
/*svg {
float: left;
width: 50%;
}*/
.logo { .logo {
width: auto; width: auto;
height: 2.4em; height: 2.4em;
fill: $primary-color;
} }
.logo-text { .logo-text {
display: none; display: none;
fill: $black;
} }
&:hover { &:hover {
@ -72,19 +81,24 @@ body {
margin: 0 0 1.25rem; margin: 0 0 1.25rem;
&.logo { &.logo {
position: relative;
width: 100%; width: 100%;
margin-bottom: 2em; margin-bottom: 2em;
.logo { .logo {
float: left; float: left;
width: 40%; width: 51%;
height: 100%;
margin-right: 5%;
}
img.logo {
height: auto; height: auto;
margin-right: 10%;
} }
.logo-text { .logo-text {
display: block; display: block;
width: 50%; width: 44%;
} }
} }
} }

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

@ -528,3 +528,7 @@ input:-webkit-autofill {
} }
} }
} }
svg {
height: 0%;
}

21
app/helpers/application_helper.rb
View File

@ -409,6 +409,27 @@ module ApplicationHelper
end end
end end
def hash_to_html_attributes(hash, prefix = '')
attributes = ''
if hash
hash.each { |k,v|
k = k.to_s
if v
if v.is_a?(Hash)
attributes += hash_to_html_attributes(v, 'data-')
else
attributes += " #{k}=\"" + (v.is_a?(Array) ? v.join(' ') : v) + '"'
end
end
}
end
attributes
end
def icon(id, attributes = nil)
('<svg' + hash_to_html_attributes(attributes) + '><use xlink:href="/assets/icons.svg#bb-icon-' + id + '"></use></svg>').html_safe
end
private private
def _form_field(type, name, value, options) def _form_field(type, name, value, options)
if type == 'check_box' if type == 'check_box'

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

@ -11,7 +11,7 @@
%h1='Bike!Bike! '+@conference.start_date.year.to_s %h1='Bike!Bike! '+@conference.start_date.year.to_s
%h2 %h2
- location = @conference.organizations.first.locations.first - location = @conference.organizations.first.locations.first
= location.city + ', ' + (location.territory || location.country) = location.city + ', ' + (location.territory ? Carmen::Country.coded(location.country).subregions.coded(location.territory).name : location.country)
%em %em
= (l @conference.start_date, format: :date) + ' - ' + (l @conference.end_date, format: :date) = (l @conference.start_date, format: :date) + ' - ' + (l @conference.end_date, format: :date)
- if params['controller'] != 'conferences' - if params['controller'] != 'conferences'

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

@ -10,12 +10,11 @@
/[if lt IE 9] /[if lt IE 9]
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
/ Le styles = stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic', 'application', media: 'all'
= stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Ubuntu:400,500,700',
'application',
media: 'all'
/ Touch icons / Touch icons
%link{ href: asset_path('favicon.ico'), rel: 'shortcut icon', type: 'image/x-icon' }
%link{ href: asset_path('favicon.ico'), rel: 'icon', type: 'image/x-icon' }
%link{ href: asset_path('apple-touch-icon.png'), rel: 'apple-touch-icon' } %link{ href: asset_path('apple-touch-icon.png'), rel: 'apple-touch-icon' }
%link{ href: asset_path('apple-touch-icon-72x72.png'), rel: 'apple-touch-icon', sizes: '72x72' } %link{ href: asset_path('apple-touch-icon-72x72.png'), rel: 'apple-touch-icon', sizes: '72x72' }
%link{ href: asset_path('apple-touch-icon-114x114.png'), rel: 'apple-touch-icon', sizes: '114x114' } %link{ href: asset_path('apple-touch-icon-114x114.png'), rel: 'apple-touch-icon', sizes: '114x114' }
@ -25,13 +24,13 @@
Le javascript Le javascript
\================================================== \==================================================
/ Placed at the top of the document 'cause of turbolinks / Placed at the top of the document 'cause of turbolinks
= javascript_include_tag '//use.typekit.net/iqv7hcg.js' =# javascript_include_tag '//use.typekit.net/iqv7hcg.js'
= javascript_include_tag 'application' = javascript_include_tag 'application'
= javascript_include_tag 'nested_form' = javascript_include_tag 'nested_form'
%body{ class: (yield_or_default :page_style) } %body{ class: (yield_or_default :page_style) }
:javascript :javascript
var b=document.getElementsByTagName('HTML')[0];b.className+=' '+(window.getComputedStyle(document.body).backgroundBlendMode?'':'no-')+'blend-modes';</script> document.getElementsByTagName('HTML')[0].className+=' '+(window.getComputedStyle(document.body).backgroundBlendMode?'':'no-')+'blend-modes'
-#= render 'shared/translation_control' -#= render 'shared/translation_control'
%main %main

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

@ -15,7 +15,7 @@
%ul.small-block-grid-1.medium-block-grid-2.large-block-grid-3.org-list.preview-list %ul.small-block-grid-1.medium-block-grid-2.large-block-grid-3.org-list.preview-list
- uri = CGI::escape(city+' '+country) - uri = CGI::escape(city+' '+country)
%li.city %li.city
%figure{:style => "background-image: url('http://maps.googleapis.com/maps/api/staticmap?center=#{uri}&zoom=4&size=600x300&maptype=roadmap&markers=size:small%7C#{uri}&key=AIzaSyDhfT68lGTwJHoUfC02fmA1SYNexO19J3M');"} %figure{:style => "background-image: url('http://maps.googleapis.com/maps/api/staticmap?center=#{uri}&zoom=4&size=600x300&maptype=roadmap&markers=size:small%7C#{uri}&key=AIzaSyAH7U8xUUb8IwDPy1wWuYGprzxf4E1Jj4o');"}
%h4=city %h4=city
- organizations.each do |organization| - organizations.each do |organization|
%li=render 'preview', :organization => organization %li=render 'preview', :organization => organization

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

@ -7,7 +7,8 @@
= image_tag(@organization.avatar.url) = image_tag(@organization.avatar.url)
.columns.info{:class => (@organization.avatar.is_landscape? ? nil : ['medium-6', 'medium-pull-6'])} .columns.info{:class => (@organization.avatar.is_landscape? ? nil : ['medium-6', 'medium-pull-6'])}
%h1=@organization.name %h1=@organization.name
%h2=@organization.locations[0].city + (@organization.locations[0].territory ? ' ' + @organization.locations[0].territory : '') + ', ' + Carmen::Country.coded(@organization.locations[0].country).name - territory = Carmen::Country.coded(@organization.locations[0].country).subregions.coded(@organization.locations[0].territory)
%h2=@organization.locations[0].city + (territory ? ' ' + territory.name : '') + ', ' + Carmen::Country.coded(@organization.locations[0].country).name
%p#notice= notice %p#notice= notice

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

@ -1,7 +1,9 @@
%nav#main-nav %nav#main-nav
= link_to '/', :class => ['button', 'logo'] do = link_to '/', :class => ['button', 'logo'] do
= image_tag('logo.png', class: 'logo') =# image_tag('logo.png', class: 'logo')
= image_tag('logo-text.png', class: 'logo-text') =# image_tag('logo-text.png', class: 'logo-text')
= icon('logo', {:class => 'logo'})
= icon('logo-text', {:class => 'logo-text'})
= link_to (_'Conferences'), :conferences, {:class => ['button', 'conference']} = link_to (_'Conferences'), :conferences, {:class => ['button', 'conference']}
= link_to (_'Organizations'), {:controller => :organizations}, {:class => ['button', 'organization']} = link_to (_'Organizations'), {:controller => :organizations}, {:class => ['button', 'organization']}
= link_to (_'Zine'), 'http://zinezine.bikebike.org', :class => ['button', 'article'] = link_to (_'Zine'), 'http://zinezine.bikebike.org', :class => ['button', 'article']