248 lines
11 KiB
JavaScript
248 lines
11 KiB
JavaScript
const m = require('mithril')
|
|
const Helper = require('../helper')
|
|
|
|
const Front = {
|
|
oninit: function(vnode) {
|
|
Helper.init(vnode, 'frontpage', {
|
|
ratio: 0.85,
|
|
})
|
|
},
|
|
|
|
view: function(vnode) {
|
|
return [
|
|
m('header', {
|
|
oncreate: function(subnode) {
|
|
vnode.state.domContainer = subnode.dom
|
|
Helper.checkCreated(vnode)
|
|
Helper.scrollAddItem(vnode, {
|
|
dom: subnode.dom,
|
|
className: 'visible',
|
|
})
|
|
},
|
|
}, m('div.container', [
|
|
m('video', {
|
|
oncreate: function(subnode) {
|
|
vnode.state.domVideo = subnode.dom
|
|
Helper.checkCreated(vnode)
|
|
},
|
|
preload: 'none',
|
|
loop: true,
|
|
muted: true,
|
|
playsinline: true,
|
|
}, [
|
|
m('source', {
|
|
src: vnode.state.videoUrl,
|
|
type: 'video/mp4',
|
|
}),
|
|
m('source', {
|
|
src: '/assets/cover/frontpage.webm',
|
|
type: 'video/webm',
|
|
}),
|
|
]
|
|
),
|
|
m('div',
|
|
m('img', {
|
|
oncreate: function(subnode) {
|
|
vnode.state.domImg = subnode.dom
|
|
Helper.lazyLoadImage(vnode, 'domImg', '/assets/cover/frontpage.jpg')
|
|
Helper.checkCreated(vnode)
|
|
},
|
|
src: 'data:image/jpeg;base64,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',
|
|
})
|
|
),
|
|
m('nav', [
|
|
m(m.route.Link, { class: 'title', href: '/' }, m('span', 'NFP ehf.')),
|
|
m('div.filler'),
|
|
m(m.route.Link, { href: '/hosting-solutions' }, [ 'Hýsingarlausnir', m('div') ]),
|
|
m(m.route.Link, { href: '/programming-solutions' }, [ 'Forritunarlausnir', m('div') ]),
|
|
m(m.route.Link, { href: '/video-solutions' }, [ 'Videólausnir', m('div') ]),
|
|
]),
|
|
m('div.content', [
|
|
m('h1', 'Næsta kynslóð'),
|
|
m('h2', 'með nútíma lausnir!'),
|
|
]),
|
|
])
|
|
),
|
|
m('main', [
|
|
// Solutions
|
|
m('article.solution', [
|
|
m('h3', [
|
|
'Við erum með lausnina',
|
|
m('div.left'),
|
|
m('div.right'),
|
|
]),
|
|
m('section', [
|
|
m('aside', [
|
|
m('div.item', {
|
|
oncreate: function(subnode) {
|
|
Helper.scrollAddItem(vnode, {
|
|
dom: subnode.dom,
|
|
className: 'visible',
|
|
threshold: -100,
|
|
})
|
|
},
|
|
}, [
|
|
m('h5', 'Þínar þarfir'),
|
|
m('p', `
|
|
Hvað svo sem þarfir þínar kunna að vera, að þá munt
|
|
komast í samband við lið sem hefur tugi ára reynslu
|
|
í að vinna með fólki og leysa vandamál. Við erum
|
|
stoltir að koma alltaf með einfalda lausn en líka
|
|
ódýra, allt til að mæta hverjum og einum og þeirra
|
|
þarfir.
|
|
`),
|
|
]),
|
|
m('div.item', {
|
|
oncreate: function(subnode) {
|
|
Helper.scrollAddItem(vnode, {
|
|
dom: subnode.dom,
|
|
className: 'visible',
|
|
threshold: -100,
|
|
})
|
|
},
|
|
}, [
|
|
m('h5', 'Okkar lausnir'),
|
|
m('p', `
|
|
Hvort heldur sem þú ert að leitast eftir hugbúnað,
|
|
hýsingu, vefsíðu eða forritunarlausnum að þá erum
|
|
við fjölhæfir og alltaf tilbúnir til leiks. Við
|
|
elskum að taka að okkur krefjandi verkefni.
|
|
`),
|
|
]),
|
|
]),
|
|
m('div.image', {
|
|
oncreate: function(subnode) {
|
|
Helper.scrollAddItem(vnode, {
|
|
dom: subnode.dom,
|
|
className: 'visible',
|
|
threshold: -100,
|
|
})
|
|
},
|
|
style: {
|
|
backgroundImage: 'url("/assets/images/solutions.svg")',
|
|
},
|
|
}),
|
|
]),
|
|
]),
|
|
// Solutions
|
|
m('article.hosting', [
|
|
m('section', [
|
|
m('aside', [
|
|
m('div.item', {
|
|
oncreate: function(subnode) {
|
|
Helper.scrollAddItem(vnode, {
|
|
dom: subnode.dom,
|
|
className: 'visible',
|
|
threshold: -100,
|
|
})
|
|
},
|
|
}, [
|
|
m('h3', 'Hýsingarlausnir sniðnar að þínum þörfum'),
|
|
m('p', `
|
|
Hvort heldur sem þig vantar vefsíðuhýsingu,
|
|
sýndarvélar, gagnageymslu eða einhvers konar vennsl
|
|
á myndagögnum, að þá getum við fundið lausn sem
|
|
hentar þér.
|
|
`),
|
|
m(m.route.Link, { class: 'next', href: '/hosting-solutions' }, 'Lesa meira'),
|
|
]),
|
|
]),
|
|
m('div.image', {
|
|
oncreate: function(subnode) {
|
|
Helper.scrollAddItem(vnode, {
|
|
dom: subnode.dom,
|
|
className: 'visible',
|
|
threshold: -100,
|
|
})
|
|
},
|
|
style: {
|
|
backgroundImage: 'url("/assets/images/hosting.svg")',
|
|
},
|
|
}),
|
|
]),
|
|
]),
|
|
// Programming
|
|
m('article.programming', [
|
|
m('section', [
|
|
m('aside', [
|
|
m('div.item', {
|
|
oncreate: function(subnode) {
|
|
Helper.scrollAddItem(vnode, {
|
|
dom: subnode.dom,
|
|
className: 'visible',
|
|
threshold: -100,
|
|
})
|
|
},
|
|
}, [
|
|
m('h3', 'Forritunarlausnir'),
|
|
m('p', `
|
|
Við höfum með okkur yfir 20 ára reynslu í forritun og
|
|
hugbúnaðargerð. Ef þig vantar sérlausn eða aðstoð með
|
|
þín verkefni að þá getum við hjálpað þér að leysa úr því.
|
|
`),
|
|
m(m.route.Link, { class: 'next', href: '/programming-solutions' }, 'Lesa meira'),
|
|
]),
|
|
]),
|
|
m('div.image', {
|
|
oncreate: function(subnode) {
|
|
Helper.scrollAddItem(vnode, {
|
|
dom: subnode.dom,
|
|
className: 'visible',
|
|
threshold: -100,
|
|
})
|
|
},
|
|
style: {
|
|
backgroundImage: 'url("/assets/images/programming.svg")',
|
|
},
|
|
}),
|
|
]),
|
|
]),
|
|
// Programming
|
|
m('article.video', [
|
|
m('section', [
|
|
m('aside', [
|
|
m('div.item', {
|
|
oncreate: function(subnode) {
|
|
Helper.scrollAddItem(vnode, {
|
|
dom: subnode.dom,
|
|
className: 'visible',
|
|
threshold: -100,
|
|
})
|
|
},
|
|
}, [
|
|
m('h3', 'Streymi og vídeólausnir'),
|
|
m('p', `
|
|
Það skiptir engu þó þú sért með þúsund manna
|
|
ráðstefnur eða litla hádegisfundi í fundarsölum.
|
|
Það getur alltaf borgað sig að bjóða upp á streymi
|
|
fyrir þá sem ekki geta komist. Við höfum mörg ára
|
|
reynslu í því og getum unnið í hvaða sal sem er.
|
|
`),
|
|
m(m.route.Link, { class: 'next', href: '/video-solutions' }, 'Lesa meira'),
|
|
]),
|
|
]),
|
|
m('div.image', {
|
|
oncreate: function(subnode) {
|
|
Helper.scrollAddItem(vnode, {
|
|
dom: subnode.dom,
|
|
className: 'visible',
|
|
threshold: -100,
|
|
})
|
|
},
|
|
style: {
|
|
backgroundImage: 'url("/assets/images/video.svg")',
|
|
},
|
|
}),
|
|
]),
|
|
]),
|
|
]),
|
|
]
|
|
},
|
|
}
|
|
|
|
/*
|
|
<a href="https://www.freepik.com/free-photos-vectors/background">Background vector created by macrovector - www.freepik.com</a>
|
|
*/
|
|
|
|
module.exports = Front
|