From 9fac092c2c065d9e4c5ef6ea6b528a05c1efb894 Mon Sep 17 00:00:00 2001
From: lostdesign <info@lost.design>
Date: Fri, 25 Oct 2019 11:21:22 +0200
Subject: [PATCH] :sparkles: create OptOutIframe component, add semantic html
 tag

---
 components/OptOutIframe.vue |  3 +++
 pages/cookie-policy.vue     | 14 ++++++++++++--
 pages/privacy-policy.vue    |  9 +++++++--
 3 files changed, 22 insertions(+), 4 deletions(-)
 create mode 100644 components/OptOutIframe.vue

diff --git a/components/OptOutIframe.vue b/components/OptOutIframe.vue
new file mode 100644
index 0000000..600c98a
--- /dev/null
+++ b/components/OptOutIframe.vue
@@ -0,0 +1,3 @@
+<template lang="pug">
+  iframe(style="border: 0; width: 100%; border-radius: 3px; font-family:Poppins,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;" src="https://stats.lost.services/index.php?module=CoreAdminHome&action=optOut&language=en&backgroundColor=08e5ff&fontColor=212121&fontSize=&fontFamily=Poppins")
+</template>
\ No newline at end of file
diff --git a/pages/cookie-policy.vue b/pages/cookie-policy.vue
index cd6502a..5e75323 100644
--- a/pages/cookie-policy.vue
+++ b/pages/cookie-policy.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  div
+  main
     h1 Our Cookie Policy
     p We believe in being transparent about how we collect and use data. This policy provides information about how and when we use cookies for these purposes. Capitalized terms used in this policy but not defined have the meaning set forth in our&nbsp;
       nuxt-link.highlighted(to="privacy-policy") Privacy Policy
@@ -31,10 +31,20 @@
         a(href="https://support.microsoft.com/en-us/kb/260971", title="Google Chrome") Internet Explorer
 
     h2 Opt Out From Tracking
-    iframe(style="border: 0; width: 100%; border-radius: 3px; font-family:Poppins,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;" src="https://stats.lost.services/index.php?module=CoreAdminHome&action=optOut&language=en&backgroundColor=08e5ff&fontColor=212121&fontSize=&fontFamily=Poppins")
+    OptOutIframe
 
 </template>
 
+<script>
+import OptOutIframe from '@/components/OptOutIframe.vue'
+
+export default {
+  components: {
+    OptOutIframe,
+  },
+}
+</script>
+
 <style lang="scss" scoped>
 h2 {
   margin-top: 2rem;
diff --git a/pages/privacy-policy.vue b/pages/privacy-policy.vue
index b8ba724..d5eab78 100644
--- a/pages/privacy-policy.vue
+++ b/pages/privacy-policy.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-  div
+  main
     h1 Our Privacy Policy
     p This Privacy Policy describes how webgems collects, uses and discloses information, and what choices you have with respect to the information. We respect the Browser's "Do Not Track" feature, you won't be affected by this policy if enabled.
 
@@ -38,7 +38,7 @@
 
     h2 Opt Out From Tracking
     p If you do not agree to this data from your visit being stored and evaluated, then you can object to the storage and use at any time by clicking below. In this case, an opt-out cookie will be placed in your browser, which means that Matomo does not collect any session data. Please note that the complete deletion of your cookies means that the opt-out cookie will be deleted too and you may need to activate it again.
-    iframe(style="border: 0; width: 100%; border-radius: 3px; font-family:Poppins,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;" src="https://stats.lost.services/index.php?module=CoreAdminHome&action=optOut&language=en&backgroundColor=08e5ff&fontColor=212121&fontSize=&fontFamily=Poppins")
+    OptOutIframe
 
     h2 Re-Enable Cookie Banner
     p Click&nbsp;
@@ -50,7 +50,12 @@
 </template>
 
 <script>
+import OptOutIframe from '@/components/OptOutIframe.vue'
+
 export default {
+  components: {
+    OptOutIframe,
+  },
   data() {
     return {
     }