78 lines
2.5 KiB
JavaScript
78 lines
2.5 KiB
JavaScript
define(['m', '_', 'util', 'resultParser', 'views/topNavBar', 'views/footer'], function (m, _ , util, resultParser, topNavBar, footer) {
|
|
|
|
var contactBody = {};
|
|
|
|
contactBody.logo = function(){
|
|
var style = 'height: 300px; width: 300px; background-size: 300px; background-image: url(images/logosansfond.JPG);';
|
|
return m('div.uk-cover-background.uk-container-center', {style: style});
|
|
};
|
|
|
|
contactBody.logoLine = function(){
|
|
return m('div.uk-grid.uk-margin',
|
|
m('div.uk-width-1-1', contactBody.logo()));
|
|
};
|
|
|
|
contactBody.email = function(){
|
|
return m('a[href=mailto:ballephenix@gmail.com]', 'ballephenix@gmail.com');
|
|
};
|
|
|
|
contactBody.tel = function(){
|
|
return ' (438) 494-7543';
|
|
};
|
|
|
|
contactBody.address = function(){
|
|
return m('p', ' 9200 rue hochelage, App 205', m('br'), 'Montréal, Québec H1L 0B2');
|
|
};
|
|
|
|
contactBody.website = function(){
|
|
var gitlabUrl = 'https://gitlab.com/ballephenix/website';
|
|
return m('p', ' Le site web est ouvert et accessible sur ',
|
|
m('a', {href: gitlabUrl}, 'gitlab.'));
|
|
};
|
|
|
|
contactBody.contact = function(){
|
|
return m('div.div.uk-panel.uk-panel-box.uk-panel-box-secondary.uk-container-center.uk-margin',[
|
|
m('table.uk-table',
|
|
m('tr',
|
|
m('td.uk-text-right', m('i.fa.fa-desktop')),
|
|
m('td', contactBody.email())
|
|
),
|
|
m('tr',
|
|
m('td.uk-text-right', m('i.fa.fa-phone')),
|
|
m('td', contactBody.tel())
|
|
),
|
|
m('tr',
|
|
m('td.uk-text-right', m('i.fa.fa-envelope')),
|
|
m('td', contactBody.address())
|
|
),
|
|
m('tr',
|
|
m('td.uk-text-right', m('i.fa.fa-gitlab')),
|
|
m('td', contactBody.website())
|
|
)
|
|
)
|
|
]);
|
|
|
|
};
|
|
|
|
contactBody.view = function(){
|
|
return m('div.uk-margin-top.uk-margin-bottom.uk-grid',
|
|
m('div.uk-width-large-2-5.uk-width-medium-4-5.uk-width-small-1-1.uk-container-center', [
|
|
contactBody.logoLine(),
|
|
contactBody.contact()
|
|
])
|
|
);
|
|
};
|
|
|
|
var contactPage = {};
|
|
|
|
contactPage.view = function(){
|
|
return [
|
|
m.component(topNavBar),
|
|
m.component(contactBody),
|
|
m.component(footer)
|
|
];
|
|
};
|
|
|
|
return contactPage;
|
|
});
|