Sidebar content
This commit is contained in:
Godwin
@@ -279,6 +279,10 @@ ul.tags,
|
||||
|
||||
@include breakpoint(medium) {
|
||||
margin-left: 3em;
|
||||
|
||||
aside & {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -168,12 +168,11 @@ body {
|
||||
display: block;
|
||||
position: static;
|
||||
height: auto;
|
||||
min-height: 100%;
|
||||
min-height: 0;
|
||||
float: left;
|
||||
width: 25%;
|
||||
padding: 2.5%;
|
||||
font-size: 1em;
|
||||
min-height: 100vh;
|
||||
|
||||
.has-banner-image & {
|
||||
background-image: none;
|
||||
@@ -210,13 +209,51 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
#side-bar {
|
||||
padding: 2.5%;
|
||||
|
||||
.preview-list {
|
||||
|
||||
li {
|
||||
margin: auto;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@include breakpoint(medium) {
|
||||
+ #content {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(large) {
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 25%;
|
||||
font-size: 1vw;
|
||||
|
||||
h5 {
|
||||
text-align: left;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
+ #content {
|
||||
padding-top: 4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
min-height: 100%;
|
||||
//overflow: auto;
|
||||
background-color: $white;
|
||||
|
||||
@include breakpoint(medium) {
|
||||
//background-color: $black;
|
||||
@include breakpoint(large) {
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -239,6 +276,7 @@ main {
|
||||
|
||||
@include breakpoint(medium) {
|
||||
padding: 4em;
|
||||
clear: right;
|
||||
|
||||
.organizations-show & {
|
||||
min-height: 25em;
|
||||
@@ -253,7 +291,7 @@ main {
|
||||
background-position: center 66.6667%;
|
||||
//padding-top: 4em;
|
||||
color: $white;
|
||||
overflow: hidden;
|
||||
overflow: visible;
|
||||
background-color: $black;
|
||||
|
||||
h1, h2 {
|
||||
@@ -265,9 +303,9 @@ main {
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
|
||||
.align-bottom {
|
||||
height: 50%;
|
||||
}
|
||||
//.align-bottom {
|
||||
// height: 50%;
|
||||
//}
|
||||
}
|
||||
|
||||
.align-bottom > div {
|
||||
@@ -360,7 +398,7 @@ main {
|
||||
|
||||
.conferences-show & {
|
||||
.columns.banner {
|
||||
height: 75%;
|
||||
//height: 75%;
|
||||
padding-bottom: 1em;
|
||||
|
||||
figure {
|
||||
@@ -392,8 +430,6 @@ main {
|
||||
|
||||
.page-style-article & {
|
||||
min-height: 30em;
|
||||
height: 50%;
|
||||
height: 50vh;
|
||||
|
||||
.row {
|
||||
height: 100%;
|
||||
@@ -442,6 +478,8 @@ main {
|
||||
@include breakpoint(large) {
|
||||
border-bottom-left-radius: 2.5em;
|
||||
padding-top: 2em;
|
||||
width: 75%;
|
||||
float: right;
|
||||
|
||||
.has-banner-image & {
|
||||
padding-top: 0;
|
||||
@@ -464,6 +502,21 @@ main {
|
||||
margin-top: 6vw;
|
||||
}
|
||||
}
|
||||
|
||||
.page-style-article & {
|
||||
height: 50%;
|
||||
height: 50vh;
|
||||
}
|
||||
|
||||
.conferences-show & {
|
||||
.columns.banner {
|
||||
height: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
.row .align-bottom {
|
||||
height: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -510,15 +563,19 @@ main {
|
||||
|
||||
.photo-attribution {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 0.25em;
|
||||
margin: 0.25em 0.25em 0 0;
|
||||
font-size: 0.8em;
|
||||
text-align: right;
|
||||
margin: 0.25em 0.25em 0 0;
|
||||
text-shadow: none;
|
||||
@include opacity(0.5);
|
||||
clear: right;
|
||||
z-index: 2;
|
||||
|
||||
> span {
|
||||
display: none;
|
||||
color: $black;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
@@ -530,8 +587,19 @@ main {
|
||||
}
|
||||
|
||||
.no-content & {
|
||||
a, a:visited {
|
||||
color: $white;
|
||||
top: auto;
|
||||
bottom: 0.25em;
|
||||
color: $white;
|
||||
@include opacity(0.25);
|
||||
|
||||
&:hover {
|
||||
@include opacity(0.5);
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited,
|
||||
span {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -448,7 +448,7 @@ module ApplicationHelper
|
||||
url = "http://maps.googleapis.com/maps/api/staticmap?center=#{location}&zoom=#{zoom}&size=#{width}x#{height}&maptype=roadmap&markers=size:small%7C#{location}&key=AIzaSyAH7U8xUUb8IwDPy1wWuYGprzxf4E1Jj4o"
|
||||
require 'open-uri'
|
||||
open(file, 'wb') do |f|
|
||||
f << open(url).read
|
||||
f << open(url).read
|
||||
end
|
||||
end
|
||||
|
||||
|
||||
@@ -7,3 +7,9 @@
|
||||
.columns.large-10
|
||||
%h2=('About '+@conference.title)
|
||||
%p=@conference.info.html_safe
|
||||
|
||||
- content_for :side_bar do
|
||||
%h5= @conference.title+' is hosted by:'
|
||||
%ul.preview-list.org-list.small-block-grid-2.large-block-grid-1
|
||||
- @conference.organizations.each do |organization|
|
||||
%li=render 'organizations/preview', :organization => organization
|
||||
@@ -41,7 +41,10 @@
|
||||
- if has_banner?
|
||||
%header#banner{banner_attrs(yield_or_default :banner_image)}
|
||||
= yield :banner
|
||||
= banner_attribution
|
||||
= banner_attribution
|
||||
- if content_for?(:side_bar)
|
||||
%aside#side-bar
|
||||
= yield :side_bar
|
||||
- if has_content?
|
||||
#content=yield
|
||||
- else
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
- banner_image @organization.cover_url
|
||||
- banner_image @organization.cover_url, id: @organization.cover_attribution_id, name: @organization.cover_attribution_name, user_id: @organization.cover_attribution_user_id, src: @organization.cover_attribution_src
|
||||
- page_style 'article'
|
||||
- content_for :banner do
|
||||
.row{:class => (@organization.avatar.is_landscape? ? 'landscape' : 'portrait')}
|
||||
|
||||
@@ -4,11 +4,6 @@
|
||||
- if @conference
|
||||
= render 'conferences/header'
|
||||
|
||||
-#%section
|
||||
-# .row
|
||||
-# .columns.medium-6
|
||||
-# %h1
|
||||
-# Welcome to Bike!Bike!
|
||||
-# %p
|
||||
-# = _ 'home.its_awesome', 'paragraph'
|
||||
-# .columns.medium-6
|
||||
- content_for :side_bar do
|
||||
%p
|
||||
Bike!Bike! is an international annual gathering organized by and for community bicycle projects. The conference is a space for participants from shops and related advocacy groups to converge in a different city each year over a 4 day period to have workshops and strengthen our social network.
|
||||
|
||||
@@ -8,21 +8,3 @@
|
||||
= link_to (_'Conferences'), :conferences, {:class => ['button', 'conference']}
|
||||
= link_to (_'Organizations'), {:controller => :organizations}, {:class => ['button', 'organization']}
|
||||
= link_to (_'Zine'), 'http://zinezine.bikebike.org', :class => ['button', 'article']
|
||||
- if is_this_the_front_page?
|
||||
%p
|
||||
Bike!Bike! is an international annual gathering organized by and for community bicycle projects. The conference is a space for participants from shops and related advocacy groups to converge in a different city each year over a 4 day period to have workshops and strengthen our social network.
|
||||
-#%iframe{:src => "//player.vimeo.com/video/76149097", :width => "500", :height => "281", :frameborder => "0", :webkitallowfullscreen => true, :mozallowfullscreen => true, :allowfullscreen => true}
|
||||
-#- if current_user
|
||||
-# %li.has-form.sign-out.hide-for-small
|
||||
-# = link_to (_"Sign_Out"), :logout, method: :post, :class => 'button'
|
||||
-# %li.user-profile.has-dropdown
|
||||
-# = link_to current_user do
|
||||
-# = image_tag(current_user.avatar_url(:icon))
|
||||
-# %span
|
||||
-# %span.show-for-small=current_user.username
|
||||
-# %ul.dropdown
|
||||
-# %li= link_to 'View Profile', current_user
|
||||
-# %li= link_to 'Edit Profile', edit_user_path(current_user.id)
|
||||
-#- else
|
||||
-# %li.has-form.sign-in
|
||||
-# = link_to (_"Sign_In"), :login, :class => 'button'
|
||||
Reference in New Issue
Block a user