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

Try 3 for the image background

Browse source
This commit is contained in:
Michael Ball 2019-12-17 01:51:15 -08:00
parent 7657ddf27f
commit ccc9e9c98e
2 changed files with 20 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,5 @@
- cache [conference, venue, '#splash#header'] do - cache [conference, venue, '#splash#header'] do
#banner(style: "background_image: url('#{conference.picture_url})'") #banner
.container .container
.row .row
.col-md-8.col-md-offset-2#header .col-md-8.col-md-offset-2#header

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

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