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

Default conference images

Browse Source
This commit is contained in:
Godwin
2015-09-12 19:23:31 -07:00
parent e46bdfe82a
commit bbee04dce5
22 changed files with 40 additions and 871 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/images/default_cover.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 476 KiB

app/assets/images/default_poster.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 493 KiB

app/assets/stylesheets/_application.scss
+12 -8
View File
@@ -761,6 +761,17 @@ $header-tilt: 8deg;
.colour-5 { fill: $colour-5; }
}
.cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: $zindex-base;
background-size: inherit;
background-position: inherit;
}
@if capable_of(css-mixblendmode) {
position: relative;
@@ -778,14 +789,6 @@ $header-tilt: 8deg;
}
.cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: $zindex-base;
background-size: inherit;
background-position: inherit;
-webkit-filter: saturate(25%);
filter: saturate(25%);
@include _(mix-blend-mode, multiply);
@@ -1052,6 +1055,7 @@ $header-tilt: 8deg;
#banner {
figure {
min-height: 40em;
margin: rems(-20) auto rems(2);
}
}
app/views/conferences/_banner_image.svg.erb
+1 -1
View File
@@ -7,7 +7,7 @@
<rect x="<%= (100/5)*3 %>%" y="0" width="<%= (100/5) %>%" height="100%" class="colour-3"/>
<rect x="<%= (100/5)*4 %>%" y="0" width="<%= (100/5) %>%" height="100%" class="colour-1"/>
</g>
<image x="0" y="0" width="100%" height="100%" xlink:href="<%= @conference.cover_url %>" id="banner-image" preserveAspectRatio="xMidYMid slice"/>
<image x="0" y="0" width="100%" height="100%" xlink:href="<%= @conference.cover_url || image_path('default_poster.jpg') %>" id="banner-image" preserveAspectRatio="xMidYMid slice"/>
<filter id="f1" x="0" y="0" width="1" height="1">
<feImage xlink:href="#rainbow" result="rainbow"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1019 B

After

Width:  |  Height:  |  Size: 1.0 KiB

app/views/conferences/_header.html.haml
+3 -3
View File
@@ -3,11 +3,11 @@
- cover = nil
- figure = nil
- if capable_of(:css_mixblendmode) || ENV['RAILS_ENV'] == 'test'
- cover = "<div class=\"cover\" style=\"background-image: url(#{@conference.cover_url})\"></div>"
- cover = "<div class=\"cover\" style=\"background-image: url(#{@conference.cover_url || image_path('default_cover.jpg')})\"></div>"
- elsif capable_of(:svg)
- banner_image = 'conferences/banner_image.svg'
- else
- style = "background-image: url(#{@conference.cover_url})"
- style = "background-image: url(#{@conference.cover_url || image_path('default_cover.jpg')})"
#header-title{style: style}
= render banner_image if banner_image
= cover.html_safe if cover
@@ -18,4 +18,4 @@
.secondary
= date_span(@conference.start_date.to_date, @conference.end_date.to_date)
%figure
%img{src: @conference.poster.full.url}
%img{src: @conference.poster.full.url || image_path('default_poster.jpg')}