mat.services/components/hero.vue

36 lines
856 B
Vue
Raw Normal View History

2018-02-08 21:21:28 +00:00
<template lang="pug">
2018-10-14 06:45:44 +00:00
section.hero.is-primary.is-bold(v-once)
.hero-body(v-if='!compact')
2018-02-08 21:21:28 +00:00
.container
2018-10-14 06:45:44 +00:00
h1.title.has-text-danger matthew ess
h2.subtitle.has-text-danger software developer, social justice warrior, wannabe artist
2018-02-08 21:21:28 +00:00
.hero-foot
2018-10-15 03:25:55 +00:00
.tabs.is-boxed.is-fullwidth.is-three-quarters
ul.has-text-weight-semibold.has-text-danger
li(v-if='compact') #[nuxt-link.has-text-weight-bold(to='/') matthew ess]
li #[nuxt-link(to='/projects') projects]
li #[nuxt-link(to='/resume') resume]
li #[nuxt-link(to='/blog') blog]
2018-02-08 21:21:28 +00:00
</template>
2018-10-14 06:45:44 +00:00
<script>
export default {
props: {
compact: {
type: Boolean,
2018-10-18 06:19:46 +00:00
default: false,
},
},
2018-10-14 06:45:44 +00:00
}
</script>
2018-02-08 21:21:28 +00:00
<style lang="sass" scoped>
2018-02-09 01:31:59 +00:00
@import '~bulma/sass/utilities/mixins'
2018-02-08 21:21:28 +00:00
section
margin-bottom: 2rem
2018-02-09 01:31:59 +00:00
+desktop
.is-three-quarters
width: 75%
2018-02-08 21:21:28 +00:00
</style>