avatar-banner/scripts/bannerMaker.coffee

47 lines
1.4 KiB
CoffeeScript

fbImageOptions = "?width=100&height=100"
fbuserNameObj =
'Sindre Skrede': 'sindre.skrede.9'
'Nils Norman Haukås': 'nhaukas'
'Marie Havnen': 'marie.havnen'
'Marie Fonnes': 'mfonnes'
'Marianne Monstad': 'mariannemonstad'
'Malin D. Øvrebø': 'malin.d.ovrebo'
'Lisa Halvorsen': 'lisa.halvorsen1'
'Marius Seim': 'marius.seim'
'Maiken Beate Fjellanger': 'maiken.b.fjellanger'
'Bjørnar Fjeldstad': '739398715'
'Hedvig Elisabeth Andersland': 'hedvig.andersland'
'Ida Maria Dahr': 'ida.m.nygaard'
'Torjus Nafstad': 'torjus.nafstad'
'Nicolai Gulbrandsøy': 'niccoboss'
cssOptionsObj =
'margin-bottom': '-5px'
###
img:hover {
margin:-5px 5px 0px -5px;
}
###
createImageGridHtml = (userNameObj) ->
graphFBAddress = 'https://graph.facebook.com/'
imageArray = []
styling = "float: right;"
for fullName, username of userNameObj
imageArray.push "<img src='#{graphFBAddress}#{username}/picture#{fbImageOptions}' title='#{fullName}' style='#{styling}'>"
resultStr = imageArray.join('')
resultStr = "<div id='banner' class='cf'>#{resultStr}</div>"
styleBanner = (divId) ->
#851px x 315 facebook banner size
$("#{divId}").css 'width', '851px'
$(document).ready ->
console.log 'Starting script'
console.log fbuserNameObj
$('#banner').replaceWith(createImageGridHtml(fbuserNameObj))
$('#bannerSource').text(createImageGridHtml(fbuserNameObj))
styleBanner('#banner')