New build

merge-requests/1/head
Matthew Ess 2018-02-08 19:01:24 -05:00
parent fa39daa8d3
commit 5f48c3fbed
5 changed files with 40 additions and 26 deletions

View File

@ -3,7 +3,7 @@
Hero(@setActive='tab => active = tab')
.container
component(:is='active')
footer.footer.white
footer.footer.blue
</template>
<script>
@ -32,22 +32,26 @@ export default {
@import '~bulma/sass/utilities/initial-variables'
@import '~bulma/sass/utilities/functions'
$pink: #ffa69e
$pink: #f8a5c2
$pink-invert: findColorInvert($pink)
$mint: #a5ffd6
$mint-invert: findColorInvert($mint)
$red: #ff686b
$red-invert: findColorInvert($red)
$purple: #786fa6
$purple-invert: findColorInvert($purple)
$blue: #546de5
$blue-invert: findColorInvert($blue)
$charcoal: #3a435e
$charcoal-invert: findColorInvert($charcoal)
$primary: $pink
$primary-invert: $pink-invert
$info: $mint
$info-invert: $mint-invert
$danger: $red
$danger-invert: $red-invert
$info: $blue
$info-invert: $blue-invert
$danger: $purple
$danger-invert: $purple-invert
$warning: $charcoal
$warning-invert: $charcoal-invert
@import '~bulma/bulma'
.white
.blue
background: white
</style>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

BIN
src/assets/me.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 MiB

View File

@ -1,22 +1,24 @@
<template lang="pug">
#home
.tile.is-ancestor
.tile.is-vertical.is-3
.tile.is-vertical.is-4
.tile.is-9
.notification.is-primary
.notification.is-info
h1.title.is-4 me
p.content.
i'm a communist, a
#[a(href='https://mattandmack.website' target='_blank') spouse-to-be],
a recently graduated student, and a software developer at yelp.
.tile.placeholder.notification.is-white
.tile.is-9
.notification.is-info
.notification.is-warning
h1.title.is-4 what's inspiring me now
.content
p david lynch's twin peaks
p the musical stylings of #[a(href='https://mitski.com/' target='_blank') mitski]
p jeff vandermeer's southern reach trilogy
.tile.is-3
.tile.is-4
.tile.is-9
.notification.is-danger
h1.title.is-4 what i care about
p.content.
@ -27,6 +29,9 @@
p.content.
"the philosophers have only interpreted the world, in various ways.
the point, however, is to change it."
.tile.is-4
figure.image
img(src='@/assets/me.png')
</template>
<script>
@ -34,3 +39,8 @@ export default {
name: 'Home',
};
</script>
<style lang="sass" scoped>
.placeholder
height: 1rem
</style>

View File

@ -48,7 +48,7 @@ export default {
</script>
<style lang="sass" scoped>
$pink: #ffa69e
$pink: #f8a5c2
hr
width: 75%