From 4fd644dbf9e60df481771bbf88e623b2823c2eae Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Tue, 22 May 2018 11:16:32 +0200
Subject: Add cookie notice

---
 src/IntroBox.vue | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/IntroBox.vue

(limited to 'src/IntroBox.vue')

diff --git a/src/IntroBox.vue b/src/IntroBox.vue
new file mode 100644
index 0000000..457f9f5
--- /dev/null
+++ b/src/IntroBox.vue
@@ -0,0 +1,42 @@
+<template>
+  <div :class="'notification ' + (hideIntro? 'is-hidden' : '')">
+    <button class="delete" @click="hideIntro = true"></button>
+    <div class="content">
+      <h3>Hi There!</h3>
+        <img style="float: right" class="image is-64x64" src="/dist/assets/gwenbarf.png"></img>
+      <p>
+        Broken Talents Fun will help you find the best Talents for the Vainglory mobile MOBA game.
+        <br />
+        Talents are special boosts for Vainglory's Brawl modes that upgrade and change hero abilities in a variety of different ways.
+        <br />
+        Information on this site has been gathered from a small number of real Vainglory matches.
+        The data can be imprecise and can be contrary to your personal experience.
+      </p>
+      <p>
+        This site shares visitor data with Google Analytics and Google AdSense which store cookies. If you do not want that, you can <a href="https://tools.google.com/dlpage/gaoptout">use the Google Analytics opt out service</a> and <a href="http://www.youronlinechoices.com/">opt out of targeted advertisements</a>.
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+import Vue from 'vue';
+import RouterParamMixin from './RouterParamMixin';
+
+export default Vue.component('intro-box', {
+  mixins: [ RouterParamMixin ],
+  data: function() {
+    return {
+      hideIntro: !!localStorage.getItem('hideIntro'),
+    };
+  },
+  watch: {
+    hideIntro: function(value) {
+      localStorage.setItem('hideIntro', value);
+    },
+    selectedMode: function(value) {
+      this.hideIntro = !!localStorage.getItem('hideIntro');
+    },
+  },
+});
+</script>
-- 
cgit v1.3.1