ADD material-dark
This commit is contained in:
salomonelli
parent
61b87c7b44
commit
b6b33b6586
1
GeckoChildCrash6178.extra
Normal file
1
GeckoChildCrash6178.extra
Normal file
@ -0,0 +1 @@
|
||||
MozCrashReason=MOZ_CRASH(Aborting on channel error.)
|
||||
1
GeckoChildCrash7205.extra
Normal file
1
GeckoChildCrash7205.extra
Normal file
@ -0,0 +1 @@
|
||||
MozCrashReason=MOZ_CRASH(Aborting on channel error.)
|
||||
1
GeckoChildCrash8017.extra
Normal file
1
GeckoChildCrash8017.extra
Normal file
@ -0,0 +1 @@
|
||||
MozCrashReason=MOZ_CRASH(Aborting on channel error.)
|
||||
1
GeckoChildCrash9214.extra
Normal file
1
GeckoChildCrash9214.extra
Normal file
@ -0,0 +1 @@
|
||||
MozCrashReason=MOZ_CRASH(Aborting on channel error.)
|
||||
@ -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;
|
||||
|
||||
@ -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 {
|
||||
|
||||
10
src/main.js
10
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 }
|
||||
})
|
||||
});
|
||||
|
||||
@ -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
|
||||
}
|
||||
]
|
||||
})
|
||||
});
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user