nfp/nfpis
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Made site mobile friendly

Browse source
This commit is contained in:
Jonatan Nilsson 2019-12-23 02:38:56 +00:00
parent c94c37369f
commit 64b69505bf
8 changed files with 590 additions and 207 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
app/footer.js
View file

@ -1,21 +1,43 @@
const m = require('mithril')
var m = require('mithril')
var Helper = require('./helper')
const Footer = {
oninit: function() {
var Footer = {
oninit: function(vnode) {
vnode.state.scrollListenerWaiting = []
},
view: function() {
view: function(vnode) {
return [
m('div.innerbox', [
m('div.image'),
m('aside', [
m('h3', 'Hafðu samband'),
m('p', `
Sendu okkur email og lýstu þínum þörfum og við munum koma til móts
við þín. Við erum ekki feimnir og höfum alltaf gaman að því að
hefja nýja vináttusambönd við alla okkar viðskiptavini.
`),
m('h5', 'nfp@nfp.is'),
m('div.outerbox', [
m('div.innerbox', [
m('div.image', {
oncreate: function(subnode) {
Helper.scrollAddItem(vnode, {
dom: subnode.dom,
className: 'visible',
threshold: -100,
img: '/assets/images/contact.svg',
})
},
}),
m('aside', [
m('h3', 'Hafðu samband'),
m('p', `
Sendu okkur tölvupóst og lýstu þínum þörfum. Við munum setja okkur
inn í málin og finna lausnir. Við bjóðum persónulega og
metnaðarfulla þjónustu fyrir alla okkar viðskiptavini.
`),
m('h5', 'nfp@nfp.is'),
]),
]),
m('div.meta', [
m('span', 'NFP ehf.'),
m('span', 'nfp@nfp.is'),
m('span', 'kt. 410915-1380'),
m('span', [
'Bakgrunnsmyndir frá ',
m('a', { href: 'https://www.freepik.com/pikisuperstar' }, 'pikisuperstar úr freepik.com'),
]),
]),
]),
]

80
app/front/index.js
View file

@ -1,10 +1,10 @@
const m = require('mithril')
const Helper = require('../helper')
var m = require('mithril')
var Helper = require('../helper')
const Front = {
var Front = {
oninit: function(vnode) {
Helper.init(vnode, 'frontpage', {
ratio: 0.85,
ratio: 0.91,
})
},
@ -20,7 +20,7 @@ const Front = {
})
},
}, m('div.container', [
m('video', {
!vnode.state.isMobile ? m('video', {
oncreate: function(subnode) {
vnode.state.domVideo = subnode.dom
Helper.checkCreated(vnode)
@ -39,7 +39,12 @@ const Front = {
type: 'video/webm',
}),
]
),
) : m('div', {
oncreate: function(subnode) {
vnode.state.domVideo = subnode.dom
Helper.checkCreated(vnode)
},
}),
m('div',
m('img', {
oncreate: function(subnode) {
@ -58,8 +63,8 @@ const Front = {
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('h1', 'Nýjir tímar kalla á nýjar lausnir'),
m('h2', '...og við erum með þær'),
]),
])
),
@ -67,7 +72,7 @@ const Front = {
// Solutions
m('article.solution', [
m('h3', [
'Við erum með lausnina',
'Hvað getum við gert fyrir þig?',
m('div.left'),
m('div.right'),
]),
@ -84,12 +89,10 @@ const Front = {
}, [
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.
Þarfir fólks og fyrirtækja eru margvíslegar og krefjast
oft sérstæðrar nálgunar. Starfslið okkar hefur víðtæka
reynslu í þarfagreiningu og útfærslum á ýmsum sviðum
hins stafræna nútíma.
`),
]),
m('div.item', {
@ -103,10 +106,10 @@ const Front = {
}, [
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.
Hvort sem þú ert að leitast eftir hýsingu, hugbúnaðargerð,
vefhönnun, streymi- eða upptökulausnum, þá erum við með
þekkinguna og reynsluna. Við erum alltaf tilbúnir til
leiks og elskum að taka að okkur krefjandi verkefni.
`),
]),
]),
@ -116,11 +119,9 @@ const Front = {
dom: subnode.dom,
className: 'visible',
threshold: -100,
img: '/assets/images/solutions.svg',
})
},
style: {
backgroundImage: 'url("/assets/images/solutions.svg")',
},
}),
]),
]),
@ -137,11 +138,10 @@ const Front = {
})
},
}, [
m('h3', 'Hýsingarlausnir sniðnar að þínum þörfum'),
m('h3', 'Hýsingarlausnir'),
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
Hvort heldur sem þig vantar vefhýsingu, sýndarvélar eða
geymslu og meðhöndlun gagna þá getum við fundið lausn sem
hentar þér.
`),
m(m.route.Link, { class: 'next', href: '/hosting-solutions' }, 'Lesa meira'),
@ -153,11 +153,9 @@ const Front = {
dom: subnode.dom,
className: 'visible',
threshold: -100,
img: '/assets/images/hosting.svg',
})
},
style: {
backgroundImage: 'url("/assets/images/hosting.svg")',
},
}),
]),
]),
@ -176,9 +174,9 @@ const Front = {
}, [
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í.
Ef þig vantar sérlausn eða aðstoð með þín verkefni að þá
getum við hjálpað þér. Við höfum yfir 20 ára reynslu í
forritun og hugbúnaðargerð.
`),
m(m.route.Link, { class: 'next', href: '/programming-solutions' }, 'Lesa meira'),
]),
@ -189,11 +187,9 @@ const Front = {
dom: subnode.dom,
className: 'visible',
threshold: -100,
img: '/assets/images/programming.svg',
})
},
style: {
backgroundImage: 'url("/assets/images/programming.svg")',
},
}),
]),
]),
@ -210,13 +206,11 @@ const Front = {
})
},
}, [
m('h3', 'Streymi og vídeólausnir'),
m('h3', 'Streymi- og upptökulausnir'),
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.
Hvort sem er að ræða fundi eða ráðstefnur þá tökum við að
okkur upptökur og streymingu á þeim. Við höfum margra ára
reynslu og getum unnið í hvaða sal sem er.
`),
m(m.route.Link, { class: 'next', href: '/video-solutions' }, 'Lesa meira'),
]),
@ -227,11 +221,9 @@ const Front = {
dom: subnode.dom,
className: 'visible',
threshold: -100,
img: '/assets/images/video.svg',
})
},
style: {
backgroundImage: 'url("/assets/images/video.svg")',
},
}),
]),
]),

70
app/helper.js
View file

@ -1,8 +1,9 @@
const Helper = {
var Helper = {
init: function(vnode, filename, options) {
vnode.state.domImg = null
vnode.state.domVideo = null
vnode.state.domContainer = null
vnode.state.isMobile = Helper.isMobile()
vnode.state.videoShow = false
vnode.state.videoFilename = filename
@ -10,7 +11,6 @@ const Helper = {
vnode.state.resizeTimeout = null
vnode.state.videoResizeThrottler = Helper.resizeThrottler.bind(vnode.state, vnode)
vnode.state.scrollListener = null
vnode.state.scrollListenerTicking = false
vnode.state.scrollListenerWaiting = []
vnode.state.videoVisibilityHidden = ''
vnode.state.videoVisibilityEvent = null
@ -21,6 +21,14 @@ const Helper = {
: '/assets/cover/' + filename + '_720.mp4'
},
isMobile: function() {
var check = false;
(function(a) {
if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true
})(navigator.userAgent || navigator.vendor || window.opera);
return check
},
clear: function(vnode) {
vnode.state.scrollListenerWaiting.splice(0, vnode.state.scrollListenerWaiting.length)
window.removeEventListener('resize', vnode.state.videoResizeThrottler)
@ -31,8 +39,8 @@ const Helper = {
scrollListener: function(vnode) {
if (!vnode.state.scrollListenerWaiting.length) return
let scrollTop = window.pageYOffset
let height = window.innerHeight
var scrollTop = window.pageYOffset
var height = window.innerHeight
for (var i = 0; i < vnode.state.scrollListenerWaiting.length; i++) {
Helper.scrollItemIsVisible(vnode, vnode.state.scrollListenerWaiting[i], scrollTop, height)
@ -47,14 +55,16 @@ const Helper = {
},
scrollAddItem: function(vnode, options) {
let bound = options.dom.getBoundingClientRect()
let scrollTop = window.pageYOffset
var bound = options.dom.getBoundingClientRect()
var scrollTop = window.pageYOffset
let item = {
var item = {
dom: options.dom,
threshold: options.threshold || 100,
top: Math.round(bound.top) + Math.round(scrollTop),
bottom: Math.round(bound.bottom) + Math.round(scrollTop),
className: ' ' + options.className,
img: options.img || null,
ticking: false,
}
@ -68,10 +78,10 @@ const Helper = {
},
scrollResetBound: function(vnode) {
let scrollTop = window.pageYOffset
var scrollTop = window.pageYOffset
vnode.state.scrollListenerWaiting.forEach(function (item) {
let bound = item.dom.getBoundingClientRect()
var bound = item.dom.getBoundingClientRect()
item.top = Math.round(bound.top) + Math.round(scrollTop)
})
},
@ -82,15 +92,31 @@ const Helper = {
if (item.top - item.threshold < scrollTop + height) {
item.ticking = true
requestAnimationFrame(function() {
item.dom.className += item.className
let index = vnode.state.scrollListenerWaiting.indexOf(item)
if (item.img) {
Helper.lazyLoadImage(vnode, null, item.img, function() {
item.dom.style.backgroundImage = 'url("' + item.img + '")'
if (index >= 0) {
vnode.state.scrollListenerWaiting.splice(index, 1)
}
Helper.scrollCheckEmpty(vnode)
})
requestAnimationFrame(function() {
item.dom.className += item.className
var index = vnode.state.scrollListenerWaiting.indexOf(item)
if (index >= 0) {
vnode.state.scrollListenerWaiting.splice(index, 1)
}
Helper.scrollCheckEmpty(vnode)
})
})
} else {
requestAnimationFrame(function() {
item.dom.className += item.className
var index = vnode.state.scrollListenerWaiting.indexOf(item)
if (index >= 0) {
vnode.state.scrollListenerWaiting.splice(index, 1)
}
Helper.scrollCheckEmpty(vnode)
})
}
}
},
@ -165,12 +191,16 @@ const Helper = {
Helper.scaleContainerContent(vnode, 'domVideo', false, width, height)
},
lazyLoadImage: function(vnode, name, url) {
if (!vnode.state[name]) return
lazyLoadImage: function(vnode, name, url, cb) {
if (!vnode.state[name] && !cb) return
var img = document.createElement('img')
img.onload = function() {
vnode.state[name].src = url
if (cb) {
cb()
} else {
vnode.state[name].src = url
}
}
img.src = url
},

88
app/hosting/index.js
View file

@ -1,7 +1,7 @@
const m = require('mithril')
const Helper = require('../helper')
var m = require('mithril')
var Helper = require('../helper')
const Hosting = {
var Hosting = {
oninit: function(vnode) {
Helper.init(vnode, 'hosting')
},
@ -60,8 +60,8 @@ const Hosting = {
m(m.route.Link, { href: '/video-solutions' }, [ 'Videólausnir', m('div') ]),
]),
m('div.content', [
m('h1', 'Hýsingar sem þú getur treyst'),
m('h2', 'Sýndarvélar, Wordpress, geymsluhýsing, og hvað eina!'),
m('h1', 'Hýsingarlausnir sem þú getur treyst'),
m('h2', 'SÝNDARVÉLAR, WORDPRESS, GEYMSLUHÝSING, OG HVAÐ EINA!'),
]),
])
),
@ -75,11 +75,9 @@ const Hosting = {
dom: subnode.dom,
className: 'visible',
threshold: -100,
img: '/assets/images/hostintro.svg',
})
},
style: {
backgroundImage: 'url("/assets/images/hostintro.svg")',
},
}),
m('aside', [
m('div.item', {
@ -93,21 +91,20 @@ const Hosting = {
}, [
m('h3', 'Vefhýsing'),
m('p', `
Við höfum boðið okkar viðskiptavinum upp á
margskonar lausnir þegar kemur að hýsa þeirra vefi.
Meðal þess sem við höfum reynslu af er bæði að
setja upp sýndarvélar sem þú getur haft fulla umsjá
með og gert hvað svo sem þig lystir með en við
einnig sérhæfum okkur í að bjóða upp á lausnir
þar sem við setjum allt upp og sjáum um allan umsjá
og leyft þér að hafa athyglina frekar á þín málefni.
Við getum boðið okkar viðskiptavinum upp á margskonar
lausnir þegar kemur að hýsa þeirra vefi. Meðal þess sem
við höfum reynslu af er að setja upp sýndarvélar sem þú
getur haft fulla umsjá með og gert hvað svo sem þig lystir
með en einnig sérhæfum okkur í að bjóða upp á
alsherjarlausnir þar sem við sjáum um alla uppsetningu og
umsjón svo að þú getir haft athyglina á öðrum þáttum
reksturs þíns.
`),
m('p', `
Ef þig vantar Wordpress/PHP uppsetningu eða
kannski ert með sérhæfari síðu og vilt nota
docker eða node að þá skiptir það okkur ekki
neinu máli. Okkar kerfi geta séð um að mæta þínum
þörfum.
Ef þig vantar Wordpress/PHP uppsetningu eða hefur sérhæfða
síðu og vilt nota docker eða node þá munar okkur ekki um
það. Okkar kerfi geta séð um að mæta þínum þörfum hverjar
sem þær eru.
`),
]),
]),
@ -121,11 +118,9 @@ const Hosting = {
dom: subnode.dom,
className: 'visible',
threshold: -100,
img: '/assets/images/hostfile.svg',
})
},
style: {
backgroundImage: 'url("/assets/images/hostfile.svg")',
},
}),
m('aside', [
m('div.item', {
@ -137,21 +132,20 @@ const Hosting = {
})
},
}, [
m('h3', 'Gagnageymslur og myndavennsl'),
m('h3', 'Gagnageymslur og skölun myndefnis'),
m('p', `
Að vera með örugga geymslu fyrir gögn getur verið mjög
mikilvægt fyrir fyrirtæki. NFP ehf. hefur boðið upp á
stórar gagnageymslur á okkar vélbúnaði fyrir fyrirtæki
til að geyma sín afrit eða vinnlugögn sem þeirra
starfsmanna þurfa hafa aðgang að og vinna með hvar
svo sem þeir eru staddir í heiminum.
Örugg geymsla gagna er sífellt mikilvægari þáttur fyrir
fyrirtæki. NFP ehf. hefur boðið upp á gagnageymslu fyrir
fyrirtæki til að geyma sín afrit eða vinnslugögn sem
starfsmenn geta haft aðgang að og unnið með hvar sem
þeir eru staddir í heiminum.
`),
m('p', `
Við höfum líka haft góða reynslu að sjá um vinnslu og
hýsingu á myndum og þess háttar og séð um öll vennsl
sem krafist er til þeirra. Hvort heldur sem það er að
enkóða vídeó fæla eða ljósmyndir í mismunandi upplausnum
fyrir vefsíðubirtingar hvað svo sem þarf að gera.
Við getum einnig séð um hvers kyns meðhöndlun myndgagna
svo sem endurkóðun upptökuefnis til að lágmarka rýmisþörf
með bestu mögulegu gæðum eða skölun á myndum fyrir
vefsíðubirtingar. Lausnir okkar eru skilvirkar og
afkastamiklar.
`),
]),
]),
@ -165,11 +159,9 @@ const Hosting = {
dom: subnode.dom,
className: 'visible',
threshold: -100,
img: '/assets/images/hostmanaged.svg',
})
},
style: {
backgroundImage: 'url("/assets/images/hostmanaged.svg")',
},
}),
m('aside', [
m('div.item', {
@ -183,18 +175,16 @@ const Hosting = {
}, [
m('h3', 'Láttu okkur sjá um viðhaldið'),
m('p', `
Það getur reynst kúnst að viðhalda sýndarvélum og
heimasíðum. Það er alls ekki fyrir alla að gera
Wordpress uppfærslur eða gera prófanir á öryggisafrit
og að þau séu að afritast rétt.
Það getur verið kúnst að viðhalda sýndarvélum og
heimasíðum og Það er ekki á allra hendi að framkvæma
Wordpress uppfærslur eða prófanir á öryggisafritum.
`),
m('p', `
Viðhald á búnaði ætti alls ekki að vera eitthvað sem
allir kunna. Þess vegna höfum við boðið upp á þann
valkost að sjá um allt svoleiðis eftir aðstæðum fyrir
þá sem vilja eignast þann kost. Við gerum reglulegar
uppfærslur og fylgjumst með netheiminum og því sem
er að gerast þar.
Þú átt að geta einbeitt þér að þínu sérsviði. Þess vegna
bjóðum við upp á að sjá um allt sem kemur að viðhaldi og
gæðaeftirliti. Við fylgjumst vel með þróuninni, gerum
reglulegar uppfærslur og tryggjum að allt virki sem
skildi.
`),
]),
]),

12
app/main.js
View file

@ -12,7 +12,7 @@
//in the console.
window.components = {}
const m = require('mithril')
var m = require('mithril')
m.route.setOrig = m.route.set
m.route.set = function(path, data, options){
@ -26,11 +26,11 @@ m.route.link = function(vnode){
window.scrollTo(0, 0)
}
const Front = require('./front')
const Hosting = require('./hosting')
const Programming = require('./programming')
const Streaming = require('./streaming')
const Footer = require('./footer')
var Front = require('./front')
var Hosting = require('./hosting')
var Programming = require('./programming')
var Streaming = require('./streaming')
var Footer = require('./footer')
m.route.prefix = ''
m.route(document.getElementById('container'), '/', {

76
app/programming/index.js
View file

@ -1,7 +1,7 @@
const m = require('mithril')
const Helper = require('../helper')
var m = require('mithril')
var Helper = require('../helper')
const Programming = {
var Programming = {
oninit: function(vnode) {
Helper.init(vnode, 'programming')
},
@ -75,11 +75,9 @@ const Programming = {
dom: subnode.dom,
className: 'visible',
threshold: -100,
img: '/assets/images/programmingintro.svg',
})
},
style: {
backgroundImage: 'url("/assets/images/programmingintro.svg")',
},
}),
m('aside', [
m('div.item', {
@ -93,18 +91,18 @@ const Programming = {
}, [
m('h3', 'Vefsíðuforritun'),
m('p', `
Með margra ára reynslu í forritun og mikla þekkingu þegar
kemur að vefsíðugerð, að þá er ekkert sem hefur stoppað okkur
í að leysa krefjandi verkefni. Hvort heldur sem það er flókin
útfærsla á hönnun og innleiðing þess í HTML/CSS eða setja
upp greiðslugáttir og áskriftaleiðir hjá mismunandi aðilum
að þá erum við sérfræðingar í þeim hlutum.
Með margra ára reynslu í forritun og yfirgripsmikla
þekkingu þegar kemur að vefsíðugerð, er ekkert sem stoppar
okkur í að leysa krefjandi verkefni. Hvort heldur sem um
er að ræða útfærslu á hönnun og innleiðing hennar í
HTML/CSS eða uppsetningu greiðslugátta og áskriftaleiða
hjá mismunandi aðilum að þá erum við sérfræðingar á því
sviði.
`),
m('p', `
Forritunartungumál skipta okkur ekki máli enda er það bara
tól til að vinna með. Hvaða tækni sem þú notar, node eða
python eða C# eða hvað svo sem það er, að þá lætur það ekkert
stoppa okkur.
Við getum unnið með hvaða forritunartungumál sem er.
Hvaða tækni sem þú notar, node, python, C# eða hvað
annað tungumál, þá látum við ekkert stoppa okkur.
`),
]),
]),
@ -118,11 +116,9 @@ const Programming = {
dom: subnode.dom,
className: 'visible',
threshold: -100,
img: '/assets/images/programmingstore.svg',
})
},
style: {
backgroundImage: 'url("/assets/images/programmingstore.svg")',
},
}),
m('aside', [
m('div.item', {
@ -136,18 +132,17 @@ const Programming = {
}, [
m('h3', 'Sölukerfi og vefverslun'),
m('p', `
Okkar mesta stolt var að búa til sölukerfi frá grunni í
síðuformi, byggt frá grunni til að vera einföld í notkun
og henta lítil fyrirtæki. Sölukerfið býður upp á pantana-
og birgðakerfi sem og vefverslunarframenda. Allt kerfið er
svo hægt að fá í einum pakka, með eða án posa og tilbúið til
notkunar.
Við höfum hannað og þróað sölukerfi frá grunni í síðuformi.
Það er byggt til að vera einfalt í notkun og henta fyrir
lítil og meðalstór fyrirtæki. Sölukerfið býður upp á
pantanakerfi, verkbókhald og birgðakerfi sem og
vefverslunarframenda og tengingu við posa.
`),
m('p', `
Við höfum einnig breytt vefverslunarframendanum til að passa
fyrir hvert fyrirtæki og þeirra vörumerki. Við vinnum með
hverjum og einum og pössum upp á að skilja aldrei frá hlutum
fyrr en allir eru sáttir.
Við getum aðlagað vefverslunarframendanum til að passa
fyrir hvert fyrirtæki og þeirra vöruframboði. Við vinnum
náið með hverjum og einum viðskiptavini og skilum af okkur
lausn sem uppfyllir þarfir þeirra.
`),
]),
]),
@ -161,11 +156,9 @@ const Programming = {
dom: subnode.dom,
className: 'visible',
threshold: -100,
img: '/assets/images/programmingcontractor.svg',
})
},
style: {
backgroundImage: 'url("/assets/images/programmingcontractor.svg")',
},
}),
m('aside', [
m('div.item', {
@ -177,18 +170,19 @@ const Programming = {
})
},
}, [
m('h3', 'Verktakavinna heim til þín'),
m('h3', 'Verktakavinna'),
m('p', `
Ef það er tímapressa hjá þér, að þá erum við alltaf tilbúnir
að koma beint inn í hús til ykkar og vinna verktakavinnu
á ykkar vinnustað. Við vinnum alltaf með ykkar fólki og
getum aðlagast hvaða vinnureglum sem er.
Ef það er tímapressa hjá þér, að þá getum við komið beint
til ykkar og unnið verktakavinnu á ykkar vinnustað. Við
getum unnið náið með ykkar fólki og aðlagast hvaða
vinnureglum sem er.
`),
m('p', `
Okkar fólk hefur verið vel tekið hvert sem við förum og
höfum alltaf skilið hlutum frá okkur í tilbúnu formi.
Hverjar svo sem sem vandamálin kunna að liggja að þá geturðu
treyst því að við munum finna lausn saman og redda málunum.
Okkar fólki hefur verið vel tekið hvert sem við förum og
við höfum ætíð kappkostað að skila frá okkur góðu verki.
Hverjar svo sem sem vandamálin kunna að liggja að þá
geturðu treyst því að við munum finna lausn á þeim
saman og redda málunum.
`),
]),
]),

32
app/streaming/index.js
View file

@ -1,7 +1,7 @@
const m = require('mithril')
const Helper = require('../helper')
var m = require('mithril')
var Helper = require('../helper')
const Streaming = {
var Streaming = {
oninit: function(vnode) {
Helper.init(vnode, 'streaming')
},
@ -60,8 +60,8 @@ const Streaming = {
m(m.route.Link, { class: 'active', href: '/video-solutions' }, [ 'Videólausnir', m('div') ]),
]),
m('div.content', [
m('h1', 'Ráðstefnur og fundir'),
m('h2', 'Streymi- og vídeóupptökulausnir!'),
m('h1', 'Streymi- og upptökulausnir'),
m('h2', 'Fyrir ráðstefnur og fundi á tækniöld'),
]),
])
),
@ -75,11 +75,9 @@ const Streaming = {
dom: subnode.dom,
className: 'visible',
threshold: -100,
img: '/assets/images/videoconference.svg',
})
},
style: {
backgroundImage: 'url("/assets/images/videoconference.svg")',
},
}),
m('aside', [
m('div.item', {
@ -91,17 +89,19 @@ const Streaming = {
})
},
}, [
m('h3', 'Það er ekkert eins leiðinglegt og að missa af viðburði'),
m('h3', 'Ekki missa af neinu!'),
m('p', `
Fyrir þá sem ekki komast eða fyrir þá sem eiga við fötlun að
stríða, getur verið erfitt fyrir þá að komast á fundi eða
viðburði. Þessvegna höfum við boðið upp á fundarstreymi og
ráðstefnustreymi fyrir hvaða viðburð sem er.
Aðstæður fólks eru æði ólíkar og ekki geta allir komist á
alla viðburði, hvort sem er vegna fjarlægðar, fötlunar eða
tímaleysis. Við bjóðum upp á upptöku og streymiþjónustu
fyrir hvers kyns viðburði til að færa þá nær fólki í tíma
og rúmi.
`),
m('p', `
Innifalið er alltaf streymigluggi, upptöku og úrvinnslu
gagna með sundurbrotið vídeó eftir ræðumanni eða umræðuefni,
tilbúið til birtingar á netinu eða henda í youtube.
Innifalið í þjónustunni er streymigluggi, upptaka og
úrvinnsla myndefnis með sundurgreiningu eftir ræðumanni
eða umræðuefni, tilbúið til birtingar á netinu og/eða
í varðveislu á stafrænu formi.
`),
]),
]),

389
app/styl/main.styl
View file

File diff suppressed because one or more lines are too long