diff --git a/GeckoChildCrash6178.extra b/GeckoChildCrash6178.extra
new file mode 100644
index 0000000..6fc2d9d
--- /dev/null
+++ b/GeckoChildCrash6178.extra
@@ -0,0 +1 @@
+MozCrashReason=MOZ_CRASH(Aborting on channel error.)
diff --git a/GeckoChildCrash7205.extra b/GeckoChildCrash7205.extra
new file mode 100644
index 0000000..6fc2d9d
--- /dev/null
+++ b/GeckoChildCrash7205.extra
@@ -0,0 +1 @@
+MozCrashReason=MOZ_CRASH(Aborting on channel error.)
diff --git a/GeckoChildCrash8017.extra b/GeckoChildCrash8017.extra
new file mode 100644
index 0000000..6fc2d9d
--- /dev/null
+++ b/GeckoChildCrash8017.extra
@@ -0,0 +1 @@
+MozCrashReason=MOZ_CRASH(Aborting on channel error.)
diff --git a/GeckoChildCrash9214.extra b/GeckoChildCrash9214.extra
new file mode 100644
index 0000000..6fc2d9d
--- /dev/null
+++ b/GeckoChildCrash9214.extra
@@ -0,0 +1 @@
+MozCrashReason=MOZ_CRASH(Aborting on channel error.)
diff --git a/src/App.vue b/src/App.vue
index c662036..addbc12 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,7 +9,7 @@
 <script>
 export default {
   name: 'app'
-}
+};
 </script>
 
 <style>
@@ -25,6 +25,10 @@ export default {
     -webkit-print-color-adjust: exact;
     box-sizing: border-box;
 }
+.resume{
+  height: 100%;
+  width: 100%;
+}
 .page {
     background: white;
     position: relative;
diff --git a/src/components/resume-material-dark.vue b/src/components/resume-material-dark.vue
index 745c90d..393abfc 100755
--- a/src/components/resume-material-dark.vue
+++ b/src/components/resume-material-dark.vue
@@ -1,113 +1,125 @@
 <template>
-<div class="resume leftCol m_box">
-  <div class="shadow"></div>
-  <div class="heading" id="myselfpic">
-  </div>
-  <div class="section-headline">
-    Contact
-  </div>
-  <div class="item">
-    <div class="icon">
-      <i class="material-icons">account_circle</i>
+<div class="resume">
+  <div class="leftCol m_box">
+    <div class="shadow"></div>
+    <div class="heading" id="myselfpic">
     </div>
-    <div class="text">
-      <ul>
-        <li> Born {{person.birth.year}} in {{person.birth.location}}</li>
-      </ul>
+    <div class="section-headline">
+      Contact
+    </div>
+    <div class="item">
+      <div class="icon">
+        <i class="material-icons">account_circle</i>
+      </div>
+      <div class="text">
+        <ul>
+          <li> Born {{person.birth.year}} in {{person.birth.location}}</li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="item">
+      <div class="icon">
+        <i class="material-icons">location_city</i>
+      </div>
+      <div class="text">
+        <ul>
+          <li>{{person.contact.street}}</li>
+          <li>{{person.contact.city}}</li>
+        </ul>
+      </div>
+    </div>
+
+    <a :href="'tel:'+person.contact.phone">
+      <div class="item">
+        <div class="icon">
+          <i class="material-icons">phone</i>
+        </div>
+        <div class="text">
+          {{person.contact.phone}}
+        </div>
+      </div>
+    </a>
+
+    <a :href="'mailto:'+person.contact.email">
+      <div class="item">
+        <div class="icon">
+          <i class="material-icons">email</i>
+        </div>
+        <div class="text">
+          {{person.contact.email}}
+        </div>
+      </div>
+    </a>
+
+    <a :href="'https://github.com/'+person.contact.github" target="_blank">
+      <div class="item">
+        <div class="icon">
+          <i class="fa fa-github"></i>
+        </div>
+        <div class="text">
+          <span>@{{person.contact.github}}</span>
+          <span>github.com/{{person.contact.github}}</span>
+        </div>
+      </div>
+    </a>
+
+    <a :href="person.contact.website" target="_blank">
+      <div class="item">
+        <div class="icon">
+          <i class="material-icons">language</i>
+        </div>
+        <div class="text">
+          <span>{{person.contact.website}}</span>
+        </div>
+      </div>
+    </a>
+
+    <div class="item last">
+      <div class="section-headline">
+        Skills
+      </div>
+        <div class="skill" v-for="skill in person.skills">
+          <div class="right">
+            <span>{{skill.name}}</span>
+            <div class="progress">
+              <div class="determinate" :style="'width: '+skill.level+'%;'">
+                <i class="fa fa-circle"></i>
+              </div>
+            </div>
+          </div>
+        </div>
     </div>
   </div>
 
-  <div class="item">
-    <div class="icon">
-      <i class="material-icons">location_city</i>
-    </div>
-    <div class="text">
-      <ul>
-        <li>{{person.contact.street}}</li>
-        <li>{{person.contact.city}}</li>
-      </ul>
+  <div class="rightCol">
+    <div class="title">
+      <h2>{{person.name.first}}  {{person.name.last}}</h2>
+      <div>{{person.position}}</div>
     </div>
+
+    <div class="section-headline">Working experience</div>
+      <div class="block" v-for="experience in person.experience">
+        <div class="block-helper"></div>
+        <div class="headline">{{experience.position}} - {{experience.company}}</h3>
+          <div class="subheadline">{{experience.timeperiod}}</div>
+          <p class="info">
+            {{experience.description}}
+          </p>
+        </div>
+      </div>
+    <div class="section-headline">Education</div>
+      <div class="block" v-for="education in person.education">
+        <div class="block-helper"></div>
+        <div class="headline">{{education.degree}}</div>
+        <p class="info">
+          {{education.timeperiod}}, {{education.description}}
+        </p>
+      </div>
   </div>
 
-  <a :href="'tel:'+person.contact.phone">
-    <div class="item">
-      <div class="icon">
-        <i class="material-icons">phone</i>
-      </div>
-      <div class="text">
-        {{person.contact.phone}}
-      </div>
-    </div>
-  </a>
-
-  <a :href="'mailto:'+person.contact.email">
-    <div class="item">
-      <div class="icon">
-        <i class="material-icons">email</i>
-      </div>
-      <div class="text">
-        {{person.contact.email}}
-      </div>
-    </div>
-  </a>
-
-  <a :href="'https://github.com/'+person.contact.github" target="_blank">
-    <div class="item">
-      <div class="icon">
-        <i class="fa fa-github"></i>
-      </div>
-      <div class="text">
-        <span>@{{person.contact.github}}</span>
-        <span>github.com/{{person.contact.github}}</span>
-      </div>
-    </div>
-  </a>
-
-  <a :href="person.contact.website" target="_blank">
-    <div class="item">
-      <div class="icon">
-        <i class="material-icons">language</i>
-      </div>
-      <div class="text">
-        <span>{{person.contact.website}}m</span>
-      </div>
-    </div>
-  </a>
+  <div style="clear:both;"></div>
 </div>
-<div class="rightCol">
-  <div class="title">
-    <h2>{{person.name.first}}  {{person.name.last}}</h2>
-    <div>{{person.position}}</div>
-  </div>
-
-  <div class="section-headline">Working experience</div>
-
-
-  {{#person.experience}}
-  <div class="block">
-    <div class="block-helper"></div>
-    <div class="headline">{{position}} - {{company}}</h3>
-      <div class="subheadline">{{timeperiod}}</div>
-      <p class="info">
-        {{description}}
-      </p>
-    </div>
-  </div>
-  {{/person.experience}}
-
-  <div class="section-headline">Education</div>
-
-  {{#person.education}}
-  <div class="block">
-    <div class="block-helper"></div>
-    <div class="headline">{{degree}}</div>
-    <p class="info">
-      {{timeperiod}}, {{description}}
-    </p>
-  </div>
-  {{/person.education}}
-</div>
-<div style="clear:both;"></div>
 </template>
 
 <script>
@@ -116,10 +128,10 @@ import {
 } from '../person';
 export default {
   name: 'hello',
-  data() {
+  data () {
     return {
       person: PERSON
-    }
+    };
   }
 };
 </script>
@@ -128,6 +140,7 @@ export default {
 <style scoped>
 .resume {
   font-family: 'Roboto' !important;
+  background: #CCCCCC;
 }
 
 a {
diff --git a/src/main.js b/src/main.js
index ec10971..edc161d 100755
--- a/src/main.js
+++ b/src/main.js
@@ -1,10 +1,10 @@
 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
-import Vue from 'vue'
-import App from './App'
-import router from './router'
+import Vue from 'vue';
+import App from './App';
+import router from './router';
 
-Vue.config.productionTip = false
+Vue.config.productionTip = false;
 
 /* eslint-disable no-new */
 new Vue({
@@ -12,4 +12,4 @@ new Vue({
   router,
   template: '<App/>',
   components: { App }
-})
+});
diff --git a/src/router/index.js b/src/router/index.js
index e156837..f379b04 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,15 +1,14 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-import ResumeMaterialDark from '@/components/resume-material-dark'
-
-Vue.use(Router)
+import Vue from 'vue';
+import Router from 'vue-router';
+import ResumeMaterialDark from '@/components/resume-material-dark';
+Vue.use(Router);
 
 export default new Router({
   routes: [
     {
       path: '/resume-material-dark',
-      name: 'resume-material-dark',
+      name: 'ResumeMaterialDark',
       component: ResumeMaterialDark
     }
   ]
-})
+});