summaryrefslogtreecommitdiff
path: root/src/App.vue
diff options
context:
space:
mode:
authorschneefux <schneefux+commit@schneefux.xyz>2018-05-21 17:03:47 +0200
committerschneefux <schneefux+commit@schneefux.xyz>2018-12-13 16:59:36 +0100
commit7d4b849b37bbd180d3588a041e8d0ef9a49cb437 (patch)
treef42a5a0adf24b9980458c9f6c035053df121bf75 /src/App.vue
parentcb9ee1734fdbdcc83b6bc3f58a6a4648b8e9b1ff (diff)
downloadbrokentalents-7d4b849b37bbd180d3588a041e8d0ef9a49cb437.tar.gz
brokentalents-7d4b849b37bbd180d3588a041e8d0ef9a49cb437.zip
Add header image
Diffstat (limited to 'src/App.vue')
-rw-r--r--src/App.vue12
1 files changed, 9 insertions, 3 deletions
diff --git a/src/App.vue b/src/App.vue
index 785eb35..86770db 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,12 +1,12 @@
<template>
<div class="container">
- <section class="hero is-medium is-dark is-bold header">
+ <section class="hero is-medium is-bold header">
<div class="hero-body">
<div class="container">
- <h1 class="title">
+ <h1 class="title has-text-white">
Broken Talents
</h1>
- <h2 class="subtitle">
+ <h2 class="subtitle has-text-white">
Tilting Brawlers since May 2017
</h2>
</div>
@@ -21,5 +21,11 @@
<style scoped>
.header {
text-align: center;
+ background:
+ linear-gradient(
+ rgba(0, 0, 0, 0.4),
+ rgba(0, 0, 0, 0.4)
+ ), url('/dist/assets/TalentGrab.jpg') center center;
+ background-size: cover;
}
</style>