New build

src/App.vue

@@ -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>

src/containers/Home.vue

@@ -1,32 +1,37 @@
 <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
-      .notification.is-danger
-          h1.title.is-4 what i care about
-          p.content.
-            as a communist, i'm passionate about anti-imperialism and decolonization.
-            i believe that software can be a tool for liberation, and those are the tools
-            i want to develop. feel free to get in touch with
-            me at mess [at] yelp [dot] com if you have similar goals.
-          p.content.
-            "the philosophers have only interpreted the world, in various ways.
-            the point, however, is to change it."
+    .tile.is-4
+      .tile.is-9
+        .notification.is-danger
+            h1.title.is-4 what i care about
+            p.content.
+              as a communist, i'm passionate about anti-imperialism and decolonization.
+              i believe that software can be a tool for liberation, and those are the tools
+              i want to develop. feel free to get in touch with
+              me at mess [at] yelp [dot] com if you have similar goals.
+            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>

src/containers/Resume.vue

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