From 7d4b849b37bbd180d3588a041e8d0ef9a49cb437 Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Mon, 21 May 2018 17:03:47 +0200
Subject: Add header image

---
 src/App.vue    | 12 +++++++++---
 src/index.html |  1 +
 2 files changed, 10 insertions(+), 3 deletions(-)

(limited to 'src')

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>
diff --git a/src/index.html b/src/index.html
index 1ef9ddc..d22b316 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="description" content="Vainglory Talent and Hero statistics">
     <meta name="keywords" content="Vainglory,Talents,5v5,Blitz,Battle Royale">
+    <meta property="og:image" content="/dist/assets/TalentGrab_square.jpg">
     <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <script>
       (adsbygoogle = window.adsbygoogle || []).push({
-- 
cgit v1.3.1