gunghogeoduck/osem-fcy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tweak the top heading if there is a image

Browse source
This commit is contained in:
Michael Ball 2019-12-17 01:32:16 -08:00
parent 5441f83271
commit de7a6036d1
2 changed files with 21 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/views/conferences/_header.haml
View file

@ -1,11 +1,11 @@
- cache [conference, venue, '#splash#header'] do
#banner
#banner(style: "background_image: url('#{conference.picture_url})'")
.container
.row
.col-md-8.col-md-offset-2#header
.row
.col-md-4
- if conference.picture?
- if conference.picture?
.col-md-4
= image_tag(conference.picture_url,
class: 'img-responsive img-center',
id: 'splash-logo')

36
app/views/conferences/show.html.haml
View file

@ -64,21 +64,21 @@
= render 'social_media', contact: @conference.contact
= render 'footer'
- content_for :script_head do
:javascript
var triangle_tcs = tinycolor("#{h(@conference.color)}").monochromatic();
var triangle_colors = triangle_tcs.map(function(t) {
return t.toHexString();
});
$(function () {
$(document).ready(function() {
var triangle_width = document.body.clientWidth;
var triangle_height = ($( "#banner" ).height() + 200 );
var pattern = Trianglify({ width: triangle_width,
height: triangle_height,
cell_size: 100,
x_colors: triangle_colors
});
$('#banner').css('background-image', 'url("' + pattern.png() + '")');
});
});
-# - content_for :script_head do
-# :javascript
-# var triangle_tcs = tinycolor("#{h(@conference.color)}").monochromatic();
-# var triangle_colors = triangle_tcs.map(function(t) {
-# return t.toHexString();
-# });
-# $(function () {
-# $(document).ready(function() {
-# var triangle_width = document.body.clientWidth;
-# var triangle_height = ($( "#banner" ).height() + 200 );
-# var pattern = Trianglify({ width: triangle_width,
-# height: triangle_height,
-# cell_size: 100,
-# x_colors: triangle_colors
-# });
-# $('#banner').css('background-image', 'url("' + pattern.png() + '")');
-# });
-# });