diff --git a/components/Map.js b/components/Map.js
index e7620ee..540e693 100644
--- a/components/Map.js
+++ b/components/Map.js
@@ -86,6 +86,7 @@ const Markers = ({ popupInfo, data }) => {
 export default class Map extends Component {
   constructor (props) {
     super(props)
+    const { data, error } = props
     const latitude = props.coords && props.coords.latitude ? props.coords.latitude : 62.6321649
     const longitude = props.coords && props.cords.longitude ? props.cords.longitude : 6.4374272
     this.state = {
@@ -96,7 +97,9 @@ export default class Map extends Component {
         longitude,
         zoom: 3,
         minZoom: 3
-      }
+      },
+      data,
+      error
     }
     this.resize = this.resize.bind(this)
     this.popupInfo = this.popupInfo.bind(this)
@@ -106,13 +109,6 @@ export default class Map extends Component {
     window.addEventListener('resize', this.resize)
     this.resize()
     this.interval = setInterval(() => this.tick(), 30000)
-    try {
-      const { stations: data } = await getData(URL_STATIONS)
-      this.setState({ data, error: false })
-    } catch (error) {
-      console.log(error)
-      this.setState({ error: error.message })
-    }
   }
 
   async tick () {
diff --git a/components/alheimsins/Layout.js b/components/alheimsins/Layout.js
index 96a411d..b2cec4e 100644
--- a/components/alheimsins/Layout.js
+++ b/components/alheimsins/Layout.js
@@ -24,7 +24,6 @@ export default ({ title, theme = {}, children }) => (
       <link rel='icon' type='image/png' sizes='16x16' href='/static/favicon-16x16.png' />
       <link rel='mask-icon' href='/static/safari-pinned-tab.svg' color='#47c162' />
       <meta name='msapplication-TileColor' content='#47c162' />
-      <meta name='theme-color' content='#ffffff' />
       <link rel='icon' sizes='192x192' href='/static/android-icon-192x192.png' />
       <link rel='shortcut icon' href='/static/favicon.ico' />
       <link rel='manifest' href='/static/manifest.json' />
diff --git a/pages/info.js b/pages/info.js
index da5993d..a18ecf1 100644
--- a/pages/info.js
+++ b/pages/info.js
@@ -5,7 +5,7 @@ export default () => (
     <div style={{ textAlign: 'left' }}>
       <span className='meta'>06.06.2018 - informasjon fra nilu.no</span>
       <h1 style={{ textAlign: 'center' }}>Luftforurensing</h1>
-      <img src='/static/pollution.png' alt='pollution' width='100%' />
+      <img src='/static/pollution.jpg' alt='pollution' width='100%' />
       <p>Et voksent menneske puster ca. 10.000 liter luft i løpet av et døgn. Luftkvalitet har derfor stor betydning for folks helse. I flere norske byer og tettsteder kan luftkvaliteten være dårligere enn det som er tillatt i henhold til forurensingsforskriften, og dårligere enn helsemyndighetenes anbefalinger.</p>
       <p>Det er flere forhold som påvirker mengden av luftforurensning, utslippsmengder fra ulike kilder, nærhet til forurensningskilder og lokale meteorologiske og klimatiske forhold. De viktigste kildene til luftforurensning er utslipp fra vegtrafikk, boligoppvarming og industri, samt utslipp fra skip i havn.</p>
       <p>Variasjoner i utslippsmengde fra de ulike forurensningskilder både over døgnet og året, samt variasjoner i lokale meteorologiske forhold, medfører at forurensningsnivået lokalt i byer og tettsteder kan variere mye.</p>
@@ -13,7 +13,7 @@ export default () => (
       <p>Nedenfor gis en beskrivelse av de mest aktuelle forurensningsstoffene i Norge.</p>
       <h2>Svevestøv / partikler (PM10 og PM2,5)</h2>
       <p>Svevestøv (eller partikler) omtales gjerne som PM (particulate matter) etterfulgt av et tall som indikerer størrelse på partiklene i mikrometer. PM2,5 er alle partikler som er mindre enn 2,5 µm, og PM10 er alle partikler som er mindre enn 10 µm. Det betyr at svevestøv som inngår i PM2,5 også inngår i betegnelsen PM10.</p>
-      <img alt='svevestøv' src='/static/svevestov.png' />
+      <img alt='svevestøv' src='/static/svevestov.jpg' />
       <blockquote>I flere norske byer og tettsteder er nivåene av svevestøv høyere enn det helsemyndighetene anbefaler i sine luftkvalitetskriterier.</blockquote>
       <p>En rekke befolkningsundersøkelser fra hele verden viser en sammenheng mellom nivåer av svevestøv i uteluft og sykelighet og dødelighet i befolkningen. Både korttids- og langtidseksponering for PM viser sammenhenger med dødelighet. De viktigste kildene til svevestøv er:</p>
       - PM10: Asfalt-, bremse- og dekkslitasje, strøsand, vedfyring, industri, langtransportert bidrag<br />
@@ -44,7 +44,7 @@ export default () => (
       <p>Hovedkilden til benzen i byluft er avdampning fra uforbrent bensin. Utslippet kan også komme fra forbrenningsprosessen.</p>
       <div className='author'>
         <span className='avatar'>
-          <img alt='maccyber' src='/static/maccyber.png' width='30px' height='30px' />
+          <img alt='maccyber' src='/static/maccyber.jpg' width='30px' height='30px' />
         </span>
         <div className='name'>
           Jonas Maccyber Enge (<a href='https://github.com/maccyber'>@maccyber</a>)
diff --git a/pages/kart.js b/pages/kart.js
index b14a95f..edf1ed6 100644
--- a/pages/kart.js
+++ b/pages/kart.js
@@ -1,10 +1,28 @@
 import dynamic from 'next/dynamic'
 import { Layout } from '../components/alheimsins'
+import getData from '../lib/get-data'
+import getConfig from 'next/config'
+
+const { publicRuntimeConfig: { TOKEN, URL_STATIONS } } = getConfig()
 
 const Map = dynamic(import('../components/Map'), { ssr: false })
 
-export default () => (
+const Kart = (props) => (
   <Layout title='luftstatus.no - Se forurensning og luftkvalitet nær deg.' theme='black'>
-    <Map />
+    <Map {...props} />
   </Layout>
 )
+
+Kart.getInitialProps = async () => {
+  let data, error
+  try {
+    const { stations } = await getData(URL_STATIONS)
+    data = stations
+  } catch (error) {
+    console.log(error)
+    error = error.message
+  }
+  return { data, error }
+}
+
+export default Kart
diff --git a/pages/kontakt.js b/pages/kontakt.js
index 784d468..d482c3e 100644
--- a/pages/kontakt.js
+++ b/pages/kontakt.js
@@ -2,7 +2,7 @@ import { Layout } from '../components/alheimsins'
 
 const users = [
   {
-    avatar: '/static/maccyber.png',
+    avatar: '/static/maccyber.jpg',
     name: 'Jonas Maccyber Enge',
     nick: {
       name: 'maccyber',
@@ -12,7 +12,7 @@ const users = [
     dev: true
   },
   {
-    avatar: '/static/zrrrzzt.png',
+    avatar: '/static/zrrrzzt.jpg',
     name: 'Geir Gåsodden',
     nick: {
       name: 'zrrrzzt',
diff --git a/static/maccyber.jpg b/static/maccyber.jpg
new file mode 100644
index 0000000..270f6c2
Binary files /dev/null and b/static/maccyber.jpg differ
diff --git a/static/maccyber.png b/static/maccyber.png
deleted file mode 100644
index 5979871..0000000
Binary files a/static/maccyber.png and /dev/null differ
diff --git a/static/manifest.json b/static/manifest.json
index 10ceb57..cda17de 100644
--- a/static/manifest.json
+++ b/static/manifest.json
@@ -3,7 +3,7 @@
  "short_name": "Luftstatus",
  "description": "Se forurensning og luftkvalitet nær deg.",
  "display": "fullscreen",
- "background_color": "#000000",
+ "background_color": "#FFFFFF",
  "theme_color": "#000000",
  "icons": [
   {
diff --git a/static/pollution.jpg b/static/pollution.jpg
new file mode 100644
index 0000000..8e0149d
Binary files /dev/null and b/static/pollution.jpg differ
diff --git a/static/pollution.png b/static/pollution.png
deleted file mode 100644
index da9dcef..0000000
Binary files a/static/pollution.png and /dev/null differ
diff --git a/static/svevestov.jpg b/static/svevestov.jpg
new file mode 100644
index 0000000..a342604
Binary files /dev/null and b/static/svevestov.jpg differ
diff --git a/static/svevestov.png b/static/svevestov.png
deleted file mode 100644
index 3dd3c41..0000000
Binary files a/static/svevestov.png and /dev/null differ
diff --git a/static/zrrrzzt.jpg b/static/zrrrzzt.jpg
new file mode 100644
index 0000000..dca113c
Binary files /dev/null and b/static/zrrrzzt.jpg differ
diff --git a/static/zrrrzzt.png b/static/zrrrzzt.png
deleted file mode 100644
index a3afbd0..0000000
Binary files a/static/zrrrzzt.png and /dev/null differ